.story-page{overflow-x:clip;background:#eef2f4;color:#263034;padding-bottom:80px}
.story-hero{position:relative;height:142svh;background:#1b2923}
.story-hero__stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#1b2923}
.story-hero__image{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%}
.story-hero--layered .story-hero__stage{background:#1b2923 url('../images/story-hero-forest.webp?v=20261016g') center/cover no-repeat}
.story-hero--layered .story-hero__image{opacity:0;transition:opacity .7s ease-out}
.story-hero__layers{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .85s ease-out}
.story-hero__background-motion,.story-hero__foreground-motion{position:absolute;inset:0}
.story-hero__background-motion{transform:translate3d(0,0,0);animation:story-forest-drift 24s ease-in-out infinite alternate}
.story-hero__foreground-motion{z-index:2;transform:translate3d(0,0,0);animation:story-subject-drift 20s ease-in-out infinite alternate}
.story-hero__background-motion,.story-hero__foreground-motion{animation-play-state:paused}
.story-hero__background,.story-hero__foreground{position:absolute;top:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}
@keyframes story-forest-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(10px,-2px,0)}}
@keyframes story-subject-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-6px,0,0)}}
.story-hero.is-depth-ready .story-hero__layers{opacity:1}
.story-hero.is-depth-ready.is-visible .story-hero__background-motion,.story-hero.is-depth-ready.is-visible .story-hero__foreground-motion{animation-play-state:running;will-change:transform}
.story-hero.is-depth-ready .story-hero__image{opacity:0}
.story-hero.is-depth-fallback .story-hero__image{opacity:1}
.story-hero.is-visible .story-hero__image,.story-hero.is-visible .story-hero__background,.story-hero.is-visible .story-hero__foreground,.story-photo.is-visible img{will-change:transform}
.story-letter{position:relative;z-index:1;width:100%;margin-top:-54svh;padding-top:56px;background:#eef2f4;font-size:19px;line-height:1.65;overflow-wrap:break-word}
.story-letter> :not(.story-photo){width:min(100% - 48px,1120px);margin-inline:auto}
.story-letter>h1{margin-top:0;margin-bottom:34px;color:#202a2e;text-align:center;text-transform:uppercase;font-size:clamp(38px,4vw,64px);font-weight:700;line-height:1.12;text-wrap:balance}
.story-letter p{margin-top:0;margin-bottom:1.45em;text-wrap:pretty}
.story-letter h2,.story-letter h3{color:#202a2e;font-weight:700;line-height:1.22;text-wrap:balance}
.story-letter h2{font-size:32px;margin-top:1.8em;margin-bottom:.65em}
.story-letter h3{font-size:26px;margin-top:1.6em;margin-bottom:.6em}
.story-letter blockquote{padding-left:20px;border-left:2px solid #bac7c4;color:#526168}
.story-letter a{color:#167651;text-underline-offset:3px}
.story-letter img{display:block;max-width:100%;height:auto}
.story-letter>.story-photo{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/3;margin:0;overflow:hidden;background:#dce3e1}
.story-letter> :not(.story-photo)+.story-photo{margin-top:32px}
.story-letter>.story-photo+ :not(.story-photo){margin-top:36px}
.story-letter>.story-photo img{position:absolute;top:0;left:0;display:block;width:100%;max-width:none;height:100%;margin:0;object-fit:cover;object-position:center center}
.story-letter>.story-photo.story-focus-left img{object-position:35% center}
.story-letter>.story-photo.story-focus-right img{object-position:70% center}
.story-signature{display:flex;flex-direction:column;align-items:flex-end;width:min(100% - 48px,1120px);margin:56px auto 0;padding-top:26px;border-top:1px solid #d9e1e4;font-size:18px;font-weight:700;text-align:right}
.story-signature img{display:block;max-width:220px;max-height:110px;width:auto;height:auto;margin-top:14px;object-fit:contain}
@media(max-width:767px){.story-page{padding-bottom:60px}.story-hero{height:135svh}.story-hero__image{object-position:56% center}.story-letter{margin-top:-49svh;padding-top:38px;font-size:17px;line-height:1.6}.story-letter> :not(.story-photo),.story-signature{width:min(100% - 40px,1120px)}.story-letter>h1{font-size:34px;margin-bottom:26px}.story-letter h2{font-size:24px}.story-letter h3{font-size:21px}.story-letter> :not(.story-photo)+.story-photo{margin-top:26px}.story-letter>.story-photo+ :not(.story-photo){margin-top:30px}.story-letter>.story-photo.story-focus-left img{object-position:20% center}.story-signature{margin-top:44px}}
@media(max-width:359px){.story-letter> :not(.story-photo),.story-signature{width:calc(100% - 32px)}.story-letter>h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.story-hero{height:82svh}.story-hero__stage{position:relative;height:82svh}.story-hero__layers{display:none}.story-hero--layered .story-hero__image{opacity:1;transition:none}.story-hero__background-motion,.story-hero__foreground-motion{animation:none;will-change:auto}.story-letter{margin-top:0}.story-hero__image,.story-letter>.story-photo img{transform:none!important;will-change:auto!important}}
@media(max-width:767px) and (prefers-reduced-motion:reduce){.story-hero,.story-hero__stage{height:68svh}}