.brand-page{--b-bg:var(--bg,#050505);--b-surface:var(--surface,#111);--b-line:var(--line,#242424);--b-fg:var(--fg,#f2f1ee);--b-muted:var(--muted,#8e8d88);--b-accent:var(--accent,#ff6a3d);color:var(--b-fg);padding-block:72px 96px}.brand-page h1{letter-spacing:-.02em;max-width:14ch;margin:12px 0 20px;font-size:clamp(36px,6vw,64px);line-height:1.05}.brand-page h2{letter-spacing:-.01em;margin:0 0 12px;font-size:28px}.bp-lead{color:var(--b-muted);max-width:62ch;font-size:19px;line-height:1.6}.bp-lead strong{color:var(--b-accent)}.bp-hero{border-bottom:1px solid var(--b-line);padding-bottom:56px}.bp-section{padding-block:56px 0}.bp-note{color:var(--b-muted);max-width:66ch;margin:0 0 24px;line-height:1.6}.bp-grid{gap:16px;display:grid}.bp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.bp-tile{border:1px solid var(--b-line);border-radius:16px;grid-template-rows:1fr auto;gap:16px;min-height:220px;margin:0;padding:24px;display:grid}.bp-tile>:first-child{place-self:center}.bp-tile figcaption{color:var(--b-muted);font-size:13px}.bp-dark{color:#f2f1ee;background:#050505}.bp-light{color:#111;background:#f2f1ee;border-color:#d8d6d0}.bp-light figcaption{color:#5c5b57}.bp-wordmark{width:min(100%,280px);height:auto}.bp-mark{width:88px;height:88px}.bp-wordmark-sm{width:140px;height:auto;display:block}.bp-clearbox{outline:1px dashed var(--b-accent);outline-offset:0;padding:22px;position:relative}.bp-clearbox:after{content:"";outline:1px solid var(--b-line);pointer-events:none;position:absolute;inset:22px}.bp-sizerow{align-items:flex-end;gap:32px;display:flex}.bp-w120{width:120px;height:auto}.bp-m16{width:16px;height:16px}.bp-m24{width:24px;height:24px}.bp-dontart{place-items:center;width:100%;min-height:120px;display:grid;position:relative}.dont-stretch .bp-wordmark-sm{transform:scale(1.35,.6)}.dont-outline .bp-wordmark-sm{filter:drop-shadow(0 0 8px #ff6a3d)drop-shadow(0 0 2px #fff)}.dont-busy{background:repeating-linear-gradient(45deg,#2a150e 0 10px,#3d2a22 10px 20px);border-radius:8px}.bp-x{color:#170803;width:16px;height:16px;font:700 11px/1 var(--font-mono,monospace);background:#ff7b6b;border-radius:50%;place-items:center;margin-right:4px;display:inline-grid}.bp-colors{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.bp-color{border:1px solid var(--b-line);background:var(--b-surface);border-radius:16px;overflow:hidden}.bp-swatch{height:88px;font:500 13px/1 var(--font-mono,monospace);border-bottom:1px solid var(--b-line);align-items:flex-end;padding:14px 16px;display:flex}.bp-colormeta{gap:4px;padding:14px 16px 16px;font-size:14px;display:grid}.bp-colormeta code,.bp-typemeta code,.bp-assets code{font:12px/1.4 var(--font-mono,monospace);color:var(--b-muted)}.bp-colormeta span{color:var(--b-muted);line-height:1.5}.bp-type{border-top:1px solid var(--b-line)}.bp-typerow{border-bottom:1px solid var(--b-line);grid-template-columns:240px 1fr;align-items:baseline;gap:24px;padding:20px 0;display:grid}.bp-typemeta{gap:4px;font-size:14px;display:grid}.t-display{font:600 56px/60px var(--font-sans);letter-spacing:-.02em}.t-h2{font:600 32px/38px var(--font-sans);letter-spacing:-.01em}.t-h3{font:600 20px/28px var(--font-sans)}.t-body{font:400 16px/26px var(--font-sans);color:var(--b-muted)}.t-mono{font:400 13px/20px var(--font-mono);color:var(--b-accent)}.bp-motif{background-color:#050505;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='104' viewBox='0 0 60 104'%3E%3Cpath d='M30 0L60 17V52L30 69L0 52V17Z M30 69V104 M0 52L-0 87 M60 52V87' fill='none' stroke='%23ff6a3d' stroke-opacity='.22' stroke-width='1.5'/%3E%3C/svg%3E");min-height:280px;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000,#0000 85%);mask-image:radial-gradient(circle at 100% 100%,#000,#0000 85%)}.bp-copy{color:var(--b-muted);align-self:center;line-height:1.7}.bp-copy ul{gap:8px;margin:16px 0 0;padding-left:20px;display:grid}.bp-voice{border:1px solid var(--b-line);background:var(--b-surface);border-radius:16px;overflow:hidden}.bp-voicehead,.bp-voicerow{grid-template-columns:1fr 1fr;display:grid}.bp-voicehead span{font:500 12px/1 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--b-line);padding:12px 20px}.bp-voicerow p{border-bottom:1px solid var(--b-line);margin:0;padding:16px 20px;line-height:1.55}.bp-voicerow:last-child p{border-bottom:0}.bp-voice .good{color:#63c38d}.bp-voice .bad{color:#ff7b6b}.bp-voicerow p.bad{-webkit-text-decoration:line-through #ff7b6b80;text-decoration:line-through #ff7b6b80}.bp-assets{gap:12px;margin:0;padding:0;list-style:none;display:grid}.bp-assets li{border:1px solid var(--b-line);background:var(--b-surface);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.bp-assets span{gap:4px;display:grid}@media (max-width:860px){.bp-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-typerow{grid-template-columns:1fr;gap:8px}.t-display{font-size:38px;line-height:42px}}@media (max-width:600px){.bp-grid-2,.bp-grid-4,.bp-voicehead,.bp-voicerow{grid-template-columns:1fr}.brand-page{padding-block:48px 72px}}