.brand-page{padding-block:clamp(2.5rem,6vw,4.5rem)}.brand-hero{margin-bottom:clamp(2.5rem,6vw,4rem)}.brand-hero h1{margin-bottom:.4rem}.brand-hero p{max-width:60ch;color:var(--color-muted)}.brand-badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--color-primary);padding:.3rem .7rem;margin-bottom:1rem}.brand-section{padding-block:clamp(2rem,4vw,3rem);border-top:1px solid var(--color-line)}.brand-section>h2{font-size:1.5rem}.brand-section__intro{color:var(--color-muted);max-width:60ch;margin-top:-0.3rem;margin-bottom:1.75rem}.swatch-group{margin-bottom:2.25rem}.swatch-group__head{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.swatch-group__head h3{margin:0;font-size:1.15rem}.swatch-group__head p{margin:0;color:var(--color-muted);font-size:.9rem}.swatches{display:grid;grid-template-columns:repeat(auto-fill, minmax(210px, 1fr));gap:1.1rem}.swatch{border:1px solid var(--color-line);border-radius:var(--radius);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow)}.swatch__chip{height:120px;display:flex;align-items:flex-end;justify-content:flex-end;padding:.6rem;border-bottom:1px solid var(--color-line)}.swatch__contrast{font-size:.7rem;font-weight:600;padding:.15rem .45rem;opacity:.9}.swatch__body{padding:.9rem 1rem 1.1rem}.swatch__name{font-family:var(--font-heading);font-weight:600;color:var(--color-slate)}.swatch__usage{font-size:.82rem;color:var(--color-muted);margin:.3rem 0 .8rem;line-height:1.5}.swatch__copyrow{display:flex;gap:.4rem}.copy-btn{flex:1;display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--color-slate);background:var(--color-surface-2);border:1px solid var(--color-line);padding:.45rem .6rem;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.copy-btn:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.copy-btn.is-copied{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.copy-btn code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.copy-btn .copy-icon{width:14px;height:14px;flex:none}.specimen{border:1px solid var(--color-line);border-radius:var(--radius);overflow:hidden}.specimen__row{display:grid;grid-template-columns:160px 1fr;gap:1.5rem;align-items:baseline;padding:1.1rem 1.4rem;border-bottom:1px solid var(--color-line)}.specimen__row:last-child{border-bottom:0}.specimen__meta{font-size:.78rem;color:var(--color-muted);line-height:1.6}.specimen__meta b{display:block;color:var(--color-slate);font-family:var(--font-heading);font-size:.9rem}.specimen__meta code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:var(--color-primary-dark)}.specimen__sample>*{margin:0}@media(max-width: 640px){.specimen__row{grid-template-columns:1fr;gap:.4rem}}.font-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:1.1rem;margin-bottom:2rem}.font-card{border:1px solid var(--color-line);border-radius:var(--radius);padding:1.5rem}.font-card__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted)}.font-card__name{font-size:1.4rem;margin:.25rem 0 .75rem}.font-card__alpha{font-size:1.6rem;line-height:1.3}.font-card__weights{color:var(--color-muted);font-size:.85rem;margin-top:.75rem}.brand-list h3{font-size:1.05rem;margin:1.75rem 0 .75rem}.brand-list ul{margin:0 0 1rem;padding-left:1.2rem}.brand-list li{margin-bottom:.55rem;color:var(--color-text);line-height:1.6;max-width:72ch}.specimen-pad{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:1.5rem;border:1px solid var(--color-line);border-radius:var(--radius)}.specimen-pad--dark{background:var(--color-surface-2)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(20px);background:var(--color-surface);color:#fff;padding:.7rem 1.2rem;font-weight:600;font-size:.9rem;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:200}.toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}