:root{--haze: #d8dde2;--ink: #2a3a4a;--ink-soft: rgba(42, 58, 74, .55);--ink-fade: rgba(42, 58, 74, .32)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;background:var(--haze);color:var(--ink);font-family:Inter,Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300;letter-spacing:.02em;-webkit-font-smoothing:antialiased;overflow-x:hidden}canvas#scene{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block}.top-nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1.6vh 2.4vw;pointer-events:none;color:var(--ink)}.chapter-nav,.util-nav{display:flex;align-items:center;gap:2.2rem;list-style:none}.chapter-nav li,.util-nav span{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;font-weight:400;color:var(--ink-soft);pointer-events:auto;cursor:pointer;transition:color .25s ease}.chapter-nav li.active{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:.25rem}.chapter-nav li:not(.active):hover,.util-nav span:hover{color:var(--ink)}.util-nav .news .badge{font-size:.55rem;font-style:normal;background:#1f5fa0;color:#fff;padding:.1em .45em;border-radius:2px;margin-left:.4em;letter-spacing:.05em}.util-nav .menu:after{content:"";display:inline-block;width:1.1rem;height:1px;background:var(--ink);margin-left:.5rem;vertical-align:middle}main#overlay{position:relative;z-index:1;width:100%}.hero{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;z-index:2}.brand{display:flex;align-items:center;gap:1.1rem;color:var(--ink)}.brand-icon{width:38px;height:42px;color:#5e8aa8}.brand-bar{display:inline-block;width:1px;height:2.6rem;background:var(--ink);opacity:.4}.brand-name{font-size:clamp(1.6rem,2.8vw,2.2rem);letter-spacing:.32em;font-weight:300;color:var(--ink)}.scroll-dot{position:absolute;top:30vh;left:50%;transform:translate(-50%);width:36px;height:36px;border:1px solid var(--ink-fade);border-radius:50%;display:flex;align-items:center;justify-content:center}.scroll-dot .dot-track{position:absolute;width:1px;height:100%;background:var(--ink-fade);top:50%;transform:translateY(0)}.scroll-dot .dot-cursor{width:4px;height:4px;border-radius:50%;background:var(--ink);opacity:.7}.frame{width:100%;min-height:100vh;pointer-events:none}.frame--spacer{min-height:100vh}.scroll-hint{position:fixed;left:2.4vw;bottom:2.4vh;z-index:10;font-size:.64rem;letter-spacing:.32em;color:var(--ink-soft);pointer-events:none;text-transform:uppercase;transition:opacity .4s ease}.scroll-hint.hidden{opacity:0}@media (max-width: 720px){.chapter-nav{display:none}.top-nav{justify-content:flex-end}}