.story-header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:32px 5%;color:#fff;font-size:14px;letter-spacing:.02em}
.story-name{font-weight:600}.story-header nav{display:flex;gap:32px}.story-header a:focus-visible{outline-color:#fff}
.photo-story{position:relative;background:#171d1b;color:#fff}
.photo-story.enhanced{height:calc(var(--slide-count, 5)*100vh);height:calc(var(--slide-count, 5)*100svh)}
.photo-stage{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}
.story-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;will-change:opacity;object-position:50% 50%;z-index:-2}
.image-0{opacity:1;object-position:50% 59%}.image-1{object-position:50% 60%}
.photo-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,18,18,.33),transparent 30%,rgba(7,17,17,.22) 55%,rgba(7,17,17,.75))}
.slide-copy{position:absolute;left:7%;right:7%;bottom:17%;text-shadow:0 2px 28px #0005}
.slide-copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(54px,7.5vw,118px);letter-spacing:-.045em;line-height:1.04;margin:0 0 28px}
.slide-captions{display:grid;max-width:90%;min-height:2.6em;align-items:start}
.slide-caption{grid-area:1/1;margin:0;font-size:14px;letter-spacing:.035em;line-height:1.6;opacity:0}
.slide-caption:first-child{opacity:1}
.slide-caption::before{content:'';display:inline-block;width:32px;height:1px;background:#fff9;vertical-align:middle;margin-right:16px}
.slide-controls{position:absolute;right:7%;bottom:8%;display:flex;gap:18px}
.slide-controls[hidden]{display:none}
.slide-controls button{appearance:none;background:none;border:0;border-bottom:1px solid transparent;color:#fff9;font:inherit;font-size:11px;letter-spacing:.1em;padding:12px 4px;cursor:pointer;min-width:32px;min-height:44px}
.slide-controls button[aria-current=true]{color:white;border-bottom-color:white}
.slide-controls button:focus-visible{outline:2px solid white;outline-offset:4px}
.story-bottom{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:flex-end;gap:16px;font-size:9px;letter-spacing:.19em;color:#fff9}
.photo-home{background:#171d1b}
.story-bottom[hidden]{display:none}
@media(max-width:650px){.story-header{padding:24px 7%;font-size:12px}.story-header nav{gap:20px}.slide-copy h1{font-size:clamp(48px,12vw,78px);max-width:340px}.slide-copy{bottom:22%}.slide-captions{max-width:100%;min-height:3.2em}.slide-caption{font-size:12px}.slide-controls{bottom:10%}.story-bottom{font-size:8px}.image-0{object-position:50% 50%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-image{will-change:auto}}