.film-story{display:grid;grid-template-columns:minmax(0,480px) 1fr;gap:clamp(40px,9vw,150px);align-items:center;max-width:1080px;margin:65px auto 0}
.film-story .inline-film{width:100%;height:auto;background:none;overflow:hidden}
.film-story .inline-video{width:100%;height:auto;object-fit:contain;background:transparent}
.film-story-copy h3,.photo-story h3{font-size:clamp(36px,4vw,60px);line-height:1.14;letter-spacing:-.05em;margin-top:24px}
.film-story-copy>p{font-size:15px;line-height:1.9;color:#686e61;margin-top:28px}
.film-story-copy .film-note{font-size:12px;max-width:220px;margin-top:25px}
.film-story-copy .text-link{font-size:11px;gap:20px;margin-top:22px}
.photo-story{margin-top:110px;padding-top:65px;border-top:1px solid var(--line)}
.photo-story-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}
.photo-story-meta>p{font-size:13px;line-height:1.8;color:#686e61}
.story-controls{display:flex;align-items:center;gap:24px;margin-top:25px}
.story-controls[hidden]{display:none}
.story-controls button{width:46px;height:46px;border:1px solid #b7bdad;background:transparent;border-radius:50%;font-size:23px;transition:background .2s}
.story-controls button:hover:not(:disabled){background:#dfe2d5}
.story-count{font-size:11px;font-variant-numeric:tabular-nums;min-width:46px;text-align:center}
.photo-track{position:relative;display:grid;gap:24px;min-width:0}
.photo-track:focus-visible{outline:2px solid #a27b50;outline-offset:6px}
.photo-slide{min-width:0;margin:0}
.photo-slide[hidden]{display:none}
.photo-slide img{height:auto;aspect-ratio:3/4;object-fit:contain}
.photo-slide figcaption{font-size:10px;letter-spacing:1px;margin-top:17px;color:#686e61}
.photo-story>.inline-credit{margin-top:20px}
.story-gallery{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center;max-width:1100px;margin:auto}
.story-overview>.eyebrow{color:var(--muted);margin-bottom:23px;font-size:9px}
.story-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.story-thumbnail{position:relative;padding:0;background:none;opacity:.62;transition:opacity .25s,transform .25s}
.story-thumbnail img{aspect-ratio:3/4;height:auto;object-fit:contain}
.story-thumbnail>span{position:absolute;left:7px;bottom:7px;font-size:9px;color:white;background:#20271eaa;padding:4px 6px}
.story-thumbnail:hover,.story-thumbnail[aria-pressed=true]{opacity:1}
.story-thumbnail[aria-pressed=true]{outline:2px solid var(--olive);outline-offset:4px}
.story-gallery .photo-slide:not([hidden]){animation:photo-fade .45s ease-out both}
@keyframes photo-fade{from{opacity:.2}to{opacity:1}}
@media(max-width:760px){
 .film-story{display:flex;flex-direction:column;gap:30px;margin-top:40px;align-items:stretch}
 .film-story .inline-film{max-width:480px;margin:auto}
 .film-story-copy h3,.photo-story h3{font-size:39px;margin-top:17px}
 .film-story-copy>p{margin-top:20px;font-size:13px}
 .film-story-copy .film-note{max-width:none;margin-top:12px}
 .film-story-copy .text-link{margin-top:12px}
 .photo-story{margin-top:65px;padding-top:45px}
 .photo-story-heading{display:block;margin-bottom:28px}
 .photo-story-meta{margin-top:22px}
 .story-controls{margin-top:18px}
 .story-gallery{display:block}
 .story-overview{margin-top:30px}
 .story-thumbnails{gap:12px}
 .story-overview>.eyebrow{margin-bottom:16px}
 .photo-slide img{height:auto}
 .photo-slide figcaption{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.story-gallery .photo-slide{animation:none}}