@charset "UTF-8";
:root{--bg:#fbfbf9;--paper:#fff;--ink:#293237;--muted:#7e8b90;--green:#344f69;--green-light:#eaf0f3;--line:#e4e8e8;--serif:"Songti SC","Noto Serif SC","SimSun",serif;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 "Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent;outline-offset:5px}button{cursor:pointer;color:inherit}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6a8ca5}svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}::selection{background:#dbe7ec}section[id]{scroll-margin-top:110px}
.skip-link{position:fixed;top:8px;left:20px;transform:translateY(-160%);background:var(--green);color:white;padding:10px 18px;z-index:30;border-radius:4px}.skip-link:focus{transform:none}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:#7594a7;transform:scaleX(0);transform-origin:left;z-index:25;pointer-events:none}
.topbar{position:sticky;top:0;z-index:10;background:#fbfbf9eb;border-bottom:1px solid transparent;transition:background .35s,border-color .35s;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.is-scrolled .topbar{background:#fbfbf9e8;border-color:var(--line)}.topbar-inner{max-width:1440px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 70px;gap:28px;transition:height .4s var(--ease)}.is-scrolled .topbar-inner{height:80px}.brand{display:flex;gap:11px;align-items:center;font:500 22px var(--serif);letter-spacing:2px;flex-shrink:0}.brand small{display:block;font:8px/2.7 system-ui;letter-spacing:1.8px;color:#829198}.brand-mark{color:var(--green)}.brand-mark svg{width:32px;height:36px;stroke-width:1.15}.topbar nav{display:flex;gap:33px;font-size:12px;margin-left:auto;margin-right:auto}.topbar nav a{color:#839096;position:relative;padding:10px 0}.topbar nav .current{color:var(--ink)}.topbar nav a:after{content:"";position:absolute;bottom:3px;left:0;height:1px;background:#7391a3;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .35s}.topbar nav a:hover:after{transform:scaleX(1)}
.button{border:1px solid transparent;padding:12px 21px;border-radius:30px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:11px;white-space:nowrap;transition:background .3s,transform .35s var(--ease),box-shadow .35s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button svg{width:16px;height:16px}.primary{background:var(--green);color:white}.primary:hover{background:#263f57;box-shadow:0 7px 20px #344f6920}.secondary{background:#eaf0f3;color:#49667b}.danger{background:#f5e9e5;color:#a25443}.danger:hover{background:#efd8d0}.full{width:100%}
main{max-width:1440px;margin:auto;padding:0 70px}.hero{--hero-drift:0px;min-height:550px;display:grid;grid-template-columns:49% 51%;align-items:center;position:relative;padding:25px 0 68px}.eyebrow{font:9px/1.6 system-ui,sans-serif;letter-spacing:2.7px;color:#7b95a1;font-weight:500}.hero-copy{position:relative;z-index:1;padding-top:12px}.hero h1{font:400 clamp(34px,3.3vw,46px)/1.55 var(--serif);letter-spacing:2px;margin:22px 0 17px}.headline-line{display:block}.hero h1 em{font-style:normal;color:#5c7d89}.hero-copy>p{font-size:12px;line-height:2;color:#7d8c92;letter-spacing:1px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.hero-actions .button{font-size:11px;padding:13px 19px;gap:16px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:10px;color:#69818d}.text-link svg{width:16px;transition:transform .35s}.text-link:hover svg{transform:translateX(5px)}.hero-bottom{display:flex;align-items:center;gap:13px;margin-top:37px;color:#7e9098;font-size:9px;line-height:1.9}.hero-bottom b{font-weight:400;color:#71838c}.avatar-stack{display:flex;padding-left:5px;min-width:20px}.avatar-stack img{width:34px;height:34px;object-fit:cover;object-position:center 30%;border:3px solid var(--bg);border-radius:50%;margin-left:-5px;background:#eaf0f1}.hero-pictures{height:410px;position:relative;margin-left:20px}.photo-drift{position:absolute;will-change:transform}.photo-drift-main{left:0;top:13px;width:57%;transform:translate3d(0,calc(var(--hero-drift)*-.42),0)}.photo-drift-side{right:0;top:80px;width:38%;transform:translate3d(0,calc(var(--hero-drift)*.38),0)}.hero-photo{margin:0}.hero-image{height:315px;overflow:hidden;border-radius:3px;background:linear-gradient(145deg,#e3eaec,#cedadf);position:relative}.back .hero-image{height:245px}.hero-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #233b4410;border-radius:inherit;pointer-events:none}.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 33%;transition:transform 1.2s var(--ease)}.hero-photo img:not([src]){visibility:hidden}.back img{object-position:center 24%}.hero-photo:hover img{transform:scale(1.045)}.hero-photo figcaption{font:italic 10px/1.5 Georgia,serif;color:#86969b;margin-top:10px}.collage-index{position:absolute;right:0;top:25px;font:7px system-ui;letter-spacing:1.8px;color:#8c9da4}.collage-note{position:absolute;bottom:4px;left:10%;display:flex;gap:10px;align-items:center;color:#899d9e;transform:translate3d(0,calc(var(--hero-drift)*.15),0)}.collage-note>span{font:29px Georgia;color:#77928e}.collage-note p{font:11px/1.8 var(--serif);letter-spacing:1px}.scroll-cue{position:absolute;bottom:20px;left:0;display:flex;align-items:center;gap:14px;font:7px system-ui;letter-spacing:2px;color:#9bacb1}.scroll-cue i{width:40px;height:1px;background:#d4dfe3;position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;inset:0;background:#8ca4af;transform:translateX(-100%);animation:scrollHint 2.8s ease-in-out infinite}
.family-section{padding:26px 0 29px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.section-label{flex-shrink:0}.section-label h2{font:400 18px var(--serif);letter-spacing:2px;margin:0 0 9px}.section-label p{font-size:10px;color:#8a999e;margin:0;letter-spacing:.3px}.member-list{display:flex;align-items:center;gap:9px;max-width:68%;overflow-x:auto;padding:3px 0;scrollbar-width:thin;scrollbar-color:#cedbe1 transparent}.member-card{border:1px solid transparent;border-radius:30px;display:flex;align-items:center;gap:9px;padding:8px 12px;text-align:left;background:transparent;flex-shrink:0;transition:background .3s,border-color .3s,transform .3s}.member-card.active{background:#e9eff2;color:#3b5a70}.member-card:hover{background:#edf2f4;transform:translateY(-1px)}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font:13px var(--serif);color:#537184;flex-shrink:0}.avatar.all{background:#dce6ec;font:16px var(--serif)}.member-text b{display:block;font-weight:400;font-size:11px;white-space:nowrap}.member-text small{display:block;font-size:8px;color:#87989f;line-height:1.5}.member-add{border:1px dashed #ccd9de;color:#78909d;justify-content:center;font-size:11px;padding:10px 14px}.member-add>span{font-size:17px;font-weight:300}
.memories-section{padding:43px 0 75px;min-height:440px}.memories-head{display:flex;justify-content:space-between;align-items:center;gap:25px}.memories-head h2{font:400 32px/1.5 var(--serif);letter-spacing:2px;margin:8px 0 23px}.memories-head h2>span{font:10px system-ui;letter-spacing:0;margin-left:9px;vertical-align:middle;color:#8498a1}.view-actions{display:flex;gap:9px}.icon-button{border:1px solid var(--line);border-radius:50%;background:transparent;width:34px;height:34px;display:grid;place-items:center;font-size:21px;color:#7b94a0;transition:background .3s,border-color .3s,transform .3s}.icon-button svg{width:16px;height:16px}.icon-button:hover{background:#eaf0f2;border-color:#cedde3}.icon-button:active{transform:scale(.94)}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 27px;gap:22px}.tabs{display:flex;gap:28px;flex-shrink:0}.tab{border:0;border-bottom:1px solid transparent;background:transparent;padding:8px 0;color:#8a9aa1;font-size:11px;transition:color .3s,border-color .3s}.tab.active{color:#344f69;border-color:#577789}.tab:hover{color:#344f69}.search-sort{display:flex;align-items:center;gap:22px}.search{display:flex;align-items:center;gap:9px;color:#8ca0aa}.search svg{width:16px;height:16px}.search input{border:0;border-bottom:1px solid transparent;background:transparent;width:145px;font-size:11px;color:var(--ink);padding:8px 0;transition:border-color .3s}.search input::placeholder{color:#95a3a8}.search input:focus{border-color:#adbec7;outline:none}select{color:#78909c;background:var(--bg);border:1px solid #e1e8eb;padding:7px 9px;border-radius:4px;font-size:10px}.search-sort>select{border:0;padding-right:0}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px 26px}.memory-card{background:transparent;border:0;padding:0;text-align:left;min-width:0;position:relative;border-radius:4px}.card-image{display:block;aspect-ratio:1.34;position:relative;background:#e4ebed;overflow:hidden;border-radius:4px;isolation:isolate}.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--ease),filter .6s}.memory-card:hover img,.memory-card:focus-visible img{transform:scale(1.045)}.card-image:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #203e4810;pointer-events:none}.card-open{position:absolute;right:14px;bottom:14px;width:31px;height:31px;border-radius:50%;background:#fffffff0;display:grid;place-items:center;color:#466577;font-size:19px;opacity:0;transform:translateY(9px) rotate(-10deg);transition:opacity .35s,transform .55s var(--ease);z-index:1}.memory-card:hover .card-open,.memory-card:focus-visible .card-open{opacity:1;transform:translateY(0) rotate(0)}.media-tag{position:absolute;left:12px;bottom:13px;font:7px/1.5 system-ui;letter-spacing:1.6px;padding:3px 6px;border-radius:2px;background:#ffffffd9;color:#57727e;opacity:0;transform:translateY(5px);transition:opacity .35s,transform .35s}.memory-card:hover .media-tag,.memory-card:focus-visible .media-tag{opacity:1;transform:none}.video-placeholder{display:grid;width:100%;height:100%;place-items:end center;padding:0 10px 35px;background:linear-gradient(135deg,#dce8ed,#abc4d2);color:#6d8b9b;font:11px var(--serif);letter-spacing:2px}.play-icon{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:46px;height:46px;border:1px solid #ffffffcf;background:#ffffffa6;color:#4a6c81;display:grid;place-items:center;border-radius:50%;padding-left:3px;font-size:15px;transition:background .3s,scale .4s}.memory-card:hover .play-icon{background:#fffffff0;scale:1.06}.card-copy{display:block;padding:15px 0 0}.card-caption{display:block;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px;color:#4d6673;margin-bottom:8px}.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8da0a8;gap:8px}.card-person{display:flex;align-items:center;gap:6px}.person-dot{width:4px;height:4px;background:#9db4bd;border-radius:50%;display:inline-block}.card-meta time{font:9px system-ui;letter-spacing:.3px}
.notice{padding:12px 15px;margin:0 0 22px;border-radius:4px;font-size:12px;background:#edf1f1;color:#73858e}.empty{text-align:center;padding:50px 15px 65px;color:#7e939e}.empty>span{font:42px Georgia;color:#9db2bb}.empty h3{font:23px var(--serif)}.empty p{font-size:12px;margin:0 0 25px}footer{max-width:1300px;margin:auto;padding:30px 0 34px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#91a0a6;font-size:10px;letter-spacing:.4px}.footer-brand{font:17px var(--serif);color:#617984}.footer-brand small{font:8px system-ui;letter-spacing:2px;margin-left:15px}footer>span:last-child{font:9px system-ui;letter-spacing:1px}.back-top{position:fixed;right:26px;bottom:26px;width:43px;height:43px;background:#fbfbf9eb;backdrop-filter:blur(10px);z-index:8;box-shadow:0 4px 20px #344f690c;animation:backTopIn .4s var(--ease)}
dialog{border:0;padding:0;color:var(--ink)}dialog::backdrop{background:#22354088;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:backdropIn .35s ease}dialog[open]{animation:dialogIn .4s var(--ease)}.form-dialog{width:min(570px,calc(100% - 32px));background:var(--bg);border:1px solid #ffffff99;border-radius:12px;padding:29px 31px;max-height:90dvh;overflow-y:auto;box-shadow:0 25px 100px #132b3a25}.small-dialog{width:min(420px,calc(100% - 32px))}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.dialog-heading h2{font:25px var(--serif);margin:6px 0 0}.dialog-heading .close{flex-shrink:0;border:0;font-size:26px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#7a8e99;margin-bottom:18px}.field input,.field select{width:100%;padding:10px 12px;background:#fff;border:1px solid #dbe5e9;color:var(--ink);border-radius:5px;font-size:13px;min-height:43px}.field-row{display:grid;grid-template-columns:160px 1fr;gap:15px}.dropzone{min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #afc3cd;border-radius:8px;background:#edf3f5;text-align:center;position:relative;padding:20px;cursor:pointer;gap:6px;transition:background .3s}.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone:focus-within{outline:2px solid #6a8ca5;outline-offset:3px}.dropzone b{font-size:12px;font-weight:500}.dropzone small{font-size:10px;color:#8b9fa9}.drop-icon{font-size:34px;color:#7c9aaa}.dropzone.dragover{background:#dfeaf0;border-color:var(--green)}.file-list{max-height:130px;overflow-y:auto;font-size:11px;color:#7b919c;margin-top:12px}.file-list div{padding:5px 0;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);word-break:break-all}.dialog-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:23px}.form-error{font-size:12px;color:#ad5946;white-space:pre-line}.progress-area{font-size:11px;margin-top:16px;color:#6a8999}.progress-area progress{display:block;width:100%;height:6px;accent-color:var(--green);margin-bottom:9px}.manage-item{padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);font-size:13px}.manage-item .button{font-size:11px;padding:6px 10px}.muted{color:#8599a3;font-size:11px;margin:18px 0}.viewer{width:min(1100px,calc(100% - 32px));max-height:95dvh;background:var(--bg);border-radius:10px;padding:15px 22px 21px;overflow:auto;box-shadow:0 25px 100px #132b3a33}.viewer-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#829aa6;margin-bottom:10px}.viewer-top .icon-button{border:0;font-size:27px}.viewer-stage{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:250px}.viewer-nav{border:0;background:transparent;color:#8ca4b0;font:40px Georgia;padding:0 4px}.viewer-nav:disabled{visibility:hidden}#viewer-media{text-align:center;flex:1;min-width:0}#viewer-media img,#viewer-media video{display:block;max-width:100%;max-height:65dvh;margin:auto;border-radius:4px;transform-origin:center}#viewer-media video{width:100%;background:#17262f}.viewer-bottom{display:flex;justify-content:space-between;align-items:center;padding:15px 43px 0;gap:18px}.viewer-bottom h3{font:19px var(--serif);margin:0 0 7px}.viewer-bottom p{color:#8097a2;font-size:11px;margin:0}.viewer-actions{display:flex;gap:10px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#344f69;color:white;padding:12px 24px;border-radius:8px;box-shadow:0 6px 24px #1c334526;font-size:13px;z-index:30;max-width:90vw;text-align:center;animation:backTopIn .3s var(--ease)}
/* Content stays visible when scripts or motion APIs are unavailable. */
html[data-motion="ready"] [data-reveal]{opacity:0;transform:translate3d(0,35px,0) scale(.985);filter:blur(2px);transition:opacity .85s var(--ease) var(--reveal-delay,0ms),transform 1s var(--ease) var(--reveal-delay,0ms),filter .85s var(--ease) var(--reveal-delay,0ms)}html[data-motion="ready"] [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}html[data-motion="ready"] .headline-line{animation:headlineIn 1.1s var(--ease) both}html[data-motion="ready"] .headline-line:nth-child(2){animation-delay:.12s}html[data-motion="ready"] .hero-intro{animation:introIn 1s var(--ease) .24s both}html[data-motion="ready"] .hero-actions{animation-delay:.32s}html[data-motion="ready"] .hero-bottom{animation-delay:.42s}html[data-motion="ready"] .hero-photo{animation:photoIn 1.3s var(--ease) .16s both}html[data-motion="ready"] .back{animation-delay:.34s}html[data-motion="ready"] .collage-note,html[data-motion="ready"] .collage-index{animation:introIn 1s var(--ease) .55s both}
@keyframes headlineIn{from{opacity:0;transform:translateY(28px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes introIn{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes photoIn{from{opacity:0;clip-path:inset(12% 0 0 0 round 3px);transform:translateY(30px) scale(1.025)}to{opacity:1;clip-path:inset(0 round 3px);transform:none}}@keyframes scrollHint{0%,15%{transform:translateX(-105%)}65%,100%{transform:translateX(105%)}}@keyframes dialogIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes backdropIn{from{opacity:0}to{opacity:1}}@keyframes backTopIn{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(min-width:1450px){.hero{min-height:575px}}
@media(max-width:1439px){footer{margin:0 70px}}
@media(max-width:1100px){.topbar-inner{padding:0 40px}main{padding:0 40px}footer{margin:0 40px}.hero h1{font-size:38px;letter-spacing:1px}.hero-pictures{margin-left:10px}.hero-image{height:290px}.back .hero-image{height:225px}.hero-pictures{height:390px}.member-list{max-width:63%}.gallery{gap:29px 20px}.card-image{aspect-ratio:1.12}.search input{width:128px}}
@media(max-width:850px) and (min-width:701px){.topbar-inner{padding:0 27px;gap:18px}main{padding:0 27px}footer{margin:0 27px}.brand{font-size:19px}.brand small{font-size:7px;letter-spacing:1px}.topbar nav{gap:18px;font-size:11px}.hero h1{font-size:31px}.hero-copy>p{font-size:10px;letter-spacing:0}.hero-actions{gap:16px}.hero-actions .button{padding:11px 13px;font-size:10px;gap:8px}.hero-image{height:250px}.back .hero-image{height:195px}.hero-pictures{height:350px}.hero{min-height:470px}.section-label h2{font-size:16px}.section-label p{font-size:8px}.family-section{gap:15px}.member-card{padding:7px 9px}.gallery{gap:27px 16px}.card-image{aspect-ratio:.9}.card-caption{font-size:11px}.toolbar{gap:15px}.search-sort{gap:12px}.search input{width:105px}.tabs{gap:22px}}
@media(max-width:700px){html{scroll-padding-top:90px}.topbar-inner,.is-scrolled .topbar-inner{height:76px;padding:0 22px;gap:12px}.brand{font-size:18px;gap:9px;letter-spacing:1px}.brand-mark svg{width:26px;height:30px}.brand small{font-size:6px;letter-spacing:1px;line-height:2.6}.topbar nav{display:none}.topbar .button{font-size:10px;padding:9px 12px;gap:6px}.topbar .button svg{width:13px;height:13px}main{padding:0 22px}.hero{display:block;min-height:0;padding:28px 0 43px}.hero-copy{padding:0}.eyebrow{font-size:7px;letter-spacing:2px}.hero h1{font-size:33px;line-height:1.52;letter-spacing:1.4px;margin:18px 0 14px}.hero-copy>p{font-size:10px;letter-spacing:.5px}.hero-actions{gap:20px;margin-top:23px}.hero-actions .button{font-size:10px;padding:10px 14px;gap:12px}.text-link{font-size:9px;gap:7px}.text-link svg{width:14px}.hero-bottom{margin-top:24px;gap:10px;font-size:8px}.avatar-stack img{width:28px;height:28px;border-width:2px}.hero-pictures{height:279px;margin:29px 0 0}.photo-drift-main{left:0;top:0;width:56%;transform:translate3d(0,calc(var(--hero-drift)*-.18),0)}.photo-drift-side{right:0;top:46px;width:37%;transform:translate3d(0,calc(var(--hero-drift)*.16),0)}.hero-image{height:208px}.back .hero-image{height:172px}.hero-photo figcaption{font-size:8px;margin-top:7px}.collage-index{top:11px;font-size:5px;letter-spacing:1px}.collage-note{bottom:-4px;left:9%;gap:7px}.collage-note>span{font-size:22px}.collage-note p{font-size:9px;line-height:1.7}.scroll-cue{bottom:14px;font-size:5px;letter-spacing:1.5px;gap:9px}.scroll-cue i{width:25px}.family-section{display:block;padding:23px 0}.section-label h2{font-size:17px;letter-spacing:1px;margin-bottom:8px}.section-label p{font-size:9px}.member-list{max-width:100%;padding-top:17px;gap:5px}.member-card{padding:7px 9px;gap:7px}.avatar{width:25px;height:25px;font-size:12px}.avatar.all{font-size:14px}.member-text b{font-size:10px}.member-text small{font-size:7px}.member-add{font-size:10px;padding:9px 12px}.member-add>span{font-size:16px}.memories-section{padding:32px 0 46px}.memories-head h2{font-size:26px;margin:6px 0 21px;letter-spacing:1.4px}.memories-head h2>span{font-size:9px;margin-left:4px}.view-actions{gap:7px}.icon-button{width:30px;height:30px}.icon-button svg{width:14px;height:14px}.toolbar{flex-wrap:wrap;gap:15px;margin-bottom:21px}.tabs{gap:24px}.tab{font-size:10px;padding:7px 0}.search-sort{width:100%;justify-content:space-between;gap:10px}.search input{width:180px;font-size:10px;padding:6px 0}.search svg{width:14px;height:14px}.search-sort>select{font-size:9px;padding-top:6px;padding-bottom:6px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.card-image{aspect-ratio:.86;border-radius:3px}.card-copy{padding:11px 0 0}.card-caption{font-size:11px;margin-bottom:6px;letter-spacing:.1px}.card-meta{font-size:8px;gap:3px;flex-wrap:wrap}.card-meta time{font-size:8px;letter-spacing:0}.card-person{gap:4px}.person-dot{width:3px;height:3px}.media-tag,.card-open{display:none}.play-icon{width:37px;height:37px;font-size:13px}.video-placeholder{font-size:9px;letter-spacing:1px;padding-bottom:25px}.notice{font-size:11px}footer{margin:0 22px;padding:22px 0 26px;gap:12px;flex-wrap:wrap}.footer-brand{font-size:15px}.footer-brand small{display:none}footer p{font-size:8px;margin:0}footer>span:last-child{font-size:8px}.back-top{right:17px;bottom:18px;width:37px;height:37px}.form-dialog{padding:23px 20px}.field-row{grid-template-columns:1fr;gap:0}.field{margin-bottom:15px}.dialog-heading{margin-bottom:22px}.dialog-heading h2{font-size:23px}.viewer{width:calc(100% - 16px);padding:12px 10px 17px}.viewer-stage{gap:3px}.viewer-nav{font-size:31px;padding:0 2px}.viewer-bottom{padding:16px 13px 0;align-items:flex-start;flex-direction:column;gap:15px}.viewer-bottom h3{font-size:18px}.viewer-actions{width:100%}.viewer-actions .button{font-size:11px;padding:9px 13px}.dropzone small{font-size:9px}.dropzone b{font-size:11px}html[data-motion="ready"] [data-reveal]{transform:translate3d(0,22px,0) scale(.99);filter:none;transition-duration:.7s,.8s,.7s}}
@media(max-width:355px){.topbar-inner{padding:0 17px}.brand{font-size:16px;gap:7px}.brand small{font-size:5px}.brand-mark svg{width:23px}.topbar .button{font-size:9px;padding:8px 10px}main{padding:0 18px}.hero h1{font-size:29px}.hero-actions{gap:15px}.hero-actions .button{font-size:9px;padding:10px 12px}.hero-image{height:188px}.back .hero-image{height:157px}.hero-pictures{height:259px}.member-card{padding-inline:7px}.member-add{padding-inline:9px}.search input{width:155px}.card-meta time{font-size:7px}footer{margin-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.photo-drift,.collage-note{transform:none!important}html[data-motion="ready"] [data-reveal]{opacity:1!important;transform:none!important;filter:none!important}.memory-card:hover img,.hero-photo:hover img{transform:none}.button:hover,.member-card:hover{transform:none}}