/* The Showcase: original photography, moving with the visitor's control. */
.cinematic-intro{padding-bottom:33px}.cinematic-title-row{flex-wrap:wrap}.cinematic-title-row h1{font-size:clamp(76px,8.6vw,132px);white-space:nowrap}.cinematic-intro-copy{margin-right:3%}
.showcase-hero{margin:0}.hero-stage{position:relative;isolation:isolate;aspect-ratio:2.3;max-height:650px;overflow:hidden;border:7px solid #24352a;outline:1px solid #43533f;background:#14251b}
.hero-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;opacity:0;transition:opacity 1.15s ease;pointer-events:none;transform:scale(1.025)}
.hero-frame.is-active{opacity:1;z-index:1;animation:showcase-drift 8s ease-out both}
@keyframes showcase-drift{from{transform:scale(1.025)}to{transform:scale(1.065)}}
.is-motion-paused .hero-frame.is-active{animation-play-state:paused}
.hero-meta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 0 0;color:#c6d1c2;font-size:10px;line-height:1.8;letter-spacing:.05em}.hero-meta p{margin:0}.hero-meta a{font-size:11px;letter-spacing:0;text-underline-offset:4px}.hero-position{margin-left:auto;font-variant-numeric:tabular-nums;color:#e7ece6;font-size:12px;white-space:nowrap}
.motion-controls{display:flex;align-items:center;justify-content:flex-start;gap:7px;flex-shrink:0}.motion-controls button{border:1px solid #6f8367;background:#0b100f99;color:#e7ece6;border-radius:25px;padding:10px 14px;min-height:44px;font:500 11px/1.2 var(--gallery-sans);white-space:nowrap}.motion-controls button:hover{background:#354b33}.motion-controls button[aria-pressed=true]{background:#c1d4b5;color:#10200f}.motion-controls button:disabled{opacity:.65;cursor:default}
.showcase-moments{padding:60px 4.5% 21px;overflow:hidden}.moments-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:29px}.moments-heading .eyebrow{color:#becfb4;margin-bottom:13px}.moments-heading h2{font:400 clamp(35px,4vw,58px)/1.13 var(--gallery-serif);letter-spacing:-.04em;margin:0;white-space:nowrap}.moments-heading h2 em{color:#bdd0b3;font-weight:400}.moments-description{color:#bbcbb5;font-size:12px;line-height:1.7;margin:18px 0 0}
.motion-track{position:relative;display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.motion-track::-webkit-scrollbar{display:none}.motion-slide{flex:0 0 220px;min-width:0;scroll-snap-align:start}.moment-link{display:block;color:#c4d2bd;text-decoration:none}.moment-link img{width:100%;height:300px;object-fit:cover;background:#17251c;transition:transform .55s ease}.moment-link{overflow:hidden}.moment-link span{display:block;padding:14px 0 0;font-size:11px;line-height:1.6}.moment-link:hover img{transform:scale(1.025)}
.album-card[data-featured]{padding-top:33px;padding-bottom:38px}.album-card[data-featured] .showcase-strip{display:block;position:relative;height:auto;overflow:hidden;min-width:0;align-self:center;background:#101d15}.showcase-strip .motion-track{height:350px;gap:12px}.showcase-strip .motion-slide{flex-basis:calc(50% - 6px);height:350px}.showcase-strip .motion-slide img{width:100%;height:100%;object-fit:cover}.showcase-strip .image-tag{left:12px;top:12px;bottom:auto;z-index:2;pointer-events:none}.showcase-strip .lock-tag{left:auto;right:12px;top:12px;bottom:auto;z-index:2;pointer-events:none}.showcase-strip .motion-controls{padding:12px;justify-content:flex-end;border-top:1px solid #344934;background:#101d15}.album-card[data-featured] .card-content h3{font-size:clamp(29px,3vw,40px)}.album-card[data-featured] .card-description{max-width:310px;font-size:13px;line-height:1.8}.album-card[data-featured] .card-content .eyebrow{font-size:10px;line-height:1.8}
@media(min-width:1700px){.motion-slide{flex-basis:270px}.moment-link img{height:355px}.showcase-strip .motion-track,.showcase-strip .motion-slide{height:410px}}
@media(max-width:900px) and (min-width:681px){.hero-stage{aspect-ratio:1.9}.hero-meta{flex-wrap:wrap}.hero-meta .motion-controls{margin-left:auto}.motion-slide{flex-basis:200px}.moment-link img{height:275px}.showcase-strip .motion-track,.showcase-strip .motion-slide{height:310px}.showcase-strip .motion-controls{gap:5px;padding:10px 7px}.showcase-strip .motion-controls button{padding:9px;font-size:10px}}
@media(max-width:680px){.cinematic-title-row h1{font-size:clamp(40px,13.5vw,86px)}.cinematic-intro{padding-bottom:25px}.hero-stage{aspect-ratio:1.45;max-height:none;border-width:4px}.hero-frame{object-position:center 48%}.hero-meta{display:grid;grid-template-columns:1fr auto;gap:13px;padding-top:14px;font-size:8px;letter-spacing:.025em}.hero-meta a{font-size:10px}.hero-position{font-size:11px}.hero-meta>.motion-controls{grid-column:1/-1;justify-content:flex-start}.motion-controls button{padding:10px 13px;font-size:10px;min-height:44px}.showcase-moments{padding:40px 6% 10px}.moments-heading{display:block;margin-bottom:21px}.moments-heading h2{font-size:clamp(20px,6.8vw,42px)}.moments-heading .eyebrow{font-size:8px;letter-spacing:.11em}.moments-description{font-size:11px;margin-top:16px}.moments-heading .motion-controls{margin-top:20px}.motion-track{gap:12px}.motion-slide{flex-basis:174px}.moment-link img{height:235px}.moment-link span{font-size:10px;padding-top:11px}.album-card[data-featured]{gap:22px}.album-card[data-featured] .showcase-strip{width:100%;height:auto}.showcase-strip .motion-track,.showcase-strip .motion-slide{height:252px}.showcase-strip .motion-track{gap:10px}.showcase-strip .motion-slide{flex-basis:calc(50% - 5px)}.showcase-strip .motion-controls{justify-content:center;padding:12px 8px}.showcase-strip .image-tag,.showcase-strip .lock-tag{font-size:8px;top:9px}.showcase-strip .image-tag{left:8px}.showcase-strip .lock-tag{right:8px}.album-card[data-featured] .card-content h3{font-size:33px}.album-card[data-featured] .card-description{font-size:12px}.intro{margin-top:30px}}
@media(max-width:350px){.motion-controls{gap:5px}.motion-controls button{padding:9px 10px;font-size:9px}.showcase-strip .motion-track,.showcase-strip .motion-slide{height:225px}.showcase-strip .lock-tag,.showcase-strip .image-tag{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-frame,.moment-link img{transition:none}.hero-frame.is-active{animation:none;transform:none}.motion-track{scroll-behavior:auto}}

/* Gentle scrolling and a fitted photo viewer. */
.motion-track{scroll-snap-type:none;scroll-behavior:auto}
.motion-controls [hidden]{display:none!important}
#photo-stage{display:flex;align-items:center;justify-content:center;position:relative}
#large-photo{flex-shrink:0;max-width:none;max-height:none}

/* Keep the two wide features, followed by three photographer cards across. */
.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.album-preview-strip{display:block;height:auto;aspect-ratio:auto;overflow:hidden;background:#101d15}
.album-preview-strip .motion-track,.album-preview-strip .motion-slide{height:320px}
.album-preview-strip .motion-track{gap:10px}
.album-preview-strip .motion-slide{flex-basis:100%;min-width:0}
.album-preview-strip .motion-slide img{width:100%;height:100%;object-fit:contain;background:#101d15}
.album-preview-strip .image-tag{left:10px;top:10px;bottom:auto;z-index:2;pointer-events:none}
.album-preview-strip .lock-tag{left:auto;right:10px;top:10px;bottom:auto;z-index:2;pointer-events:none}
.album-preview-strip .motion-controls{justify-content:center;padding:10px 8px;border-top:1px solid #344934;background:#101d15}
@media(min-width:681px) and (max-width:900px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.album-grid{grid-template-columns:1fr}.album-preview-strip .motion-track,.album-preview-strip .motion-slide{height:300px}}

/* Continuous portraits: no gutters or padded full-card slides. */
.motion-track,.showcase-strip .motion-track,.album-preview-strip .motion-track{gap:0}
.showcase-strip .motion-slide{flex-basis:50%}
.album-preview-strip .motion-slide{flex:0 0 auto;width:auto;min-width:0}
.album-preview-strip .motion-slide img{width:auto;height:100%;max-width:none;object-fit:contain;display:block}
.unlock-button{white-space:nowrap}
.album-card[data-featured] .unlock-button{max-width:100%}

/* Fullscreen photos use the whole display; controls overlay the image. */
.photo-viewer-shell{display:flex;flex:1;flex-direction:column;gap:inherit;min-width:0;min-height:0;width:100%}
dialog#photo-dialog.is-expanded{padding:0;border:0;border-radius:0;gap:0;overflow:hidden;background:#000}
#photo-viewer-shell.is-fullscreen{position:relative;width:100%;height:100%;max-width:none;max-height:none;gap:0;background:#000;overflow:hidden}
#photo-viewer-shell:fullscreen{width:100vw;height:100dvh}
#photo-viewer-shell.is-fullscreen #photo-stage{position:absolute;inset:0;width:100%;height:100%;background:#000}
#photo-viewer-shell.is-fullscreen .zoom-hint,#photo-viewer-shell.is-fullscreen #photo-counter,#photo-viewer-shell.is-fullscreen .zoom-tools>*:not(#photo-fullscreen){display:none}
#photo-viewer-shell.is-fullscreen .dialog-bar{position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));min-height:0;pointer-events:none}
#photo-viewer-shell.is-fullscreen .dialog-actions{width:100%;justify-content:space-between;pointer-events:auto}
#photo-viewer-shell.is-fullscreen .dialog-controls{position:absolute;z-index:1;inset:0;display:block;pointer-events:none}
#photo-viewer-shell.is-fullscreen .dialog-controls>button{position:absolute;top:50%;transform:translateY(-50%);width:auto;pointer-events:auto}
#photo-viewer-shell.is-fullscreen #prev-photo{left:max(12px,env(safe-area-inset-left))}
#photo-viewer-shell.is-fullscreen #next-photo{right:max(12px,env(safe-area-inset-right))}
#photo-viewer-shell.is-fullscreen .zoom-tools{display:contents}
#photo-viewer-shell.is-fullscreen #photo-fullscreen{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);pointer-events:auto;white-space:nowrap}
#photo-viewer-shell.is-fullscreen button,#photo-viewer-shell.is-fullscreen .dialog-actions a{background:#0009;border-color:#ffffff70;color:#fff;min-height:44px;backdrop-filter:blur(6px)}
#photo-viewer-shell.is-fullscreen #select-current[aria-pressed=true]{background:var(--lime);color:#10200f;border-color:var(--lime)}

/* Compact navigation sits on the photos, without a separate controls row. */
.hero-stage,.moments-photo-stage,.album-preview-strip,.showcase-strip{position:relative}
.motion-controls{position:absolute;inset:0;z-index:3;display:block;pointer-events:none}
.showcase-strip .motion-controls,.album-preview-strip .motion-controls{padding:0;border:0;background:none}
.moments-photo-stage .motion-controls{bottom:40px}
.motion-controls button,.photo-stage button.photo-nav-arrow{position:absolute;z-index:3;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#07100bb3;color:#fff;line-height:1;pointer-events:auto;backdrop-filter:blur(5px)}
.motion-controls button:hover,.photo-stage button.photo-nav-arrow:hover{background:#253d2ce6}
.motion-controls [data-motion-prev],.motion-controls [data-motion-next],.photo-stage .photo-nav-arrow{top:50%;transform:translateY(-50%)}
.motion-controls [data-motion-prev],.photo-stage #prev-photo{left:10px}
.motion-controls [data-motion-next],.photo-stage #next-photo{right:10px}
.motion-controls [data-motion-pause]{right:10px;bottom:10px}
.motion-controls svg,.photo-nav-arrow svg{display:block;pointer-events:none}
#photo-dialog .dialog-controls{justify-content:center}
#photo-dialog .zoom-tools{width:auto;order:0}

/* Drop #3: the latest collection leads the archive. */
.drop-three-hero .hero-frame{object-fit:contain;transform:none;background:#0b100f}
.drop-three-hero .hero-frame.is-active{animation:none}
.album-card.drop-three-card{border-top:2px solid #c1d4b5}
.drop-three-card .card-content{align-items:center!important;text-align:center}
.drop-three-card .card-content h3{margin:10px 0;font:500 clamp(34px,4vw,58px)/1.05 var(--gallery-serif)}
.drop-three-credit{font-size:21px;margin:10px 0 16px;letter-spacing:-.025em}
.drop-three-card .card-content .card-description{max-width:340px}
.drop-three-card .unlock-button{white-space:normal}
@media(max-width:680px){.drop-three-card .card-content h3{font-size:42px}.drop-three-credit{font-size:20px}}