.nav{position:fixed;z-index:70;top:max(14px,env(safe-area-inset-top));left:var(--gutter);right:var(--gutter);height:54px;display:flex;align-items:center;justify-content:space-between;border-radius:99px;transition:background .35s,color .35s,padding .35s,box-shadow .35s;color:var(--c-ink)}.nav-brand{display:flex;gap:10px;align-items:center;min-height:44px;font-family:var(--font-serif);font-weight:900;font-size:19px;letter-spacing:.02em}.nav-wheel{position:relative;width:30px;height:30px}.nav-wheel svg{position:absolute;inset:0;width:100%;height:100%;stroke:currentColor;stroke-width:2;fill:none}.nav-progress{transform:rotate(-90deg)}.nav-progress circle{stroke:var(--c-coral);stroke-width:3;stroke-dasharray:0 100}.nav-end{display:flex;align-items:center;gap:32px}.nav-chapter{display:none;font-size:11px;letter-spacing:.08em;gap:10px}.chapter-number{font-family:var(--font-mono);animation:chapter-rise .4s var(--ease)}.menu-toggle{width:44px;height:44px;display:grid;place-content:center;gap:6px;border-radius:50%;border:1px solid currentColor;color:inherit}.menu-toggle span{height:1px;width:18px;background:currentColor;transition:transform .35s}.nav.is-floating{padding:0 8px 0 15px;background:#fff8eeeb;box-shadow:0 5px 30px #141a3c0c}.nav.is-floating.is-dark{background:#141a3ced;color:var(--c-cream);box-shadow:0 0 0 1px #f7b84b33}.nav.is-dark{color:var(--c-cream)}@supports(backdrop-filter:blur(12px)){.nav.is-floating{background:#fff8eecc;backdrop-filter:blur(12px)}.nav.is-floating.is-dark{background:#141a3cbd}}#menu{position:fixed;inset:0;z-index:65;background:var(--c-night);color:var(--c-cream);clip-path:circle(0% at var(--menu-x,calc(100% - 44px)) var(--menu-y,42px));visibility:hidden;transition:clip-path var(--menu-ms,750ms) var(--ease),visibility 0s var(--menu-ms,750ms);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;justify-content:center;padding:100px var(--gutter) 30px}.menu-open #menu{clip-path:circle(150% at var(--menu-x,calc(100% - 44px)) var(--menu-y,42px));visibility:visible;transition-delay:0s}.menu-open .nav{color:var(--c-cream);background:none;box-shadow:none;backdrop-filter:none}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu-links{display:flex;flex-direction:column;gap:6px;max-width:1000px;width:100%;margin:auto}.menu-links>a{display:flex;align-items:baseline;gap:18px;min-height:52px;transform:translateY(24px);opacity:0;transition:opacity .4s,transform .6s var(--ease);transition-delay:0s}.menu-open .menu-links>a{transform:none;opacity:1;transition-delay:calc(80ms + var(--item)*40ms)}.menu-number{font:11px var(--font-mono);color:var(--c-gold);letter-spacing:.1em}.menu-label{font:900 clamp(35px,9.7vw,40px)/1.35 var(--font-serif);letter-spacing:-.025em}.menu-note{font-size:11px;line-height:1.8;opacity:.65;margin:22px auto 0;width:100%;max-width:1000px}.menu-line{height:1px;flex:1;max-width:140px;background:var(--c-gold);transform:scaleX(0);transform-origin:left;transition:transform .4s}.menu-links>a:hover .menu-line{transform:scaleX(1)}.menu-links>a:hover .menu-label{transform:translateX(8px)}.menu-label{transition:transform .4s var(--ease)}
#preloader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--c-cream);--iris:0px}.loader-center{display:flex;flex-direction:column;align-items:center;gap:22px}.loader-wheel{width:104px;height:104px;stroke:var(--c-ink);stroke-width:1.5}.loader-progress{font:16px var(--font-mono);letter-spacing:.15em;font-variant-numeric:tabular-nums}.loader-sound{font:600 24px var(--font-serif);opacity:0}#preloader.is-opening{-webkit-mask-image:radial-gradient(circle at center,transparent var(--iris),#000 calc(var(--iris) + 1px));mask-image:radial-gradient(circle at center,transparent var(--iris),#000 calc(var(--iris) + 1px))}
@keyframes chapter-rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:1100px){.nav{top:28px;height:62px}.nav-brand{font-size:23px;gap:14px}.nav-wheel{width:34px;height:34px}.nav-chapter{display:flex}.menu-toggle{width:48px;height:48px}#menu{padding:120px 10vw 40px}.menu-links{display:grid;grid-template-columns:1fr 1fr;gap:24px 8vw}.menu-links>a{min-height:82px}.menu-label{font-size:72px}.menu-number{font-size:12px}.menu-note{font-size:13px}.menu-links:has(a:hover)>a:not(:hover){opacity:.38}}
@media(max-height:760px) and (max-width:1099px){#menu{padding-top:84px;padding-bottom:20px}.menu-label{font-size:32px}.menu-links>a{min-height:46px}.menu-links{gap:2px}}