.m4-page.m4-brand-page .bm-hero{padding:calc(var(--nav-clearance) + clamp(64px,10vw,120px)) 0 clamp(56px,8vw,96px);border-bottom:1px solid var(--line);background:var(--paper)}.m4-page.m4-brand-page .bm-hero__eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);margin-bottom:28px}.m4-page.m4-brand-page .bm-hero .display{max-width:11ch}.m4-page.m4-brand-page .bm-hero .lead{margin-top:28px;max-width:48ch}.m4-page.m4-brand-page .bm-hero__meta{margin-top:36px;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.m4-page.m4-brand-page .bm-toc{position:sticky;top:var(--nav-clearance);z-index:40;background:color-mix(in oklab,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.m4-page.m4-brand-page .bm-toc__links{display:flex;gap:2px;overflow-x:auto;padding:12px 0;scrollbar-width:none}.m4-page.m4-brand-page .bm-toc__links::-webkit-scrollbar{display:none}.m4-page.m4-brand-page .bm-toc__links a{flex-shrink:0;padding:7px 12px;font-size:12px;font-weight:600;color:var(--ink-3)}.m4-page.m4-brand-page .bm-toc__links a:hover{color:var(--ink)}.m4-page.m4-brand-page .bm-section{padding:clamp(80px,11vw,160px) 0;border-bottom:1px solid var(--line)}.m4-page.m4-brand-page .bm-section__index{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:18px}.m4-page.m4-brand-page .bm-section__head{max-width:620px;margin-bottom:clamp(40px,6vw,64px)}.m4-page.m4-brand-page .bm-section__head .h2{margin-top:0}.m4-page.m4-brand-page .bm-section__head .lead{margin-top:18px}.m4-page.m4-brand-page .bm-prose{max-width:62ch;font-size:17px;line-height:1.7;color:var(--ink-2)}.m4-page.m4-brand-page .bm-prose+.bm-prose{margin-top:1.1em}.m4-page.m4-brand-page .bm-grid{display:grid;gap:16px}.m4-page.m4-brand-page .bm-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.m4-page.m4-brand-page .bm-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.m4-page.m4-brand-page .bm-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width: 1100px){.m4-page.m4-brand-page .bm-grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.m4-page.m4-brand-page .bm-grid--6,.m4-page.m4-brand-page .bm-grid--3,.m4-page.m4-brand-page .bm-grid--2{grid-template-columns:1fr}}.m4-page.m4-brand-page .bm-card{border:1px solid var(--line);padding:28px;background:var(--paper)}.m4-page.m4-brand-page .bm-card--soft{background:var(--paper-2)}.m4-page.m4-brand-page .bm-card__label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}.m4-page.m4-brand-page .bm-card h3{font-family:var(--font-serif);font-size:1.45rem;margin-bottom:10px}.m4-page.m4-brand-page .bm-card p,.m4-page.m4-brand-page .bm-card li{font-size:15px;line-height:1.55;color:var(--ink-2)}.m4-page.m4-brand-page .bm-card ul{list-style:none;display:grid;gap:10px}.m4-page.m4-brand-page .bm-card ul li{padding-left:14px;position:relative}.m4-page.m4-brand-page .bm-card ul li:before{content:"·";position:absolute;left:0;color:var(--blue);font-weight:700}.m4-page.m4-brand-page .bm-stage{border:1px solid var(--line);min-height:220px;padding:48px 32px;display:grid;place-items:center;gap:20px;background:var(--paper)}.m4-page.m4-brand-page .bm-stage--dark{background:var(--ink-deep);border-color:#9299a438}.m4-page.m4-brand-page .bm-stage--blue{background:#1e90ff;border-color:#1e90ff}.m4-page.m4-brand-page .bm-stage img{max-height:48px;width:auto}.m4-page.m4-brand-page .bm-stage__cap{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;color:var(--ink-3)}.m4-page.m4-brand-page .bm-stage--dark .bm-stage__cap,.m4-page.m4-brand-page .bm-stage--blue .bm-stage__cap{color:#eff2f7b3}.m4-page.m4-brand-page .bm-clear{border:1px solid var(--line);background:var(--paper-2);padding:clamp(32px,6vw,56px);display:grid;place-items:center}.m4-page.m4-brand-page .bm-clear__frame{position:relative;padding:36px 40px;border:1px dashed var(--blue);background:var(--paper)}.m4-page.m4-brand-page .bm-clear__frame img{height:32px;width:auto}.m4-page.m4-brand-page .bm-clear__x{position:absolute;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--blue)}.m4-page.m4-brand-page .bm-clear__x--t{top:8px;left:50%;transform:translate(-50%)}.m4-page.m4-brand-page .bm-clear__x--b{bottom:8px;left:50%;transform:translate(-50%)}.m4-page.m4-brand-page .bm-clear__x--l{left:8px;top:50%;transform:translateY(-50%)}.m4-page.m4-brand-page .bm-clear__x--r{right:8px;top:50%;transform:translateY(-50%)}.m4-page.m4-brand-page .bm-bad{border:1px solid var(--line);padding:22px;background:var(--paper);opacity:.85}.m4-page.m4-brand-page .bm-bad__demo{height:72px;margin-bottom:14px;background:var(--paper-2);display:grid;place-items:center;overflow:hidden}.m4-page.m4-brand-page .bm-bad__demo img{height:28px;width:auto}.m4-page.m4-brand-page .bm-bad__demo--stretch img{transform:scaleX(1.45)}.m4-page.m4-brand-page .bm-bad__demo--rotate img{transform:rotate(-12deg)}.m4-page.m4-brand-page .bm-bad__demo--shadow img{filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}.m4-page.m4-brand-page .bm-bad__demo--recolor{background:#7c3aed}.m4-page.m4-brand-page .bm-bad__demo--recolor img{filter:brightness(0) invert(1);opacity:.9}.m4-page.m4-brand-page .bm-bad strong{display:block;font-family:var(--font-sans);font-size:13px;font-weight:700;color:var(--ink);margin-bottom:4px}.m4-page.m4-brand-page .bm-bad span{font-size:13px;color:var(--ink-3)}.m4-page.m4-brand-page .type-block{border:1px solid var(--line);padding:clamp(28px,4vw,40px);background:var(--paper);margin-bottom:16px}.m4-page.m4-brand-page .type-block__meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:24px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.m4-page.m4-brand-page .type-block__meta strong{color:var(--blue)}.m4-page.m4-brand-page .type-alpha{font-size:clamp(1.15rem,2.2vw,1.55rem);line-height:1.35;letter-spacing:-.01em;color:var(--ink);word-break:break-word}.m4-page.m4-brand-page .type-weight-row{display:grid;gap:18px;margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}.m4-page.m4-brand-page .type-weight-row__label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}.m4-page.m4-brand-page .type-scale-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:20px}.m4-page.m4-brand-page .type-scale-table th,.m4-page.m4-brand-page .type-scale-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:baseline}.m4-page.m4-brand-page .type-scale-table th{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.m4-page.m4-brand-page .type-scale-table code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;background:var(--paper-2);padding:2px 5px}.m4-page.m4-brand-page .type-rules{display:grid;gap:8px;margin-top:20px}.m4-page.m4-brand-page .type-rules li{font-size:14px;line-height:1.5;color:var(--ink-2);padding-left:14px;position:relative;list-style:none}.m4-page.m4-brand-page .type-rules li:before{content:"·";position:absolute;left:0;color:var(--blue);font-weight:700}.m4-page.m4-brand-page .swatch{border:1px solid var(--line);overflow:hidden}.m4-page.m4-brand-page .swatch__chip{height:88px;border-bottom:1px solid var(--line)}.m4-page.m4-brand-page .swatch__body{padding:14px;display:grid;gap:4px}.m4-page.m4-brand-page .swatch__name{font-size:13px;font-weight:700;color:var(--ink)}.m4-page.m4-brand-page .swatch__role{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.m4-page.m4-brand-page .swatch__note{font-size:12px;color:var(--ink-2);line-height:1.4;margin-top:4px}.m4-page.m4-brand-page .copy-chip{display:inline-flex;margin-top:6px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink-2);cursor:pointer}.m4-page.m4-brand-page .copy-chip:hover,.m4-page.m4-brand-page .copy-chip.is-copied{background:var(--blue);border-color:var(--blue);color:var(--paper)}.m4-page.m4-brand-page .do-dont{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 720px){.m4-page.m4-brand-page .do-dont{grid-template-columns:1fr}}.m4-page.m4-brand-page .do-card,.m4-page.m4-brand-page .dont-card{border:1px solid var(--line);padding:24px}.m4-page.m4-brand-page .do-card{border-top:3px solid oklch(55% .14 145)}.m4-page.m4-brand-page .dont-card{border-top:3px solid oklch(55% .18 25)}.m4-page.m4-brand-page .do-card h3,.m4-page.m4-brand-page .dont-card h3{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}.m4-page.m4-brand-page .do-card h3{color:#135d1d}.m4-page.m4-brand-page .dont-card h3{color:#a5292b}.m4-page.m4-brand-page .do-card ul,.m4-page.m4-brand-page .dont-card ul{list-style:none;display:grid;gap:10px}.m4-page.m4-brand-page .do-card li,.m4-page.m4-brand-page .dont-card li{font-size:14px;line-height:1.5;color:var(--ink-2);padding-left:12px;position:relative}.m4-page.m4-brand-page .do-card li:before,.m4-page.m4-brand-page .dont-card li:before{content:"·";position:absolute;left:0;font-weight:700}.m4-page.m4-brand-page .merch-card{background:linear-gradient(160deg,#141418,#0a0a0c);border:1px solid oklch(100% 0 0 / .1);padding:24px;display:grid;gap:14px}.m4-page.m4-brand-page .merch-card__art{min-height:140px;display:grid;place-items:center}.m4-page.m4-brand-page .merch-card__art img{max-height:110px;width:auto}.m4-page.m4-brand-page .merch-card strong{color:#fff;font-size:14px;font-family:var(--font-sans)}.m4-page.m4-brand-page .merch-card span{display:block;margin-top:4px;color:#9e9e9e;font-size:13px}.m4-page.m4-brand-page .bm-footnote{margin-top:20px;font-size:13px;color:var(--ink-3);line-height:1.5;max-width:62ch}.m4-page.m4-brand-page .bm-footer{padding:48px 0 80px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}.m4-page.m4-brand-page .bm-footer span{font-size:12px;color:var(--ink-3)}.m4-page.m4-brand-page .pairing-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.m4-page.m4-brand-page .pairing-row:last-child{border-bottom:0}.m4-page.m4-brand-page .pairing-row__ok{color:var(--ink)}.m4-page.m4-brand-page .pairing-row__bad{color:var(--ink-3);text-decoration:line-through}@media (max-width: 720px){.m4-page.m4-brand-page .pairing-row{grid-template-columns:1fr;gap:6px}}