@font-face{font-family:Satoshi;src:url(./fonts/satoshi-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url(./fonts/satoshi-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url(./fonts/satoshi-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:JetBrains;src:url(./fonts/jetbrains-mono.woff2) format('woff2');font-weight:400 600;font-display:swap}
:root{--ink:#151515;--mineral:#f3f0e9;--paper:#fbfaf7;--line:rgba(21,21,21,.18);--muted:#555651;--gold:#c6a15b;--cobalt:#2d6bff;--navy:#001330;--shell:1320px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--mineral);font-family:Satoshi,Arial,sans-serif;font-size:17px;line-height:1.5}
img{display:block;max-width:100%}
a{color:inherit}
.shell{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}
.lab-header{position:sticky;z-index:20;top:0;border-bottom:1px solid var(--line);background:rgba(243,240,233,.94);backdrop-filter:blur(16px)}
.lab-header__row{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.lab-header strong{font-size:18px}
.lab-header nav{display:flex;gap:30px}
.lab-header a{text-decoration:none;font-size:14px;font-weight:600}
.lab-hero{padding:130px 0 120px;background:var(--paper)}
.kicker{display:block;margin-bottom:20px;color:#7e5f1a;font-family:JetBrains,monospace;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1{max-width:1100px;margin-bottom:36px;font-size:clamp(70px,9vw,132px);line-height:.92;letter-spacing:-.065em}
.lab-hero p{max-width:760px;margin:0;color:var(--muted);font-size:22px}
.systems,.website,.applications{padding:110px 0}
h2{max-width:950px;margin-bottom:58px;font-size:clamp(48px,6vw,84px);line-height:.96;letter-spacing:-.055em}
.systems__grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-left:1px solid var(--line)}
.system-card{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.system-card__logo{min-height:330px;display:flex;align-items:center;justify-content:center;padding:64px;background:#fff}
.system-card__logo img{width:min(100%,520px)}
.system-card__copy{padding:42px}
.system-card--gold .system-card__copy{background:#ded09f}
.system-card--cobalt .system-card__copy{background:#dce8ff}
.system-card__copy>span{font-family:JetBrains,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.system-card h3{margin:42px 0 18px;font-size:46px;line-height:1;letter-spacing:-.04em}
.system-card p{max-width:580px;color:#34332f}
.swatches{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;border:1px solid rgba(21,21,21,.25)}
.swatches i{height:72px;background:var(--swatch)}
.system-card code{display:block;margin-top:18px;font-family:JetBrains,monospace;font-size:12px}
.type-system{padding:110px 0;color:#fff;background:#151515}
.type-system__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}
.type-system h2{margin-bottom:0}
.type-samples{display:grid;gap:34px}
.type-display{font-size:64px;line-height:.95;letter-spacing:-.055em}
.type-body{max-width:680px;color:#c8c6c0;font-size:21px}
.type-mono{color:#c6a15b;font-family:JetBrains,monospace;font-size:13px;letter-spacing:.08em}
.website{background:#fff}
.section-lead{max-width:780px;margin:-30px 0 54px;color:var(--muted);font-size:20px}
.website__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
figure{margin:0}
.website figure,.applications figure{overflow:hidden;border:1px solid var(--line);background:var(--paper)}
.website img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}
figcaption{padding:18px 22px;border-top:1px solid var(--line);font-family:JetBrains,monospace;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.applications{background:var(--paper)}
.applications__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.applications img{width:100%;aspect-ratio:3/2;object-fit:cover}
.decision-note{padding:110px 0;background:#c6a15b}
.decision-note__grid{display:grid;grid-template-columns:180px 1fr 380px;gap:50px;align-items:start}
.decision-note h2{margin:0}
.decision-note p{margin:0;color:#34332f;font-size:18px}
footer{padding:34px 0;color:#aaa9a4;background:#151515;font-family:JetBrains,monospace;font-size:11px}
@media(max-width:800px){.shell{width:min(calc(100% - 32px),var(--shell))}.lab-header nav{display:none}.lab-hero,.systems,.website,.applications,.type-system,.decision-note{padding:78px 0}.systems__grid,.website__grid,.applications__grid,.type-system__grid,.decision-note__grid{grid-template-columns:1fr}.system-card__logo{min-height:220px;padding:36px}.system-card h3{font-size:38px}.type-display{font-size:48px}.decision-note__grid{gap:28px}.section-lead{margin-top:-30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}