:root{--header-h: 26px;--mobile-hero-h: 100vh;--bg: #faf8f4;--ink: #1a1a1a;--gray: #b5b0a4;--ease: cubic-bezier(.65, 0, .35, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.bands{position:fixed;inset:0 0 auto;height:100vh;display:flex;z-index:10;transition:height .7s var(--ease);overflow:hidden;background:var(--bg)}body.scrolled .bands{height:var(--header-h)}.band{flex:1;background:var(--c);animation:band-in .9s var(--ease) both;animation-delay:calc(var(--i) * .11s);display:flex;align-items:center;justify-content:center;text-decoration:none}.band-label{font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 55%,white);opacity:0;transition:opacity .3s ease .3s,color .2s ease}body.scrolled .band-label{opacity:1}.band:hover .band-label{color:#fff}body.scrolled .band{animation:none}.band+.band{margin-left:-1px}.band.from-top{transform-origin:top}.band.from-bottom{transform-origin:bottom}@keyframes band-in{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.name{position:absolute;right:max(2.5rem,env(safe-area-inset-right,0px));bottom:max(2rem,env(safe-area-inset-bottom,0px));color:#fff;font-size:clamp(1.4rem,3.5vw,2.4rem);font-weight:300;letter-spacing:.02em;animation:fade-in .8s ease 1s backwards;transition:opacity .25s ease;z-index:11}.scroll-hint{position:absolute;left:max(2.5rem,env(safe-area-inset-left,0px));bottom:max(2rem,env(safe-area-inset-bottom,0px));color:#ffffffd9;font-size:.8rem;letter-spacing:.35em;text-transform:uppercase;animation:fade-in .8s ease 1.6s backwards;transition:opacity .25s ease;z-index:11}body.scrolled .name,body.scrolled .scroll-hint{opacity:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.hero-spacer{position:relative;height:100vh;transition:height .7s var(--ease)}body.scrolled .hero-spacer{height:var(--header-h)}.content{min-height:100vh;padding:clamp(2.5rem,6vh,4rem) clamp(1.5rem,4.5vw,4rem)}.topic-btn{display:block;background:none;border:none;cursor:pointer;font:inherit;font-size:clamp(1.35rem,2.4vw,1.6rem);font-weight:700;color:var(--ink);text-align:left;padding:.45rem 0;transition:color .3s ease,font-size .45s var(--ease),padding .45s var(--ease)}.topics:not(.focused):hover .topic-btn{color:var(--gray)}.topics:not(.focused) .topic:hover .topic-btn{color:var(--ink)}.topics.focused .topic:not(.active) .topic-btn{font-size:.88rem;color:var(--gray);padding:.22rem 0}.topics.focused .topic:not(.active) .topic-btn:hover{color:var(--ink)}.topic.active .topic-btn{font-size:clamp(2.3rem,5vw,3.2rem);padding:.3rem 0 .6rem}.topic.active .topic-btn:after{content:"✕";font-size:.42em;font-weight:400;color:var(--gray);margin-left:1rem;vertical-align:.35em;transition:color .2s ease}.topic.active .topic-btn:hover:after{color:var(--ink)}.unfold{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}.topic.active .unfold{grid-template-rows:1fr}.unfold-inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;padding-left:clamp(4rem,9vw,6.5rem)}.subpage{color:var(--ink);text-decoration:none;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700;padding:.42rem 0;align-self:flex-start;opacity:0;transform:translateY(.6rem);transition:opacity .4s var(--ease),transform .4s var(--ease),color .2s ease}.topic.active .subpage{opacity:1;transform:translateY(0);transition-delay:calc(.18s + var(--j) * .07s)}.subpage:hover{color:var(--c)}@supports (height: 100svh){:root{--mobile-hero-h: 100svh}}@media (max-width: 720px){.bands,body.scrolled .bands{height:var(--mobile-hero-h);transform:translateZ(0) scaleY(var(--mobile-band-scale, 1));transform-origin:top;transition:none;will-change:transform;backface-visibility:hidden;contain:paint}body.scrolled .bands{transform:translateZ(0) scaleY(var(--mobile-band-scale, .03))}.hero-spacer,body.scrolled .hero-spacer{height:var(--mobile-hero-h);min-height:var(--mobile-hero-h);transition:none}.name{right:max(1.25rem,env(safe-area-inset-right,0px));bottom:max(1.25rem,env(safe-area-inset-bottom,0px));opacity:calc(1 - var(--hero-progress, 0))}.scroll-hint{left:max(1.25rem,env(safe-area-inset-left,0px));bottom:max(1.25rem,env(safe-area-inset-bottom,0px));opacity:calc(1 - var(--hero-progress, 0))}.content{min-height:var(--mobile-hero-h);padding:2rem 1.5rem}.unfold-inner{padding-left:2.5rem}.band{animation-fill-mode:backwards}.bands.is-collapsing .band{animation:none}.band-label{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}