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