/* Real collections and a photo-first viewer. */
.story-third{opacity:var(--beat3);object-position:50% 48%;transform:scale(calc(1.1 - var(--progress)*.07))}
.story-shade{background:linear-gradient(180deg,#0005,transparent 22%,#0004 55%,#0009)}
.story-beat h2{font-size:clamp(48px,6.5vw,104px)}
.story-sample{color:#fffbdc;max-width:230px;text-align:right;line-height:1.6}
.filters{gap:28px;flex-wrap:wrap}
.filters button{white-space:nowrap}
.travel-mark{position:absolute;left:6%;bottom:12%;font:500 clamp(40px,5.4vw,82px)/1.05 'Manrope',Arial,sans-serif;letter-spacing:-3px;text-shadow:0 2px 28px #0007}
.travel-mark em{font-size:1.16em}
.project-image:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 25%,transparent 70%,#0002);z-index:1;pointer-events:none}
.travel-mark,.project-open{z-index:2}
.gallery-count{font-size:8px;letter-spacing:1px;white-space:nowrap;color:var(--muted);padding-top:6px}
.gallery-count>span{margin-left:8px;color:var(--orange);font-size:13px}
.collection-note{border-top:1px solid var(--line);margin-top:44px;padding-top:21px;display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.8;color:var(--muted)}
.project-dialog{width:min(1320px,96vw);max-height:96dvh;border-color:#41443e;overscroll-behavior:contain;padding:0 28px 23px}
.gallery-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 18px}
.gallery-header .eyebrow{color:var(--orange);font-size:8px;letter-spacing:1.7px}
.gallery-header h2{font:500 28px/1.2 'Manrope',Arial,sans-serif;letter-spacing:-.6px;margin-top:7px}
.gallery-header .dialog-close{position:static;flex-shrink:0;width:42px;height:42px;font-size:17px}
.gallery-stage{height:min(60dvh,740px);position:relative;background:#080909;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom}
.gallery-stage>img{width:100%;height:100%;object-fit:contain}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#131414b8;font-size:22px;transition:background .2s}
.gallery-arrow:hover{background:var(--orange);color:#111}
.gallery-prev{left:15px}.gallery-next{right:15px}
.gallery-info{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0 14px;font-size:10px;color:var(--muted);letter-spacing:.5px}
#dialog-credit{color:var(--ink)}
#gallery-counter{font-variant-numeric:tabular-nums;white-space:nowrap}
.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:3px 3px 10px;scrollbar-width:thin;scrollbar-color:#666b60 #171817;position:relative}
.gallery-thumbs button{background:#20221f;padding:0;border:2px solid transparent;opacity:.55;flex:0 0 84px;transition:opacity .2s,border-color .2s}
.gallery-thumbs button:hover,.gallery-thumbs button[aria-pressed=true]{opacity:1}
.gallery-thumbs button[aria-pressed=true]{border-color:var(--orange)}
.gallery-thumbs button:focus-visible{outline-offset:1px}
.gallery-thumbs img{width:80px;height:60px;object-fit:cover}
.gallery-footer{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-top:12px}
.gallery-footer p{font-size:12px;line-height:1.7;color:var(--muted);max-width:700px}
.gallery-footer>span{font-size:7px;letter-spacing:1px;white-space:nowrap;color:var(--muted);padding-top:4px}
@media(max-width:1000px){.filters{gap:22px}.gallery-footer>span{display:none}}
@media(max-width:700px){
 .filters{justify-content:flex-start;column-gap:23px;row-gap:0}.filters button{padding-top:12px;padding-bottom:12px;font-size:11px}
 .story-beat h2{font-size:clamp(36px,8.6vw,58px);letter-spacing:-2px}.story-beat p{max-width:260px}
 .travel-mark{left:7%;bottom:12%;font-size:43px;letter-spacing:-2px}
 .collection-note{flex-direction:column;gap:5px;font-size:10px;margin-top:30px}
 .gallery-count{font-size:7px}.project-title{font-size:17px}
 .project-dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border:0;margin:0;padding:0 15px 24px}
 .gallery-header{padding-top:18px}.gallery-header h2{font-size:23px}.gallery-header .eyebrow{font-size:7px;letter-spacing:1.1px}
 .gallery-stage{height:54dvh}.gallery-arrow{height:40px;width:40px;font-size:20px}.gallery-prev{left:7px}.gallery-next{right:7px}
 .gallery-info{font-size:9px;padding:14px 0}.gallery-thumbs{gap:8px}.gallery-thumbs button{flex-basis:68px}.gallery-thumbs img{width:64px;height:52px}
 .gallery-footer p{font-size:11px}.story-sample{font-size:6px;max-width:160px}
}