:root{--graphite:#14161a;--obsidian:#0b0c0e;--stone:#f4f1ec;--paper:#fbf9f5;--signal:#b8702a;--hairline:#c9c4bb;--hairline-dark:#2a2d34;--muted-1:#6e6b66;--muted-2:#8a8680;--muted-dark:#a8a39b;--bg:var(--stone);--bg-alt:var(--paper);--fg:var(--graphite);--fg-mute:var(--muted-1);--fg-sub:var(--muted-2);--rule:var(--hairline);--serif:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "Courier New", monospace;--maxw:1400px;--gutter:clamp(20px, 4vw, 64px)}[data-theme=dark]{--bg:var(--obsidian);--bg-alt:#14161a;--fg:var(--stone);--fg-mute:var(--muted-dark);--fg-sub:var(--muted-2);--rule:var(--hairline-dark)}[data-bg=paper]{--bg:var(--paper);--bg-alt:var(--stone)}[data-bg=stone]{--bg:var(--stone);--bg-alt:var(--paper)}[data-bg=graphite]{--bg:var(--graphite);--bg-alt:var(--obsidian);--fg:var(--stone);--fg-mute:var(--muted-dark);--rule:var(--hairline-dark)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--serif);color:var(--fg);background:var(--bg);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img,video,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}.mono{font-family:var(--mono)}.kicker{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute);font-size:.75rem}.h1{letter-spacing:-.02em;font-size:clamp(2.25rem,5vw,4rem);font-weight:600;line-height:1.1}.h2{letter-spacing:-.015em;font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:600;line-height:1.15}.h3{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:500;line-height:1.25}.lede{color:var(--fg-mute);font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.5}.body-text{color:var(--fg-sub);font-size:1rem;line-height:1.7}.wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.divider{border:none;border-top:1px solid var(--rule);margin:0}.section{padding-block:clamp(48px,8vw,120px)}.grid-2,.grid-3,.grid-4{gap:2rem;display:grid}@media (min-width:880px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.btn{font-family:var(--mono);letter-spacing:.02em;border:1px solid var(--rule);color:var(--fg);background:0 0;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.btn:hover{border-color:var(--fg)}.btn.solid{background:var(--signal);border-color:var(--signal);color:#fff}.btn.solid:hover{background:#a06122;border-color:#a06122}.tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--rule);color:var(--fg-mute);border-radius:999px;padding:.25rem .75rem;font-size:.7rem;display:inline-block}.reveal{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(24px)}.reveal.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.placeholder{border:1px dashed var(--rule);min-height:240px;color:var(--fg-mute);font-family:var(--mono);border-radius:8px;justify-content:center;align-items:center;font-size:.875rem;display:flex}