.brand-page{>section{border-top:1px solid var(--line);&:first-of-type{border-top:none}&.alt-bg{background:var(--bg-elev)}}.brand-intro{max-width:52ch;color:var(--text-muted);margin-bottom:3rem;font-size:1rem;line-height:1.7;code{font-family:var(--font-mono);font-size:.85em;background:var(--surface);padding:.15rem .4rem;border-radius:var(--r-sm);color:var(--brand)}}.brand-section-title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.5rem}.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1.5rem}.logo-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.logo-box{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center}.logo-box svg{display:block}.logo-label{display:flex;flex-direction:column;align-items:center;gap:.15rem}.logo-name{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.logo-size{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim)}.logo-lockups{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.logo-lockup-item{flex:1;min-width:240px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);padding:2rem;display:flex;align-items:center;justify-content:center;gap:1rem}.logo-lockup-item.stacked{flex-direction:column}.logo-lockup-text{font-family:var(--font-display);font-size:1.25rem;color:var(--brand);letter-spacing:-.02em;font-weight:400}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.color-swatch{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.color-fill{height:80px;display:flex;align-items:flex-end;padding:.5rem}.color-category{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;padding:.2rem .5rem;background:#0000008c;border-radius:99px;color:var(--text);backdrop-filter:blur(4px)}.color-info{padding:.75rem;display:flex;flex-direction:column;gap:.15rem}.color-var{font-family:var(--font-mono);font-size:.78rem;color:var(--text);font-weight:500}.color-hex{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);word-break:break-all}.color-role{font-size:.78rem;color:var(--text-muted);margin-top:.15rem;line-height:1.3}.type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.type-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:2rem}.type-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.5rem}.type-header-name{font-size:1.25rem;font-weight:500;color:var(--text)}.type-header-var{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim)}.type-specimen{font-size:clamp(3.5rem,8vw,5rem);line-height:1;margin-bottom:1.25rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-sample{font-size:1.1rem;line-height:1.6;color:var(--text-muted);margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.type-details{display:flex;flex-direction:column;gap:.35rem}.type-detail{font-size:.82rem;color:var(--text-dim);strong{color:var(--text-muted);font-weight:500;margin-right:.5rem}}.token-group-title{font-size:1.1rem;font-weight:500;margin:2.5rem 0 1.25rem;color:var(--text)}.token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.token-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:1.25rem}.token-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--brand);margin-bottom:.5rem}.token-value{font-family:var(--font-mono);font-size:.82rem;color:var(--text);margin-bottom:.4rem}.token-desc{font-size:.78rem;color:var(--text-muted);line-height:1.4}.token-radius-demo{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;span{width:40px;height:40px;background:var(--brand);opacity:.6}}.token-ease-visual{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.ease-row{display:flex;flex-direction:column;gap:.3rem}.ease-label{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim)}.ease-track{height:4px;background:var(--line);border-radius:99px;position:relative;overflow:hidden;&:after{content:"";position:absolute;width:16%;top:0;bottom:0;background:var(--brand);border-radius:99px;animation:ease-bounce 2.5s infinite}}.ease-primary:after{animation-timing-function:var(--ease)}.ease-out:after{animation-timing-function:var(--ease-out)}.ease-linear:after{animation-timing-function:linear}@keyframes ease-bounce{0%{left:-18%}60%,to{left:118%}}}