body { font-family: var(--font-sans); background-color: var(--paper-10, #FBFBFD); font-weight: 300; }
    ::selection { background: #f6c500; color: #241a00; }
    .glass-nav { background: rgba(252, 249, 248, 0.78); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
    .nav-dropdown { opacity: 0; pointer-events: none; transform: translateY(-8px); transition: opacity var(--motion-standard) var(--motion-material-ease), transform var(--motion-standard) var(--motion-material-ease); }
    .nav-group.is-open .nav-dropdown { opacity: 1; pointer-events: auto; transform: translateY(0); }
    .nav-group::after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 12px; }
    .fade-in-up { opacity: 0; transform: translateY(24px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
    .fade-in-up.visible { opacity: 1; transform: translateY(0); }
    @media (prefers-reduced-motion: reduce) { .fade-in-up { opacity: 1; transform: none; transition: none; } }