:root{--page-inset-left:48px;--page-inset-right:50px;--hero-logo-top:47px;--hero-nav-top:40px;--background:#141414;--foreground:#fff;--secondary:#808080;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"PT Mono","SFMono-Regular",Consolas,monospace;--transition:300ms}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--background);color:var(--foreground);font-family:var(--sans)}body{min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{padding:0;background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:5px}.header{position:fixed;inset:0 0 auto;height:100px;z-index:20}.logo{position:absolute;left:var(--page-inset-left);top:var(--hero-logo-top);width:153px;height:33px}.logo img{display:block}nav{position:absolute;right:var(--page-inset-right);top:var(--hero-nav-top);display:flex;gap:33.5px}.nav-button{position:relative;height:46px;display:block;font-size:24px;font-weight:700;line-height:45.6px;white-space:nowrap}.chapters-button{width:165.5px}.about-button{width:118px}.nav-button span{position:absolute;top:0;left:32px}.about-button span{left:24px}.tab-outline{position:absolute;left:-.417px;top:6.5px;max-width:none;pointer-events:none}.chapters-button .tab-outline{transition:opacity var(--transition)}.menu-open .chapters-button .tab-outline{opacity:0}.about-button{transition:opacity var(--transition)}.menu-open .about-button{opacity:.2}.chapters-menu{position:fixed;right:40.5px;top:47px;width:468.5px;height:890px;z-index:19;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition);pointer-events:none}.menu-open .chapters-menu{opacity:1;visibility:visible;pointer-events:auto}.panel-outline{position:absolute;left:-.5px;top:0;pointer-events:none;max-width:none}.close-button{position:absolute;left:380px;top:58px;font-size:24px;font-weight:300;line-height:28px}.chapter-list{position:absolute;left:45px;top:90px;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:51px}.chapter-link{display:flex;align-items:flex-start;height:89px;gap:6px;white-space:nowrap}.chapter-number{font-family:var(--mono);font-size:24px;line-height:27px;min-width:44px;padding-top:12px}.chapter-copy{display:flex;flex-direction:column}.chapter-title{font-weight:700;font-size:50px;line-height:61px;transition:opacity var(--transition);opacity:1}.chapter-description{font-size:24px;font-weight:300;line-height:28px;color:var(--secondary);margin-left:2px}.chapter-list li:first-child .chapter-number{min-width:48.35px}.chapter-list li:first-child .chapter-description{margin-left:2.057px}.chapter-link:hover .chapter-title,.chapter-link:focus-visible .chapter-title{opacity:1}.pending-page{padding:160px 48px 48px;max-width:850px}.pending-page h1{font-size:42px}.pending-page p{color:var(--secondary);font-size:24px}.pending-page a{text-decoration:underline}
.home-background{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7;z-index:0;pointer-events:none}
.header{opacity:1;visibility:visible;transition:opacity 400ms ease,visibility 0s}
.intro-active .header,.hero-hidden .header{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 400ms ease,visibility 0s 400ms}
@media(prefers-reduced-motion:reduce){.header,.intro-active .header,.hero-hidden .header{transition:none}}
.home-intro{position:fixed;inset:0;width:100%;height:100%;z-index:30;display:grid;place-items:center}
.intro-art{position:relative;display:block;width:507px;height:169px;overflow:hidden;transform:scale(var(--intro-scale,1))}
.intro-layer{position:absolute;display:block}.intro-layer img{display:block;max-width:none}
.intro-55{left:0;top:0}.intro-64{left:0;top:127.826744px}.intro-64 img{position:relative;top:-.5px}.intro-65{left:.01721px;top:138.482544px}.intro-81{left:313.188812px;top:137.91629px}.intro-92{left:0;top:127.826744px}
/* Mobile layout is an implementation fallback; no mobile Figma frame exists. */
@media(max-width:700px){:root{--page-inset-left:20px;--page-inset-right:20px}.logo{left:var(--page-inset-left);top:24px;transform:scale(.75);transform-origin:top left}nav{right:var(--page-inset-right);top:65px;gap:16px}.chapters-menu{right:20px;top:72px;transform:scale(var(--menu-scale,1));transform-origin:top right}.pending-page{padding:145px 20px 30px}.pending-page h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){:root{--transition:0ms}}

/* Chapter navigation hover states are independent of each row's number. */
.chapters-button,.chapter-title,.chapter-description,.close-button{transition:color var(--transition)}
@media(hover:hover){
  .chapters-button:hover,.close-button:hover{color:#FBFF00}
  .chapter-title:hover{color:#FBFF00}
  .chapter-description:hover{color:#fff}
}
.chapter-link:focus-visible .chapter-title{color:#FBFF00}

/* Keep the panel above the header background and its tab label above the panel. */
.header>.chapters-menu{z-index:1}
.header>nav{z-index:2}