:root{--paper:#000;--ink:#fff;--charcoal:#fff;--muted:#999;--rule:#1b1b1b;--control:#1b1b1b;--hover:#333;--button-surround:#1b1b1b;--button-face:#000;--button-hover:#2a2a2a;--button-pressed:#111;--button-face-hover:#111;--button-face-pressed:#080808;--button-font:400 10px/12.5px var(--mono);--button-tracking:1px;--button-inset:4px;--button-radius:5px;--button-inner-radius:3px}

body{font:400 12px/1.3 var(--mono);letter-spacing:1.2px}
.human .copy-stack p,.human .focus-list{font:400 15px/23px var(--sans);letter-spacing:0;text-transform:none;color:var(--muted)}

.guides{left:-16px;width:calc(100% + 32px);border-left:1px solid var(--rule);border-right:1px solid var(--rule)}

.identity img,.toggle-icon img,.copy-icon{filter:brightness(0) invert(1)}

.statement{letter-spacing:0}
.section-toggle{font:400 20px/25px var(--sans);letter-spacing:0;justify-content:flex-start}
.section-toggle::before{content:'';width:7px;height:7px;flex:none;background:#fff}
.toggle-icon{margin-left:auto;flex:none}
.section-toggle:hover{color:#aaa}

.human .eyebrow{font:400 11px/16px var(--mono);letter-spacing:1px}

.eyebrow{font:400 10px/12.5px var(--mono);letter-spacing:1px;color:#fff}

/* Standalone actions; the inset face is reserved for selected mode segments. */
.control,.brief-header .copy,.machine-links a{background:var(--button-surround);color:var(--ink);border:0;border-radius:var(--button-radius);font:var(--button-font);letter-spacing:var(--button-tracking);text-transform:uppercase;transition:background 150ms ease;min-height:var(--control-height)}
.control:hover,.brief-header .copy:hover,.machine-links a:hover{background:var(--button-hover)}
.control:active,.brief-header .copy:active,.machine-links a:active{background:var(--button-pressed)}
.control,.brief-header .copy{padding:0 16px}

.control:disabled{color:var(--muted);cursor:default;background:var(--button-surround);opacity:.55}

.focus-list{font:400 12px/15.6px var(--mono);letter-spacing:1.2px}
.human .focus-list{color:var(--ink)}
.information{grid-template-columns:244px 212px}
.information .eyebrow{margin-bottom:16px}

.wave{border-radius:8px;background:#142327}

footer{font:400 10px/12.5px var(--mono);letter-spacing:1px}
.socials{color:#fff}

.view-mode{background:var(--button-surround);padding:var(--button-inset);gap:2px;border-radius:var(--button-radius);box-shadow:none;font:var(--button-font);letter-spacing:var(--button-tracking)}
.view-mode a{padding:0 8px;gap:7px;color:#999;opacity:1;border-radius:var(--button-inner-radius);transition:background 150ms ease,color 150ms ease}
.view-mode a[aria-current]{background:var(--button-face);color:#fff}
.view-mode a:hover{color:#fff;background:var(--button-face-hover)}
.view-mode a:active{background:var(--button-face-pressed)}
.indicator{display:none}
.view-mode a[aria-current] .indicator{display:block;width:7px;height:7px;background:#fff}

.machine main{font:400 12px/15.6px var(--mono);letter-spacing:1.2px}
.machine .copy-stack{color:#999}
.machine .focus-list{font:inherit;color:#999}
.machine .brief-header>div>p{font:inherit}
.machine-links a{padding:8px 12px;width:100%}
.machine-links a span{color:#999}

button:focus-visible,a:focus-visible{outline-color:#fff}
::selection{background:#333;color:#fff}

@media(max-width:999px){.wave{aspect-ratio:350/210;border-radius:6px}
.control{min-height:44px}
.machine-links a{min-height:44px}
}

@media(max-width:599px){.information{grid-template-columns:1fr}
.socials{gap:16px}
footer{gap:12px;font-size:10px;letter-spacing:.6px}
}



/* Desktop rules begin at the content rail, never cross the identity rail. */
@media(min-width:1000px){.full-rule{margin-left:-16px;width:calc(100vw - var(--left) + 16px)}
}


.socials a:hover{text-decoration:underline;text-underline-offset:4px}