:root{--paper:#eef3f5;--paper-soft:#f5f8f9;--ink:#121a35;--muted:#536079;--quiet:#7a879b;--line:#121a3529;--line-strong:#121a3547;--atlas:#292265;--signal:#00b7c7;--signal-soft:#00b7c71c;--sidebar:238px;--content:1120px;--mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#121a3506 1px, transparent 1px), linear-gradient(90deg, #121a3506 1px, transparent 1px), var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-size:48px 48px;margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.sidebar{z-index:30;width:var(--sidebar);border-right:1px solid var(--line);backdrop-filter:blur(16px);background:#eef3f5f0;flex-direction:column;padding:56px 38px 36px;display:flex;position:fixed;inset:0 auto 0 0}.brand{font-family:var(--mono);letter-spacing:-.035em;color:var(--atlas);align-items:center;gap:9px;font-size:17px;font-weight:650;display:inline-flex}.brand img{width:18px;height:18px}.nav{gap:4px;margin-top:58px;display:grid}.nav a{color:var(--muted);padding:7px 0;font-size:14px;transition:color .16s,transform .16s;position:relative}.nav a:hover{color:var(--atlas);transform:translate(3px)}.nav a[aria-current=page]{color:var(--ink);font-weight:600}.nav a[aria-current=page]:before{content:"";background:var(--signal);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:-16px}.sidebar-meta{font-family:var(--mono);color:var(--quiet);margin-top:auto;font-size:10px;line-height:1.7}.sidebar-meta a{color:var(--atlas);text-underline-offset:3px;text-decoration:underline}.language-preview{color:var(--quiet);margin-top:17px}.shell{margin-left:var(--sidebar);min-height:100vh}.page{width:min(var(--content), calc(100% - 96px));margin:0 auto;padding:88px 0 72px}.eyebrow,.micro,.status,.tag,.section-link{font-family:var(--mono);text-transform:uppercase;letter-spacing:.15em;font-size:10px}.eyebrow{color:var(--atlas);margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;max-width:850px;margin-bottom:22px;font-size:clamp(46px,6vw,82px);font-weight:590;line-height:.99}h2{letter-spacing:-.04em;font-size:clamp(30px,3.6vw,48px);font-weight:590;line-height:1.08}h3{letter-spacing:-.025em;font-size:24px;font-weight:590;line-height:1.2}.lede{max-width:760px;color:var(--muted);font-size:clamp(18px,2vw,22px);line-height:1.5}.copy{color:var(--muted);max-width:720px}.hero{min-height:410px;padding:34px 0 72px;position:relative}.hero .crosshair{width:170px;height:170px;color:var(--atlas);opacity:.68;position:absolute;top:30px;right:70px}.hero-copy{z-index:1;max-width:820px;position:relative}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button{border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:12px;padding:12px 22px;font-weight:620;transition:all .16s;display:inline-flex}.button.primary{background:var(--atlas);color:#fff;border-color:var(--atlas)}.button:hover{border-color:var(--atlas);transform:translateY(-1px)}.button.primary:hover{background:var(--ink);border-color:var(--ink)}.rule-section{border-top:1px solid var(--line-strong);padding:48px 0 58px}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.section-head h2{margin-bottom:0}.section-link{color:var(--atlas);white-space:nowrap}.stage-strip{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(4,1fr);display:grid}.stage{border-right:1px solid var(--line);min-height:126px;padding:26px 22px}.stage:first-child{padding-left:0}.stage:last-child{border-right:0}.stage-number{color:var(--atlas);font-family:var(--mono);font-size:10px}.stage-name{font-family:var(--mono);text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:10px;margin:13px 0 8px;font-size:12px;display:flex}.signal-dot{background:var(--signal);border-radius:50%;flex:none;width:7px;height:7px}.stage p{color:var(--muted);margin:0;font-size:13px}.project-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.project-card{border:1px solid var(--line-strong);background:#f5f8f966;flex-direction:column;min-height:330px;padding:26px;transition:border-color .16s,transform .16s,background .16s;display:flex}.project-card:hover{border-color:var(--atlas);background:#f5f8f9c7;transform:translateY(-2px)}.card-top{justify-content:space-between;gap:18px;margin-bottom:32px;display:flex}.micro{color:var(--quiet)}.status{color:var(--atlas);align-items:center;gap:8px;display:inline-flex}.project-card h3{margin-bottom:4px;font-size:33px}.project-subtitle{color:var(--muted);margin-bottom:18px}.project-card .copy{font-size:15px}.card-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:20px}.tags{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.tag{border:1px solid var(--line);letter-spacing:.08em;color:var(--muted);padding:5px 8px}.card-link{color:var(--atlas);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex}.notes{border-top:1px solid var(--line)}.note-row{border-bottom:1px solid var(--line);grid-template-columns:135px 1fr 24px;align-items:start;gap:24px;padding:24px 0;display:grid}.note-meta{color:var(--quiet);font-family:var(--mono);letter-spacing:.08em;font-size:10px;line-height:1.7}.note-row h3{margin-bottom:5px;font-size:18px}.note-row p{color:var(--muted);max-width:620px;margin:0;font-size:14px}.note-arrow{color:var(--atlas);font-size:22px}.page-intro{max-width:850px;padding:38px 0 64px}.page-intro h1{font-size:clamp(44px,6vw,74px)}.content-grid{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:70px;display:grid}.prose{color:var(--muted);font-size:17px}.prose h2{color:var(--ink);margin:54px 0 18px;font-size:31px}.prose h2:first-child{margin-top:0}.prose h3{color:var(--ink);margin:32px 0 10px;font-size:21px}.prose ul{padding-left:20px}.prose li{margin:8px 0}.aside-panel{border:1px solid var(--line-strong);background:#f5f8f97a;align-self:start;padding:24px;position:sticky;top:32px}.aside-panel h2{margin-bottom:18px;font-size:20px}.aside-list{gap:16px;display:grid}.aside-item{border-top:1px solid var(--line);padding-top:14px}.aside-item:first-child{border-top:0;padding-top:0}.aside-item .micro{margin-bottom:4px;display:block}.aside-item p{color:var(--muted);margin:0;font-size:14px}.principles{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.principle{border-top:1px solid var(--line-strong);padding:22px}.principle .micro{margin-bottom:12px;display:block}.principle h3{margin-bottom:8px;font-size:19px}.principle p{color:var(--muted);margin:0;font-size:14px}.contact-panel{max-width:850px;padding:38px 0 100px}.contact-panel .button{margin-top:24px}.footer{width:min(var(--content), calc(100% - 96px));border-top:1px solid var(--line);color:var(--quiet);justify-content:space-between;align-items:center;margin:0 auto;padding:28px 0 36px;font-size:12px;display:flex}.footer-links{gap:22px;display:flex}.footer a:hover{color:var(--atlas)}.mobile-menu{display:none}@media (width<=920px){:root{--sidebar:220px}.page,.footer{width:min(100% - 48px, var(--content))}.hero .crosshair{opacity:.28;right:0}.project-grid,.content-grid{grid-template-columns:1fr}.aside-panel{position:static}}@media (width<=720px){.mobile-menu{z-index:50;border:1px solid var(--line-strong);background:var(--paper-soft);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:fixed;top:18px;right:18px}.sidebar{width:min(84vw,320px);transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.shell{margin-left:0}.page{width:calc(100% - 36px);padding-top:72px}.footer{flex-direction:column;align-items:flex-start;gap:16px;width:calc(100% - 36px)}h1{font-size:47px}.hero{min-height:auto;padding-bottom:54px}.hero .crosshair{display:none}.stage-strip{grid-template-columns:repeat(2,1fr)}.stage:nth-child(2){border-right:0}.stage:nth-child(-n+2){border-bottom:1px solid var(--line)}.stage:first-child{padding-left:22px}.section-head{flex-direction:column;align-items:flex-start}.project-grid,.principles{grid-template-columns:1fr}.note-row{grid-template-columns:92px 1fr 18px;gap:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}