.brand-kit{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;margin:30px 0;display:grid}.brand-kit-preview{background:var(--ink);aspect-ratio:16/9;place-items:center;padding:12%;display:grid}.brand-kit-preview img{width:100%;height:auto}.brand-kit p{margin-top:0}.brand-download{align-items:center;gap:10px;min-height:48px}.brand-group{margin:34px 0 0}.brand-group h3{margin:0 0 6px}.brand-note{color:var(--muted);margin-top:0}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.brand-card{border:1px solid var(--line);margin:0}.brand-card-wide{margin-top:16px}.brand-swatch{aspect-ratio:16/9;place-items:center;padding:12%;display:grid}.brand-swatch img{object-fit:contain;width:100%;height:100%;min-height:0}.brand-paper{border-bottom:1px solid var(--line);background:#f4f4ed}.brand-ink{background:#171b17}.brand-social{aspect-ratio:1200/630;padding:0}.brand-social img{width:100%;height:100%}.brand-card figcaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:6px 14px;font-size:14px;display:flex}.brand-links{flex-wrap:wrap;gap:4px 16px;display:inline-flex}.brand-links a{min-height:44px;font-family:var(--mono);align-items:center;font-size:13px;display:inline-flex}.brand-favicons{margin:10px 0 0}.brand-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:10px;display:grid}.brand-rules h3{align-items:center;gap:8px;margin:0 0 6px;display:flex}.brand-rules ul{margin:0;padding-left:20px}.brand-rules li{font-size:15px!important}@media (max-width:700px){.brand-kit,.brand-grid,.brand-rules{grid-template-columns:1fr}}.origin-steps{gap:14px;margin:26px 0 0;padding:0;list-style:none;display:grid}.origin-steps li{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:22px;margin:0;display:grid}.origin-steps h3{align-items:baseline;gap:10px;margin:0 0 4px;display:flex}.origin-steps h3 .mono{color:var(--muted)}.origin-steps p{margin:0;font-size:15px!important}.origin-frame{border:1px solid var(--line);background:#f4f4ed;margin:0;padding:18px 14px}.origin-svg{width:100%;height:auto;display:block}.origin-grid line{stroke:#171b17;stroke-opacity:.08;stroke-width:.05px;shape-rendering:auto}.origin-ink{fill:#171b17}.origin-ghost{fill:#171b17;fill-opacity:.12}.origin-bridge{fill:#fed70b}.origin-axis{stroke:#171b17;stroke-opacity:.35;stroke-width:.06px;stroke-dasharray:.3 .3;shape-rendering:auto}.origin-bite{fill:#fed70b;fill-opacity:.55;stroke:#c99a00;stroke-width:.06px;shape-rendering:auto}.origin-sub{margin:36px 0 6px}.origin-wide{margin-top:16px;padding:22px}.origin-wide figcaption{color:var(--muted);margin-top:12px;font-size:12px}@media (max-width:700px){.origin-steps li{grid-template-columns:1fr;gap:10px}}.brand-tabs{gap:10px;margin:16px 0 8px;display:grid}.brand-tab-bar{border-radius:8px 8px 0 0;align-items:flex-end;gap:2px;padding:8px 10px 0;display:flex;overflow:hidden}.brand-tab-light{background:#dedfe3}.brand-tab-dark{background:#202124}.brand-tab{font:13px var(--sans);white-space:nowrap;border-radius:8px 8px 0 0;flex:0 200px;align-items:center;gap:8px;min-width:0;padding:9px 14px;display:inline-flex;overflow:hidden}.brand-tab-light .brand-tab{color:#202124;background:#fff}.brand-tab-dark .brand-tab{color:#e8eaed;background:#35363a}.brand-tab img{width:16px;height:16px;image-rendering:pixelated}.brand-tab-off{opacity:.7;background:0 0!important}.brand-tab-dot{opacity:.25;background:currentColor;border-radius:50%;width:16px;height:16px}.brand-sizes{border:1px solid var(--line);background:#f4f4ed;margin:18px 0 30px;padding:20px}.brand-sizes>div{align-items:center;gap:14px;min-height:44px;display:flex}.brand-sizes img{width:auto;display:block}.brand-sizes .mono{color:var(--muted)}.brand-sizes figcaption{color:var(--muted);margin-top:12px;font-size:14px}.brand-guide{border:1px solid var(--line);background:#f4f4ed;margin:14px 0 16px;padding:14px 20px 22px}.brand-guide figcaption{color:var(--muted);margin-bottom:10px;font-size:11px}.guide-svg{width:100%;height:auto;max-height:260px;display:block}.guide-fixed{width:auto;max-width:100%;max-height:none;margin:0 auto}.guide-ink{fill:#171b17}.guide-zone{fill:#fed70b;fill-opacity:.1;stroke:#b08a00;stroke-width:.3px;stroke-dasharray:1.2 .9;shape-rendering:auto}.guide-box{fill:none;stroke:#171b17;stroke-opacity:.25;stroke-width:.2px;shape-rendering:auto}.guide-unit rect{fill:none;stroke:#b08a00;stroke-width:.3px;shape-rendering:auto}.guide-unit .guide-unit-fill{fill:#fed70b;stroke:none}.guide-line{stroke:#171b17;stroke-opacity:.3;stroke-width:.25px;stroke-dasharray:1 1;shape-rendering:auto}.guide-divider{stroke:#171b17;stroke-width:.5px}.guide-ghost rect{fill:#fed70b;fill-opacity:.12;stroke:#b08a00;stroke-width:.3px;stroke-dasharray:1 .8;shape-rendering:auto}.guide-ghost path{fill:#171b17;fill-opacity:.2}.guide-partner rect{fill:none;stroke:#62685e;stroke-width:1.2px;stroke-dasharray:2 1.5;shape-rendering:auto}.guide-partner text{fill:#62685e;font-family:var(--sans);letter-spacing:-.02em;font-weight:600}.pairing{grid-template-columns:1fr;gap:16px;margin-top:18px;display:grid}.pairing .guide-svg{max-height:200px;margin:0 auto}.pairing figure{border:1px solid var(--line);background:#f4f4ed;margin:0;padding:20px}.pairing figcaption{color:var(--muted);margin-top:12px;font-size:14px}.misuse{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.misuse figure{margin:0}.misuse-swatch{aspect-ratio:4/3;color:#171b17;border:1px solid var(--line);background:#f4f4ed;place-items:center;padding:14%;display:grid;overflow:hidden}.misuse-logo{width:100%;height:auto;display:block}.misuse-retype{font:600 21px var(--sans);letter-spacing:.12em;align-items:center;gap:8px;display:flex}.misuse-retype svg{width:auto;height:21px}.misuse figcaption{text-align:center;color:var(--muted);text-transform:uppercase;margin-top:8px;font-size:11px}.color-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.color-specs figure{border:1px solid var(--line);margin:0}.color-swatch{border-bottom:1px solid var(--line);height:140px}.color-code{font:12px/1.6 var(--mono);color:var(--ink);white-space:pre;background:0 0;margin:0;padding:14px}.color-specs figcaption{color:var(--muted);padding:0 14px 14px;font-size:14px}@media (max-width:900px){.misuse{grid-template-columns:repeat(2,minmax(0,1fr))}.pairing,.color-specs{grid-template-columns:1fr}}