:root{--color-bg: var(--hu-bg);--color-text: var(--hu-text);--color-text-secondary: var(--hu-text-secondary);--color-text-tertiary: var(--hu-text-muted);--color-accent: var(--hu-accent);--color-accent-light: var(--hu-accent-light, var(--hu-accent-subtle));--color-border: var(--hu-border-subtle)}.brand-section-nav:where(.astro-cuecaxvc){position:sticky;top:4rem;z-index:10;padding:var(--hu-space-sm) var(--hu-space-md);display:flex;gap:var(--hu-space-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:color-mix(in srgb,var(--hu-bg) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.brand-section-nav:where(.astro-cuecaxvc)::-webkit-scrollbar{display:none}.brand-section-nav:where(.astro-cuecaxvc) a:where(.astro-cuecaxvc){white-space:nowrap;padding:var(--hu-space-xs) var(--hu-space-sm);border-radius:var(--hu-radius-md);font-size:var(--hu-text-xs);font-weight:500;color:var(--color-text-tertiary);text-decoration:none;transition:color var(--hu-duration-fast) var(--hu-spring-gentle),background var(--hu-duration-fast) var(--hu-spring-gentle),transform var(--hu-duration-fast) var(--hu-spring-gentle)}.brand-section-nav:where(.astro-cuecaxvc) a:where(.astro-cuecaxvc):hover{color:var(--color-text);background:var(--hu-hover-overlay);transform:translateY(-1px)}.brand-section-nav:where(.astro-cuecaxvc) a:where(.astro-cuecaxvc).active{color:var(--hu-accent);background:color-mix(in srgb,var(--hu-accent) 10%,transparent)}.brand-ramp-strip:where(.astro-cuecaxvc){display:flex;border-radius:var(--hu-radius-lg);overflow:hidden}.brand-ramp-chip:where(.astro-cuecaxvc){flex:1;aspect-ratio:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--hu-space-xs);min-width:40px}.brand-ramp-label-dark:where(.astro-cuecaxvc){font-size:var(--hu-text-2xs);color:#000000b3}.brand-ramp-label-light:where(.astro-cuecaxvc){font-size:var(--hu-text-2xs);color:#fffc}.brand-color-grid:where(.astro-cuecaxvc){display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--hu-space-md)}.brand-swatch:where(.astro-cuecaxvc){aspect-ratio:1;border-radius:var(--hu-radius-lg);padding:var(--hu-space-md);display:flex;flex-direction:column;justify-content:flex-end;font-size:var(--hu-text-xs)}.brand-swatch-primary:where(.astro-cuecaxvc){background:var(--hu-accent);color:var(--hu-on-accent)}.brand-swatch-secondary:where(.astro-cuecaxvc){background:var(--hu-accent-secondary);color:var(--hu-on-accent-secondary)}.brand-swatch-tertiary:where(.astro-cuecaxvc){background:var(--hu-accent-tertiary);color:var(--hu-on-accent-tertiary)}.brand-swatch-error:where(.astro-cuecaxvc){background:var(--hu-error);color:var(--hu-on-accent-secondary, #060b12)}.brand-swatch:where(.astro-cuecaxvc) code:where(.astro-cuecaxvc){font-size:.65rem;opacity:.9;margin-top:var(--hu-space-xs)}.brand-contrast-table:where(.astro-cuecaxvc){width:100%;border-collapse:collapse;font-size:var(--hu-text-sm)}.brand-contrast-table:where(.astro-cuecaxvc) th:where(.astro-cuecaxvc),.brand-contrast-table:where(.astro-cuecaxvc) td:where(.astro-cuecaxvc){padding:var(--hu-space-sm) var(--hu-space-md);text-align:left;border-bottom:1px solid var(--color-border)}.brand-contrast-table:where(.astro-cuecaxvc) th:where(.astro-cuecaxvc){font-weight:600;font-size:var(--hu-text-xs);text-transform:uppercase;letter-spacing:.05em}.brand-pass-badge:where(.astro-cuecaxvc){display:inline-block;padding:2px 8px;border-radius:var(--hu-radius-sm);font-size:var(--hu-text-2xs);font-weight:600;background:color-mix(in srgb,var(--hu-accent) 15%,transparent);color:var(--hu-accent)}.brand-misuse-card:where(.astro-cuecaxvc){text-align:center}.brand-misuse-demo:where(.astro-cuecaxvc){border-radius:var(--hu-radius-lg);padding:var(--hu-space-lg);display:flex;align-items:center;justify-content:center;aspect-ratio:1}.brand-type-spec:where(.astro-cuecaxvc){padding-bottom:var(--hu-space-lg);border-bottom:1px solid var(--color-border)}.brand-type-spec:where(.astro-cuecaxvc):last-of-type{border-bottom:none}.glass:where(.astro-cuecaxvc){transition:transform var(--hu-duration-normal) var(--hu-spring-gentle),box-shadow var(--hu-duration-normal) var(--hu-spring-gentle)}.glass:where(.astro-cuecaxvc):hover{transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--hu-accent) 8%,transparent)}@media(prefers-reduced-motion:reduce){:where(.astro-cuecaxvc)[data-reveal]{opacity:1!important;transform:none!important}.glass:where(.astro-cuecaxvc){transition:none!important}.glass:where(.astro-cuecaxvc):hover{transform:none}}