.not-found{max-width:760px;padding-block:clamp(48px,8vw,96px) 96px}.not-found-code{font:500 12px var(--mono);letter-spacing:.14em;color:var(--accent-text);margin:0 0 10px}.not-found h1{letter-spacing:-.045em;text-wrap:balance;margin:0 0 14px;font-size:clamp(36px,4.4vw,56px);font-weight:500;line-height:1.04}.not-found>p{color:var(--muted);max-width:54ch;margin:0 0 30px;font-size:17px}.not-found-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.not-found-links a{border:1px solid var(--line-strong);border-radius:var(--panel-radius);background:var(--panel-fill);box-shadow:var(--card-shadow);color:inherit;gap:4px;padding:18px 20px;text-decoration:none;transition:border-color .18s;display:grid;position:relative}.not-found-links a:hover,.not-found-links a:focus-visible{border-color:var(--accent-line)}.not-found-links strong{letter-spacing:-.01em;font-size:17px}.not-found-links span:not(.card-arrow){color:var(--muted);font-size:14px}@media (width<=640px){.not-found-links{grid-template-columns:minmax(0,1fr)}}.brand-page{padding-block:clamp(40px,6vw,72px) 96px}.brand-page .brand-intro{max-width:62ch;margin-bottom:40px}.brand-page h1{letter-spacing:-.045em;text-wrap:balance;margin:0 0 14px;font-size:clamp(36px,4.4vw,56px);font-weight:500;line-height:1.04}.brand-page .brand-intro p{color:var(--muted);margin:0 0 12px;font-size:17px}.brand-section{border-top:1px solid var(--line);grid-template-columns:240px minmax(0,1fr);gap:32px;padding:34px 0;display:grid}.brand-section h2{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.brand-section>div p{color:var(--muted);max-width:62ch;margin:0 0 12px;line-height:1.65}.brand-section ul{color:var(--muted);margin:0 0 12px;padding-left:20px;line-height:1.65}.brand-section li strong{color:var(--paper);font-weight:500}.brand-tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:6px 0 16px;display:grid}.brand-tile{border:1px solid var(--line-strong);border-radius:var(--panel-radius);background:var(--panel-fill);box-shadow:var(--card-shadow);gap:12px;padding:18px;display:grid}.brand-tile .sample{border:1px solid var(--line);border-radius:10px;place-items:center;min-height:110px;display:grid}.brand-tile .sample.on-dark{color:#f4f3ed;background:#080807}.brand-tile .sample.on-light{color:#17160f;background:#fbfaf7}.brand-tile .sample.on-terminal{color:#3f7;text-shadow:0 0 6px;background:#010a05}.brand-tile .sample .brand{font-size:30px}.brand-tile .sample.on-dark .brand-prompt,.brand-tile .sample.on-light .brand-prompt{color:oklch(80% .147 79)}.brand-tile .sample.on-terminal .brand-prompt{color:#a8ff60}.brand-tile .sample.placeholder{color:var(--subtle);font:12px var(--mono);text-align:center;border-style:dashed;padding:16px}.brand-tile figcaption,.brand-tile .tile-label{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--subtle)}.brand-swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:6px 0 16px;padding:0;list-style:none;display:grid}.brand-swatches li{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;overflow:hidden}.brand-swatches .swatch{height:64px}.brand-swatches .meta{font:12px/1.5 var(--mono);color:var(--muted);padding:10px 12px}.brand-swatches .meta b{color:var(--paper);font-weight:500;font-family:var(--sans);font-size:13px;display:block}.brand-type{gap:10px;margin:6px 0 16px;display:grid}.brand-type div{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;padding:14px 16px}.brand-type .face{letter-spacing:-.02em;margin-bottom:4px;font-size:24px;display:block}.brand-type .face.sans{font-family:Archivo,Arial,sans-serif}.brand-type .face.mono{font-family:Source Code Pro,monospace;font-size:20px}.brand-type .face.wordmark{font-family:var(--brand-font);font-weight:700}.brand-type .face.terminal{font-family:var(--terminal-font)}.brand-type small{font:12px var(--mono);color:var(--subtle)}.brand-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0 16px;display:grid}.brand-rules div{border:1px solid var(--line-strong);border-radius:var(--panel-radius);background:var(--panel-fill);box-shadow:var(--card-shadow);padding:16px 18px}.brand-rules h3{letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-family:var(--mono);margin:0 0 8px;font-weight:500}.brand-rules h3.yes{color:var(--add)}.brand-rules h3.no{color:var(--del)}.brand-rules ul{margin:0;padding-left:18px}@media (width<=800px){.brand-section{grid-template-columns:minmax(0,1fr);gap:12px}.brand-rules{grid-template-columns:minmax(0,1fr)}}