@font-face{font-family:"Clash Display";src:url("/fonts/ClashDisplay.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
body.page-brand{background:#0a0a0f;color:#f4f4f5;overflow-x:hidden;--brand-green:#c8f169;--brand-blue:#0000ff}
body.page-brand .azzle-nav{background:rgba(10,10,15,.82)}
.brand-nav-cta{color:var(--brand-green);text-decoration:none;font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.brand-page{max-width:1440px;margin:0 auto;padding:calc(var(--nav-h) + 90px) clamp(24px,7vw,112px) 80px}
.brand-hero{min-height:66vh;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.14);padding:0 0 34px}
.brand-hero-copy{max-width:820px}
.brand-kicker,.brand-type-label{color:var(--brand-green);font:600 10px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.brand-hero h1{margin:28px 0 26px;font:500 clamp(58px,10vw,148px)/.88 "Clash Display",var(--sans);letter-spacing:-.075em}
.brand-hero h1 em,.brand-section h2 em{font-style:normal;color:var(--brand-green)}
.brand-lede{max-width:500px;color:#a1a1aa;font-size:18px;line-height:1.55}
.brand-jump{display:inline-flex;gap:14px;margin-top:36px;color:#f4f4f5;text-decoration:none;font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.brand-jump span{color:var(--brand-green);font-size:18px;line-height:.5}
.brand-meta{display:flex;gap:28px;color:#71717a;font:10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.brand-section{padding:120px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.brand-section-head{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:28px;align-items:start;margin-bottom:48px}
.brand-section h2{font:500 clamp(36px,5vw,72px)/.95 "Clash Display",var(--sans);letter-spacing:-.06em}
.brand-section-head>p:last-child{color:#a1a1aa;line-height:1.55}
.brand-guide-image{margin:0;background:#303030;border:1px solid rgba(255,255,255,.15);overflow:hidden}
.brand-guide-image img{display:block;width:100%;height:auto}
.brand-guide-image figcaption{padding:14px 18px;color:#a1a1aa;font:10px/1.4 var(--mono);letter-spacing:.04em}
.brand-mark-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:1px;background:rgba(255,255,255,.14)}
.brand-mark-notes article{background:#0a0a0f;padding:24px}
.brand-mark-notes span{color:var(--brand-green);font:11px var(--mono)}
.brand-mark-notes h3{margin:36px 0 10px;font-size:16px}
.brand-mark-notes p{color:#71717a;font-size:13px;line-height:1.55}
.brand-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.brand-swatch{min-height:250px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end}
.brand-swatch>div{flex:1;margin:-18px -18px 18px}
.brand-swatch strong{font-size:15px}.brand-swatch code{margin-top:8px;font:11px var(--mono)}.brand-swatch span{margin-top:5px;color:#71717a;font:10px var(--mono)}
.brand-swatch--ink{background:#111118}.brand-swatch--ink>div{background:#0a0a0f}
.brand-swatch--paper{background:#f4f4f5;color:#0a0a0f}.brand-swatch--paper>div{background:#f4f4f5}.brand-swatch--paper span{color:#71717a}
.brand-swatch--signal{background:#c8f169;color:#0a0a0f}.brand-swatch--signal>div{background:#c8f169}.brand-swatch--signal span{color:#303900}
.brand-swatch--blue{background:#0000ff}.brand-swatch--blue>div{background:#0000ff}
.brand-swatch--base{background:#167c3a}.brand-swatch--base>div{background:#167c3a}
.brand-type-samples{display:grid;grid-template-columns:1.4fr 1fr;gap:1px;background:rgba(255,255,255,.14)}
.brand-type-samples article{padding:32px;background:#111118;min-height:270px}
.brand-display{margin-top:50px;font:500 clamp(32px,5vw,68px)/.92 "Clash Display",var(--sans);letter-spacing:-.06em}.brand-display em{color:var(--brand-green);font-style:normal}
.brand-mono{margin-top:50px;color:var(--brand-blue);font:13px/2 var(--mono)}
.brand-do-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.brand-do{padding:30px;min-height:200px;border:1px solid rgba(255,255,255,.14)}.brand-do>span{font-size:32px}.brand-do h3{margin:30px 0 10px;font-size:18px}.brand-do p{max-width:420px;color:#a1a1aa;line-height:1.55}.brand-do--yes>span{color:var(--brand-green)}.brand-do--no>span{color:#ff6b6b}
.brand-footer{display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:end;padding:55px clamp(24px,7vw,112px);border-top:1px solid rgba(255,255,255,.14);background:#111118}
.brand-footer img{display:block;width:260px;height:auto}.brand-footer p{margin-top:12px;color:#71717a;font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.brand-footer-links{display:flex;gap:22px}.brand-footer a,.brand-footer small{color:#a1a1aa;text-decoration:none;font:11px var(--mono)}.brand-footer a:hover{color:var(--brand-green)}.brand-footer small{color:#71717a}
@media(max-width:800px){.brand-page{padding-top:calc(var(--nav-h) + 52px)}.brand-section-head,.brand-type-samples,.brand-footer{grid-template-columns:1fr}.brand-hero{min-height:72vh}.brand-meta{flex-wrap:wrap;gap:12px}.brand-colors,.brand-mark-notes,.brand-do-grid{grid-template-columns:1fr 1fr}.brand-footer-links{flex-wrap:wrap}.brand-footer img{width:min(320px,80vw)}}
@media(max-width:520px){.brand-colors,.brand-mark-notes,.brand-do-grid{grid-template-columns:1fr}.brand-section{padding:76px 0}.brand-hero h1{font-size:56px}}