:root{--font-display:var(--brand-font-display,system-ui,sans-serif);--font-body:var(--brand-font-body,system-ui,sans-serif);--font-mono:var(--brand-font-mono,ui-monospace,monospace);--radius:10px;--shadow:0 1px 3px #0f172a14;--brand-logo-dark-bg-gradient:linear-gradient(to bottom left,#2d2d2d,#141414);--cursor-color-pick:url(/brand/elements/eyedropper.svg) 20 44,crosshair}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;font-family:var(--font-body);-webkit-font-smoothing:antialiased;color:var(--brand-text,#1a1a1a);background:var(--brand-surface,#fafafa);line-height:1.5}body{min-height:100vh;margin:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{color:var(--brand-primary,#4f46e5);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--brand-primary-dark,#1d169d)}.site-header{border-bottom:1px solid var(--brand-border,#e0e0e0);box-shadow:var(--shadow);background:#fff}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:960px;margin:0 auto;padding:1rem 1.25rem;display:flex}.site-brand{font-family:var(--font-display);color:inherit;flex-shrink:0;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.site-brand__wordmark{object-fit:contain;object-position:left center;flex-shrink:1;width:auto;min-width:0;max-width:min(11rem,42vw);height:1.375rem;display:block}.site-brand__name{letter-spacing:.04em;text-transform:uppercase;color:gray;font-size:.75rem;font-weight:500;line-height:1.2}.nav{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.nav a{color:var(--brand-muted,#666);font-size:.9375rem;font-weight:500;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--brand-primary,#4f46e5)}main{max-width:960px;margin:0 auto;padding:2rem 1.25rem 3rem}.page-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .5rem;font-size:1.75rem;font-weight:600}.lede{color:var(--brand-muted,#666);max-width:42rem;margin:0 0 2rem;font-size:1.0625rem}.section-anchor{scroll-margin-top:1.25rem}.section-anchor+.section-anchor{border-top:1px solid var(--brand-border,#e0e0e0);margin-top:3rem;padding-top:2rem}.palette-scales-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:.25rem;display:grid}.palette-scales-grid--hues-row{border-top:1px solid var(--brand-border,#e0e0e0);margin-top:2rem;padding-top:1.5rem}.palette-scale-card{border:1px solid var(--brand-border,#e0e0e0);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;padding:1rem 1rem .75rem;display:flex}.palette-scale-card__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;margin-bottom:.65rem;display:flex}.palette-scale-card__header--with-actions{align-items:center}.palette-scale-card__title{font-family:var(--font-display);flex-shrink:0;margin:0;font-size:1.0625rem;font-weight:600}.palette-scale-card__desc{color:var(--brand-muted,#666);margin:0 0 .65rem;font-size:.8125rem;line-height:1.45}.palette-scale-card__hero{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:112px;margin-top:0;display:flex}.palette-scale-card__hero-icon{object-fit:contain;pointer-events:none;width:auto;max-width:min(55%,5.5rem);height:auto;max-height:4rem;display:block}.palette-scale-card__hero--edge{box-shadow:inset 0 0 0 1px #0000001a}.palette-scale-card__codes{font-family:var(--font-mono);color:var(--brand-muted,#666);text-align:right;flex:10rem;min-width:0;margin:0;font-size:.75rem;line-height:1.4}.palette-scale-card__strip{margin-top:auto;border:none;gap:3px;width:100%;min-width:0;margin-inline:0;padding:.25rem 0 0;display:flex}.palette-scale-card__strip legend{padding:0}.palette-scale-card__step{appearance:none;min-width:0;height:2.25rem;cursor:var(--cursor-color-pick);background-clip:padding-box;border:none;border-radius:4px;flex:1;margin:0;padding:0;display:block}.palette-scale-card__step:focus-visible{outline:2px solid var(--brand-primary,#4f46e5);outline-offset:2px}.palette-scale-card__step--edge{box-shadow:inset 0 0 0 1px #0000001a}.section-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 1.25rem;font-size:1.5rem;font-weight:600}.subsection-title{font-family:var(--font-display);margin:2rem 0 1rem;font-size:1.125rem;font-weight:600}.subsection-title:first-of-type{margin-top:0}.logo-colors-below-variants{margin-top:2rem}.type-sample-block{border:1px solid var(--brand-border,#e0e0e0);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:1rem;padding:1.25rem 1.5rem}.type-sample-block__label{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-muted,#666);margin:0 0 .5rem;font-size:.75rem;font-weight:600}.logo-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.logo-card{border:1px solid var(--brand-border,#e0e0e0);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:1.25rem}.logo-card--dark{border-color:var(--brand-border,#e0e0e0);background:#fff}.logo-card__header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.logo-card__label{min-width:0;color:inherit;flex:1;margin:0;font-size:.875rem;font-weight:600;line-height:1.3}.logo-card__frame{background:var(--brand-surface,#fafafa);border-radius:8px;justify-content:center;align-items:center;min-height:120px;padding:1rem;display:flex}.logo-card--dark .logo-card__frame{background:var(--brand-logo-dark-bg-gradient)}.logo-card__frame img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100px}.logo-card__img--inverted{filter:brightness(0)invert()}.logo-card__img--monochrome{filter:grayscale()brightness(0)}.logo-card__actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.2rem;display:flex}.logo-card__action{box-sizing:border-box;width:1.75rem;height:1.75rem;font:inherit;border:1px solid var(--brand-border,#e0e0e0);color:var(--brand-muted,#555);cursor:pointer;background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:0;line-height:0;text-decoration:none;display:inline-flex}.logo-card__action:hover{border-color:var(--brand-muted,#999);color:var(--brand-foreground,#1a1a1a);background:var(--brand-surface,#fafafa)}.logo-card__action--link{color:inherit}.logo-card__icon{pointer-events:none;flex-shrink:0;display:block}.palette-scale-card--icons{grid-column:1/-1;max-width:100%}.icons-showcase{flex-direction:column;gap:1.5rem;display:flex}.icons-showcase__lead{grid-template-columns:repeat(3,minmax(0,1fr));place-items:start center;gap:1.25rem 1.5rem;display:grid}@media (max-width:900px){.icons-showcase__lead{grid-template-columns:1fr}}.icons-showcase__lead-item{flex-direction:column;align-items:center;gap:.75rem;width:100%;min-width:0;max-width:280px;display:flex}.icons-showcase__lead-label{text-align:center;color:inherit;margin:0;font-size:.875rem;font-weight:600;line-height:1.35}.icons-showcase__lead .icons-showcase__canvas{width:250px;height:250px}.icons-showcase__lead .icons-showcase__canvas img{object-fit:contain;width:170px;height:170px;display:block}.icons-showcase__canvas{box-sizing:border-box;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icons-showcase__canvas--surface{background:var(--brand-surface,#fafafa)}.icons-showcase__canvas--dark{background:var(--brand-logo-dark-bg-gradient)}.icons-showcase__canvas--light-grey{background:#e0e0e0;box-shadow:inset 0 0 0 1px #00000014}.icons-showcase__canvas--white{background:#fff;box-shadow:inset 0 0 0 1px #00000014}output.color-copy-toast{display:block}.color-copy-toast{z-index:9999;font-family:var(--font-body);color:#fff;background:var(--brand-text,#1a1a1a);pointer-events:none;opacity:1;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 4px 14px #0000002e}.color-copy-toast.is-out{opacity:0;transform:translate(-50%)translateY(6px)}