@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";
:root{--ink:#e8e5dc;--muted:#97958e;--line:#2b2b28;--signal:#dca34d;--dark:#080807;--panel:#10100f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--dark)}body{background:var(--dark);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.site{background:var(--dark);max-width:1440px;margin:0 auto;overflow:hidden}.top{border-bottom:1px solid var(--line);letter-spacing:.08em;align-items:center;gap:.8rem;min-height:66px;padding:1rem 1.25rem;font:500 .62rem DM Mono,monospace;display:flex}.mark{letter-spacing:-.04em;color:var(--signal);white-space:nowrap;font:600 .9rem Manrope,sans-serif}.mark-glyph{margin-right:.3rem;font-size:.65rem}.system-name{color:#88857d;white-space:nowrap}.top nav{gap:1.5rem;margin-left:auto;display:none}.top nav a:hover{color:var(--signal)}.edition{color:#6e6c66;white-space:nowrap;margin-left:auto}.hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 90% 48%,#dca34d1f,#0000 36%);min-height:680px;padding:5.5rem 1.25rem 4rem;display:flex;position:relative}.hero-copy{z-index:1;max-width:780px;position:relative}.eyebrow,.section-label,.baseline,.edition{text-transform:uppercase;font-family:DM Mono,monospace}.eyebrow{color:var(--signal);letter-spacing:.1em;max-width:480px;margin:0 0 1.6rem;font-size:.6rem;line-height:1.7}.hero h1,h2{letter-spacing:-.075em;margin:0;font-weight:500;line-height:.95}.hero h1{font-size:clamp(3.7rem,16vw,9rem)}em{font-family:Georgia,serif;font-weight:400}.lede{max-width:510px;color:var(--muted);margin:2rem 0 0;font-size:1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.button{align-items:center;gap:1.5rem;min-height:46px;padding:.8rem 1rem;font-size:.7rem;font-weight:700;display:inline-flex}.button-primary{color:var(--dark);background:var(--signal)}.button-light{color:var(--dark);background:var(--ink)}.button span,.text-link span{color:var(--signal)}.text-link{font:500 .68rem DM Mono,monospace}.hero-portrait{border-left:1px solid var(--line);background:#111;width:min(46%,620px);height:100%;margin:0;position:absolute;top:0;right:0;overflow:hidden}.hero-portrait:after{content:"";background:linear-gradient(90deg,var(--dark),transparent 32%),linear-gradient(0deg,var(--dark),transparent 28%);position:absolute;inset:0}.hero-portrait img{object-fit:cover;width:100%;height:100%}.hero-portrait figcaption,.image-card figcaption{z-index:1;color:var(--signal);letter-spacing:.08em;font:500 .58rem DM Mono,monospace;position:absolute;bottom:1rem;left:1rem}.baseline{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.baseline div{border-right:1px solid var(--line);padding:1.25rem}.baseline div:last-child{border:0}.baseline span,.law-number,.layer>span{color:var(--signal);font-size:.6rem}.baseline strong{margin:.35rem 0;font:400 2.3rem Georgia,serif;display:block}.baseline p{color:var(--muted);margin:0;font-size:.65rem;line-height:1.4}.intro,.laws,.architecture,.visual-archive{border-bottom:1px solid var(--line);padding:5rem 1.25rem}.section-label{color:var(--signal);letter-spacing:.08em;justify-content:space-between;font-size:.58rem;display:flex}.intro-grid,.section-heading,.visual-heading{justify-content:space-between;align-items:end;gap:2rem;margin-top:2rem;display:flex}.intro h2,.section-heading h2,.visual-heading h2{font-size:clamp(2.7rem,8vw,6.5rem)}.intro-grid p,.section-heading p,.visual-heading p{max-width:330px;color:var(--muted);font-size:.9rem;line-height:1.7}.law-list,.layer-list{margin-top:4rem}.law,.layer{border-top:1px solid var(--line);grid-template-columns:50px 1fr 30px;gap:1rem;padding:1.4rem 0;display:grid}.law h3,.layer h3{margin:0 0 .5rem;font-size:1rem;font-weight:500}.law p,.layer p{color:var(--muted);max-width:600px;margin:0;font-size:.8rem;line-height:1.55}.law-arrow{color:var(--signal)}.layer{grid-template-columns:50px 1fr auto}.layer b{color:var(--signal);align-self:center;font:500 .58rem DM Mono,monospace}.archive{background:var(--signal);color:var(--dark);grid-template-columns:1fr 1fr;gap:3rem;padding:5rem 1.25rem;display:grid}.archive .eyebrow{color:var(--dark)}.archive h2{font-size:clamp(2.7rem,7vw,6rem)}.archive p{max-width:420px;line-height:1.7}.foot{color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:1rem;padding:1.25rem;font:500 .6rem DM Mono,monospace;display:flex}.visual-heading{margin-bottom:2rem}.image-grid{background:var(--line);grid-template-columns:1.4fr 1fr 1fr;gap:1px;display:grid}.image-card{background:var(--panel);min-height:370px;margin:0;position:relative;overflow:hidden}.image-card-wide{min-height:420px}.image-card img{object-fit:cover;filter:saturate(.8);width:100%;height:100%;display:block}.image-card:after{content:"";background:linear-gradient(#0000 55%,#080807c7);position:absolute;inset:0}@media (min-width:800px){.top{padding:1rem 2.5rem}.top nav{display:flex}.hero{padding:8rem 2.5rem}.baseline div{padding:1.5rem 2.5rem}.intro,.laws,.architecture,.visual-archive,.archive{padding:8rem 2.5rem}.foot{padding:1.5rem 2.5rem}}@media (max-width:799px){.hero{min-height:720px}.hero-portrait{border-left:0;border-top:1px solid var(--line);opacity:.7;width:100%;height:58%;top:auto;bottom:0}.hero-portrait:after{background:linear-gradient(0deg,var(--dark) 4%,#080807d1 48%,#08080733 100%)}.hero-portrait{opacity:.52}.hero-copy{text-shadow:0 2px 18px #000000b3;max-width:100%}.hero-actions,.hero-copy .lede{z-index:2;position:relative}.baseline{grid-template-columns:repeat(2,1fr)}.baseline div{min-height:108px}.baseline div:nth-child(2){border-right:0}.baseline div:nth-child(-n+2){border-bottom:1px solid var(--line)}.intro-grid,.section-heading,.visual-heading{display:block}.intro-grid p,.section-heading p,.visual-heading p{margin-top:2rem}.law,.layer{grid-template-columns:35px 1fr 20px}.layer{grid-template-columns:35px 1fr}.layer b{grid-column:2;margin-top:.5rem}.image-grid{grid-template-columns:1fr 1fr}.image-card-wide{grid-column:1/-1;min-height:390px}.image-card{min-height:280px}.archive{display:block}.archive>div+div{margin-top:3rem}.foot{line-height:1.8;display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}img{max-width:100%}button,a{touch-action:manipulation}
