*, *::before, *::after { box-sizing: border-box; }
    body { margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

    /* Scroll reveal base — always visible by default */
    .reveal { opacity: 1; transform: none; transition: opacity 0.6s ease, transform 0.6s ease; }

    /* Mobile menu transitions */
    #mobile-menu { transition: max-height 0.3s ease, opacity 0.3s ease; }
    #mobile-menu.hidden { max-height: 0; opacity: 0; overflow: hidden; }
    #mobile-menu:not(.hidden) { max-height: 400px; opacity: 1; }

    /* Custom scrollbar */
    ::-webkit-scrollbar { width: 8px; }
    ::-webkit-scrollbar-track { background: #020617; }
    ::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: #475569; }

    /* Reduced motion */
    @media (prefers-reduced-motion: reduce) {
        .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
        html { scroll-behavior: auto; }
        img { transition: none !important; }
    }