/* Keep the document stable while all header pieces share one animated progress. */
:root{--sun:#eac64b;--bg:#eac64b;--fg:#29291e;--stage:174px;--word:76px;--row:90px;--word-height:118px;--collapse:0;--collapse-distance:160;--expanded-stage:280px;--title-lift:56px;--nav-lift:114px;--title-scale:1.473684}
html{scroll-snap-type:y proximity;scroll-padding-top:var(--stage);scroll-behavior:smooth}
body{background:var(--sun)}
.opening-space{background:var(--sun);height:var(--expanded-stage)}
.title-panel{height:calc(var(--stage) + (var(--expanded-stage) - var(--stage)) * (1 - var(--collapse)));transition:background-color 320ms var(--ease),color 220ms var(--ease)}
.wordmark{height:var(--word-height);font-size:var(--word);transform-origin:100% 50%;transform:translateY(calc(var(--title-lift) * (1 - var(--collapse)))) scale(calc(1 + (var(--title-scale) - 1) * (1 - var(--collapse))))}
.chapter-nav{transform:translateY(calc(var(--nav-lift) * (1 - var(--collapse))))}
.chapter{scroll-snap-align:start;scroll-snap-stop:normal;min-height:calc(100svh - var(--stage))}
.navigating{scroll-snap-align:none}
.about-layout img{image-rendering:auto}
@media(max-width:1100px){:root{--word:clamp(46px,6.9vw,76px);--title-scale:1.210526}}
@media(max-width:650px){:root{--stage:112px;--word:clamp(32px,8.8vw,46px);--row:58px;--word-height:65px;--expanded-stage:198px;--collapse-distance:110;--title-lift:43px;--nav-lift:86px;--title-scale:1.193182}
 .wordmark{padding-inline:20px 32px;transform-origin:calc(100% - 32px) 50%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}.title-panel{transition:none}}