.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}.brand-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px}.brand-tile{margin:0;display:flex;flex-direction:column;background:var(--box);border:1px solid var(--chip);border-radius:18px;overflow:hidden;min-width:0}.brand-art{display:grid;place-items:center;height:168px;padding:32px;background:var(--box);border-bottom:1px solid var(--chip)}.brand-art.dark{background:#0d0d0c}.brand-art.badge{background:radial-gradient(120% 140% at 15% 0%,#c9d8ff 0%,transparent 55%),radial-gradient(90% 120% at 100% 100%,#ffc6e4 0%,transparent 60%),#f1eee8}.brand-art svg{display:block;max-width:100%;max-height:100%;width:auto;height:auto}.brand-art:not(.icon):not(.badge) svg{width:100%;max-width:220px}.brand-art.icon svg{width:72px;height:72px}.brand-art.badge svg{width:231px}.brand-tile figcaption{display:grid;gap:12px;padding:14px 16px 16px;flex:1;align-content:space-between}.brand-tile figcaption b{display:block;font-weight:600;letter-spacing:-.01em}.brand-tile figcaption span{display:block;font-size:13px;color:var(--muted)}.brand-acts{display:flex;flex-wrap:wrap;gap:6px}.brand-sizes{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.brand-tile figcaption .brand-sizes span{display:inline;width:40px;color:var(--muted);font-size:12.5px}.brand-sizes .mini{padding:4px 9px;font-variant-numeric:tabular-nums}.brand-code{margin:0;padding:10px 12px;background:var(--code);border-radius:10px;overflow-x:auto}.brand-code code{padding:0;background:none;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.brand-grad{height:56px;border-radius:16px;background:var(--grad);margin-bottom:12px}.brand-colours{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:8px}.brand-colour{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--box);border:1px solid var(--chip);border-radius:14px}.brand-colour i{flex:none;width:32px;height:32px;border-radius:9px;box-shadow:inset 0 0 0 1px #00000014}.brand-colour div{flex:1;min-width:0}.brand-colour b{display:block;font-weight:600;font-size:13.5px}.brand-colour code{padding:0;background:none;color:var(--small)}