.hero-story{position:relative}.hero-story.is-loading .hero>img{object-position:50% 50%}.hero-story .hero-film,.hero-story .hero-film-shade,.hero-story .hero-film-captions,.hero-story .hero-film-progress{display:none}.hero-story.is-scrubbing{height:calc(400svh + var(--closing-hold))}.hero-story.is-scrubbing .hero{position:sticky;top:0;height:100svh;min-height:540px;overflow:clip;isolation:isolate}.hero-story.is-scrubbing .hero>img{visibility:hidden}.hero-story.is-scrubbing .hero-film{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hero-story.is-scrubbing .hero-film-shade{display:block;position:absolute;inset:0;background:linear-gradient(90deg,rgb(23 42 29 / .36),transparent 70%),linear-gradient(0deg,rgb(23 42 29 / .55),transparent 58%);pointer-events:none}.hero-story.is-scrubbing .hero-copy{z-index:2}.hero-story.is-scrubbing .hero-film-captions{display:block;position:absolute;left:6vw;bottom:18%;z-index:2;color:#fbfdfb;width:85%;pointer-events:none}.hero-film-captions p{position:absolute;bottom:0;margin:0;opacity:0;font:500 clamp(32px,4.2vw,64px)/1.7 var(--serif);letter-spacing:.09em;text-shadow:0 2px 18px rgb(23 42 29 / .5)}.hero-story.is-scrubbing .scroll-cue{z-index:3;min-height:40px}.hero-story.is-scrubbing .hero-film-progress{display:block;position:absolute;inset:auto 0 0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:3}.hero-film-status{position:absolute;bottom:65px;right:20px;z-index:3;max-width:calc(100% - 40px);font-size:11px;background:var(--paper)}.hero-film-status:empty{display:none}@media(max-width:700px){.hero-story.is-scrubbing{height:calc(340svh + var(--closing-hold))}.hero-story.is-scrubbing .hero{min-height:100svh}.hero-story.is-scrubbing .hero-film{object-position:50% 50%}.hero-story.is-scrubbing .hero-film-shade{background:linear-gradient(0deg,rgb(23 42 29 / .7),transparent 72%)}.hero-story.is-scrubbing .hero-film-captions{left:24px;bottom:18%}.hero-film-captions p{font-size:clamp(28px,8vw,42px)}}@media(prefers-reduced-motion:reduce){.hero-story.is-scrubbing{height:auto}.hero-story.is-scrubbing .hero{position:relative}}:root{--closing-hold:100svh}@media(max-width:800px){:root{--closing-hold:50svh}}video{transition:opacity .45s ease}.hero-story.is-scrubbing .hero>img{visibility:visible}.hero-story.is-scrubbing .hero-film,.hero-story.is-scrubbing .hero-film-shade{z-index:1}.hero-film-shade{transition:opacity .45s ease}
