:root{--bg: #f4eee3;--ink: #14283a;--muted: #586874;--line: #14283a26;--accent: #e8622c;--accent-text: #b23c12;--sans: "Bricolage Grotesque", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace}@media(prefers-color-scheme:dark){:root{--bg: #0d1822;--ink: #f3eadb;--muted: #93a3af;--line: #f3eadb26;--accent-text: #ff9257}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.55 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.page{max-width:1040px;margin:0 auto;padding:20px 20px 40px}.page.narrow{max-width:560px}.page.narrow .news{margin-top:72px}.label{font:700 .75rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.top a{text-decoration:none}.top .handle{font:700 .9375rem/1 var(--mono);color:var(--ink);letter-spacing:0;text-transform:none}.top .handle b{color:var(--accent-text)}.nav{display:flex;gap:20px}.nav a{text-decoration:none}.nav a:hover{color:var(--accent-text)}.hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:end;padding:72px 0 56px}h1{margin:0 0 24px;font:800 clamp(2.6rem,9.5vw,5.25rem)/.94 var(--sans);letter-spacing:-.035em;text-wrap:balance}h1 em{font-style:normal;color:var(--accent-text)}.lede{max-width:34em;margin:0 0 28px;color:var(--muted)}.lede strong{color:var(--ink);font-weight:400}.cta{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 20px;border:2px solid var(--ink);font:700 .8125rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:transform .12s,box-shadow .12s}.btn.primary{background:var(--ink);color:var(--bg)}.btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent)}.tile{margin:0;background:var(--accent);position:relative;cursor:crosshair}.face{display:block;width:100%;height:auto}.face.grim{position:absolute;inset:0;visibility:hidden}.cap-grim{display:none}.hero:has(h1 em:hover,.tile:hover,.tile:focus) .face.grim{visibility:visible}.hero:has(h1 em:hover,.tile:hover,.tile:focus) .face.smile{visibility:hidden}.hero:has(h1 em:hover,.tile:hover,.tile:focus) .cap-smile{display:none}.hero:has(h1 em:hover,.tile:hover,.tile:focus) .cap-grim{display:inline}h1 em{cursor:crosshair}.tile figcaption{position:absolute;left:0;bottom:0;background:#14283a;color:#f4eee3;font:400 .6875rem/1 var(--mono);padding:7px 9px}.cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px}section>.label{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:2px solid var(--ink)}section>.label a{color:var(--accent-text);text-underline-offset:3px}.list{list-style:none;margin:0;padding:0}.list li{border-bottom:1px solid var(--line)}.list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:15px 0;text-decoration:none}.list .t{font-weight:800;font-size:1.125rem;line-height:1.25;letter-spacing:-.01em}.list .s{grid-column:1;font-size:.9375rem;color:var(--muted);line-height:1.4}.list .m{grid-row:1;grid-column:2;font:400 .75rem/1.9 var(--mono);color:var(--muted);white-space:nowrap}.list a.has-thumb{grid-template-columns:96px minmax(0,1fr) auto;column-gap:16px}.list .thumb{grid-row:1 / span 2;grid-column:1;width:96px;height:54px;image-rendering:pixelated}.list a.has-thumb .t,.list a.has-thumb .s{grid-column:2}.list a.has-thumb .m{grid-column:3}.list a:hover .t{color:var(--accent-text)}.list .arrow{display:inline-block;transition:transform .12s}.list a:hover .arrow{transform:translate(2px,-2px)}.news{margin-top:40px;padding:24px;border:2px solid var(--ink);display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.news h2{margin:0 0 4px;font:800 1.375rem/1.15 var(--sans);letter-spacing:-.02em}.news p{margin:0;color:var(--muted);font-size:.9375rem}.kit-form-row{display:flex}.kit-form input{flex:1;min-width:0;padding:14px;border:2px solid var(--ink);border-right:0;border-radius:0;background:transparent;color:var(--ink);font:400 .9375rem/1 var(--mono)}.kit-form input::placeholder{color:var(--muted)}.kit-form button{padding:14px 18px;border:2px solid var(--ink);border-radius:0;background:var(--accent);color:#14283a;cursor:pointer;font:700 .8125rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.kit-form button:hover{background:var(--ink);color:var(--bg)}.kit-form button:disabled{opacity:.6;cursor:wait}.news .kit-form-status{margin-top:10px;font:400 .8125rem/1.4 var(--mono);color:var(--ink)}.news .kit-form-status:empty{display:none}footer{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font:400 .75rem/1.6 var(--mono);color:var(--muted)}footer a{color:var(--accent-text);text-underline-offset:3px}.more{margin:16px 0 0;font-size:.9375rem;color:var(--muted);line-height:1.6}.more a{color:var(--ink);text-underline-offset:3px}.more a:hover{color:var(--accent-text)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:36px 0 44px}.tile{order:-1;width:168px}.cols{grid-template-columns:minmax(0,1fr);gap:44px}.news{padding:20px}.list a{grid-template-columns:minmax(0,1fr)}.list .m{grid-row:auto;grid-column:1}.list a.has-thumb{grid-template-columns:96px minmax(0,1fr)}.list a.has-thumb .m{grid-column:2}.list .thumb{grid-row:1 / span 3}.btn{flex:1 1 100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.btn:hover,.list a:hover .arrow{transform:none}}
