.brand-hero-band{background:var(--n-100);border-bottom:1px solid var(--border)}.brand-hero-band .page-hero{max-width:1180px;padding-bottom:clamp(40px,5vh,56px)}.brand-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(24px,4vw,60px) clamp(64px,8vh,100px)}.brand-section{border-top:1px solid var(--border);padding:64px 0}.brand-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--coral);margin-bottom:16px;font-size:11px;font-weight:600;display:block}.brand-title{font-family:var(--fd);letter-spacing:-.04em;color:var(--ink);margin-bottom:12px;font-size:clamp(24px,3vw,32px);font-weight:700}.brand-body{color:var(--text-body);max-width:560px;margin-bottom:32px;font-size:15px;line-height:1.72}.mark-display{justify-content:center;align-items:center;padding:56px 0 48px;display:flex}.mark-tiles{grid-template-columns:1fr 1fr;gap:12px;max-width:480px;display:grid}.mark-tile{border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:48px 32px;display:flex}.mark-tile-black{background:#0c0907}.mark-tile-white{background:#fbf8f4;border:1px solid #0c09071a}.mark-tile-coral{background:#e8604e}.mark-tile-teal{background:#0f9e99}.mark-tile-label{letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:600}.mark-tile-black .mark-tile-label,.mark-tile-coral .mark-tile-label,.mark-tile-teal .mark-tile-label{color:#fbf8f480}.mark-tile-white .mark-tile-label{color:#0c09074d}.mark-spec{color:var(--text-muted);max-width:480px;margin-top:24px;font-size:13px;line-height:1.7}.mark-spec code{background:var(--border);color:var(--ink);border-radius:6px;padding:1px 5px;font-family:monospace;font-size:12px}.brand-rules{background:var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(2,1fr);gap:2px;margin-top:32px;display:grid;overflow:hidden}.brand-rule{background:var(--paper);padding:24px 28px}.brand-rule-label{letter-spacing:.14em;text-transform:uppercase;color:var(--coral);margin-bottom:8px;font-size:10px;font-weight:700;display:block}.brand-rule-text{color:var(--text-body);font-size:13.5px;line-height:1.6}.swatch-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px;display:grid}.swatch{border-radius:16px;overflow:hidden}.swatch-block{height:96px}.swatch-info{background:var(--n-100);border:1px solid var(--border);border-top:none;border-radius:0 0 16px 16px;padding:14px 16px}.swatch-name{font-family:var(--fd);color:var(--ink);margin-bottom:6px;font-size:14px;font-weight:700;display:block}.swatch-meta{color:var(--text-muted);font-family:monospace;font-size:11.5px;line-height:1.8;display:block}.swatch-use{color:var(--text-body);margin-top:8px;font-size:12px;line-height:1.5;display:block}.type-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.type-card{background:var(--n-100);border:1px solid var(--border);border-radius:16px;padding:32px 28px}.type-role{letter-spacing:.15em;text-transform:uppercase;color:var(--coral);margin-bottom:16px;font-size:10px;font-weight:600;display:block}.type-specimen-d{font-family:var(--fd);letter-spacing:-.045em;color:var(--ink);margin-bottom:12px;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.05}.type-specimen-b{font-family:var(--fb);color:var(--text-body);font-size:17px;font-weight:400;line-height:1.72}.type-meta{color:var(--text-muted);margin-top:16px;font-size:12px;line-height:1.9}.type-meta code{background:var(--border);border-radius:6px;padding:1px 5px;font-family:monospace;font-size:11px}.wordmark-lockup{align-items:center;gap:14px;display:flex}.press-grid{background:var(--border);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;gap:2px;margin-top:32px;display:grid;overflow:hidden}.press-card{background:var(--paper);flex-direction:column;gap:12px;padding:36px 32px;display:flex}.press-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--coral);font-size:11px;font-weight:600}.press-title{font-family:var(--fd);letter-spacing:-.02em;color:var(--ink);font-size:20px;font-weight:700}.press-desc{color:var(--text-body);flex:1;font-size:14px;line-height:1.65}.press-link{color:var(--text-body);margin-top:4px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-block}.press-link:hover{color:var(--coral)}@media(max-width:900px){.swatch-grid{grid-template-columns:repeat(2,1fr)}.type-grid,.press-grid{grid-template-columns:1fr}}@media(max-width:640px){.mark-tiles,.brand-rules{grid-template-columns:1fr}}