:root{--nav-clearance:110px;--nav-bottom-offset:40px;--safe-area-bottom:env(safe-area-inset-bottom,0px);--black:#0a0a0a;--black-soft:#111;--black-panel:#161616;--black-border:#222;--black-hover:#1a1a1a;--white:#f5f5f5;--white-dim:#a0a0a0;--white-ghost:#404040;--red:#c8102e;--red-dim:#8b0a1f;--red-glow:#c8102e1f;--font-display:"Playfair Display", serif;--font-ui:"Syne", sans-serif;--font-mono:"DM Mono", monospace;--gutter:64px;--gutter-sm:32px;--section-gap:160px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.2s;--duration-mid:.4s;--duration-slow:.8s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow:hidden}body{background:var(--black);color:var(--white);font-family:var(--font-ui);min-height:100dvh;overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.section-label{align-items:center;gap:16px;margin-bottom:48px;display:flex}@media (max-width:1024px){:root{--nav-clearance:120px}}@media (max-width:768px){:root{--nav-bottom-offset:24px;--nav-clearance:128px}.section-label{margin-bottom:32px}}@media (max-width:480px){:root{--nav-clearance:120px}.section-label{margin-bottom:24px}}.section-label .index{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--red);font-size:10px}.section-label .divider{background:var(--red);flex-shrink:0;width:40px;height:1px;display:block}.section-label .text{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--red);font-size:10px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--black-border)}::-webkit-scrollbar-thumb:hover{background:var(--white-ghost)}::selection{background:var(--red);color:var(--white)}:focus-visible{outline:2px solid var(--red);outline-offset:3px}:focus:not(:focus-visible){outline:none}@media (max-width:768px){button:not([data-no-touch]),a:not([data-no-touch]){min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transition:none;transform:none}}