.storytelling{--story-accent:#d4b47d;--story-progress:.25;--story-title:#746b60;--story-body:#5f5a52;--story-label:#596052;background:#e8dfcf;transition:background-color .8s var(--ease)}
.storytelling[data-active-step="1"]{--story-accent:#9ea891;background:#dfe2d8}.storytelling[data-active-step="2"]{--story-accent:#b47f5b;background:#e3d5c5}.storytelling[data-active-step="3"]{--story-accent:#71816d;background:#ccd5ca}
.story-media{overflow:hidden;background:#324238}.story-media::before{content:attr(data-word);position:absolute;z-index:4;left:clamp(1.5rem,4vw,4.5rem);bottom:clamp(2rem,5vw,5rem);max-width:80%;color:rgba(250,246,238,.88);font:italic 400 clamp(5rem,12vw,12rem)/.78 Georgia,serif;letter-spacing:-.075em;pointer-events:none;text-shadow:0 16px 50px rgba(14,23,17,.18);transition:opacity .42s var(--ease),transform .6s var(--ease)}
.story-media::after{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,rgba(21,31,25,.02) 26%,rgba(21,31,25,.08) 58%,rgba(21,31,25,.46) 100%);pointer-events:none}.story-media.is-switching::before{opacity:0;transform:translateY(24px)}
.story-photo{transform:translateY(2.5%) scale(1.075);filter:saturate(.92) contrast(1.02);transition:opacity .72s var(--ease),transform 1.35s var(--ease),filter .8s var(--ease)}.story-photo.is-active{opacity:1;transform:translateY(0) scale(1);filter:saturate(1) contrast(1.01)}.story-photo:not(.is-active){opacity:0;transform:translateY(-1.8%) scale(1.045)}
.story-copy-stack{overflow:hidden;background:#f0e7d8;transition:background-color .8s var(--ease)}.storytelling[data-active-step="1"] .story-copy-stack{background:#e7e9df}.storytelling[data-active-step="2"] .story-copy-stack{background:#eadfd2}.storytelling[data-active-step="3"] .story-copy-stack{background:#d9e0d7}
.story-copy-stack::before,.story-copy-stack::after{content:"";position:absolute;z-index:4;left:clamp(1.35rem,3vw,3rem);top:14%;width:1px;height:72%;pointer-events:none}.story-copy-stack::before{background:rgba(57,66,59,.15)}.story-copy-stack::after{background:var(--story-accent);transform-origin:top;transform:scaleY(var(--story-progress));transition:transform .65s var(--ease),background-color .8s var(--ease)}
.story-copy-panel{transform:translateY(calc(-50% + 46px));transition:opacity .42s var(--ease),transform .72s var(--ease)}.story-copy-panel.is-active{transform:translateY(-50%)}.story-copy-panel:not(.is-active){opacity:0;transform:translateY(calc(-50% - 34px))}.story-label{color:var(--story-accent);transition:color .8s var(--ease)}.story-copy-panel h2{max-width:8.5ch;color:var(--story-title)}.story-copy-panel p{color:var(--story-body)}.story-label{color:var(--story-label)}.story-progress span{height:3px}.story-progress span::after{background:var(--story-accent);transition:transform .55s var(--ease),background-color .8s var(--ease)}
@media(max-width:1000px){.story-media::before{font-size:clamp(4rem,19vw,8rem);bottom:2rem}.story-copy-stack::before,.story-copy-stack::after{display:none}.storytelling[data-active-step]{background:#e8dfcf}}
@media(prefers-reduced-motion:reduce){.story-photo,.story-copy-panel,.story-media::before,.story-copy-stack,.story-copy-stack::after{transition:none!important}}