.story{position:relative;overflow:clip}.story-stage{position:sticky;top:0;height:100svh;z-index:0;display:grid;place-items:center;overflow:hidden;pointer-events:none}.stage-place{font-family:var(--ff-display);font-style:italic;font-weight:500;line-height:1;font-size:clamp(3rem,11.5vw,11.5rem);white-space:nowrap;color:var(--coffee);opacity:.07;will-change:transform}.stage-place span{display:inline-block;transition:opacity .34s var(--ease),transform .34s var(--ease)}.stage-no{position:absolute;top:calc(var(--topbar-h) + var(--header-h) + 2vh);right:4vw;font-family:var(--ff-display);font-style:italic;font-size:clamp(3.4rem,8vw,7.5rem);line-height:1;color:var(--sommelier);opacity:.1;transition:opacity .34s var(--ease),transform .34s var(--ease)}.stage-era{position:absolute;bottom:6vh;left:50%;translate:-50% 0;font-family:var(--ff-ui);font-size:.66rem;letter-spacing:.4em;text-transform:uppercase;color:var(--brass-dark);display:flex;align-items:center;gap:16px;white-space:nowrap;transition:opacity .34s var(--ease)}.stage-era:before,.stage-era:after{content:"";width:38px;height:1px;background:var(--brass-dark);opacity:.6}.story-stage.is-swap .stage-place span{opacity:0;transform:translateY(26px)}.story-stage.is-swap .stage-no{opacity:0;transform:translateY(-14px)}.story-stage.is-swap .stage-era{opacity:0}.story-thread{position:absolute;left:max(calc((100vw - 1280px)/2 - 56px),18px);top:22vh;bottom:22vh;width:1px;background:var(--line-soft)}.story-thread i{position:absolute;inset:0;background:var(--brass);transform:scaleY(var(--p,0));transform-origin:top center}.story-thread:before{content:"";position:absolute;left:50%;top:calc(var(--p,0)*100%);z-index:1;width:9px;height:9px;background:var(--sommelier);transform:translate(calc(-50% - .5px),-50%) rotate(45deg)}.story-chapters{position:relative;z-index:2;margin-top:-100svh}.story-lead{min-height:58svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;text-align:center;padding-block:16vh 4vh}.story-lead .lede{max-width:30em}.chapter{min-height:96svh;display:flex;flex-direction:column;justify-content:center;padding-block:10vh}.chapter-inner{width:min(580px,100%)}.chapter:nth-of-type(2n) .chapter-inner{margin-left:auto}.ch-meta{display:flex;align-items:baseline;gap:18px;margin-bottom:20px;font-family:var(--ff-ui);font-size:.66rem;letter-spacing:.32em;text-transform:uppercase;color:var(--brass-dark)}.ch-meta em{font-family:var(--ff-display);font-style:italic;font-size:1.5rem;letter-spacing:.02em;text-transform:none;color:var(--sommelier)}.ch-title{margin-bottom:22px}.chapter p{color:#332620d6}.chapter p+p{margin-top:18px}.ch-aside{margin-top:26px;padding-left:22px;border-left:1px solid var(--brass);font-family:var(--ff-display);font-style:italic;font-size:1.2rem;line-height:1.5;color:var(--sommelier);max-width:26em}.ch-sig{margin-top:28px}.eras-band{padding-block:clamp(40px,6vw,72px) 0}.eras-band .label--center{margin-bottom:8px}.tales{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(26px,3.6vw,56px)}.tale{position:relative;border-top:1px solid var(--line);padding-top:26px}.tale:before{content:"";position:absolute;top:-1px;left:0;width:54px;height:2px;background:var(--sommelier)}.tale .tale-no{font-family:var(--ff-display);font-style:italic;font-size:clamp(2.2rem,3.4vw,3rem);color:var(--brass-dark);line-height:1;display:block;margin-bottom:16px}.tale h3{font-size:1.42rem;margin-bottom:12px}.tale p{font-size:.99rem;color:#332620c7}.tale p em{font-family:var(--ff-display);font-style:italic}@media(max-width:980px){.story-thread,.stage-era{display:none}.stage-no{right:6vw}.chapter{min-height:auto;padding-block:13vh}.chapter:nth-of-type(2n) .chapter-inner{margin-left:0}.tales{grid-template-columns:1fr}.tale{max-width:44em}}@media(max-width:720px){.stage-place{font-size:clamp(2.4rem,13vw,4.6rem)}.story-lead{min-height:44svh;padding-top:10vh}.chapter{padding-block:11vh}}@media(prefers-reduced-motion:reduce){.stage-place{transform:none!important}.story-thread i{transform:scaleY(1)}}