/* ── Base & Utilities ───────────────────────────────── */
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { overflow-x: hidden; }

    ::selection {
        background: rgba(194, 35, 68, 0.15);
        color: #6e1430;
    }

    /* ── Scroll Reveal ──────────────────────────────────── */
    .scroll-reveal {
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .scroll-reveal.revealed {
        opacity: 1;
        transform: translateY(0);
    }

    /* Default state visible for no-JS fallback */
    .scroll-reveal[data-reveal] {
        opacity: 1;
        transform: translateY(0);
    }

    @media (prefers-reduced-motion: no-preference) {
        .scroll-reveal[data-reveal] {
            opacity: 0;
            transform: translateY(30px);
        }
        .scroll-reveal.revealed {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* ── Navbar ─────────────────────────────────────────── */
    #navbar {
        background: transparent;
    }

    #navbar.scrolled {
        background: rgba(254, 252, 251, 0.92);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        box-shadow: 0 1px 0 rgba(161, 21, 50, 0.06), 0 4px 24px rgba(161, 21, 50, 0.04);
    }

    /* ── Mobile Menu ────────────────────────────────────── */
    #mobile-menu.open {
        opacity: 1;
        pointer-events: auto;
    }

    /* ── Custom Scrollbar ───────────────────────────────── */
    ::-webkit-scrollbar { width: 8px; }
    ::-webkit-scrollbar-track { background: #fefcfb; }
    ::-webkit-scrollbar-thumb { background: #f4a3b8; border-radius: 999px; }
    ::-webkit-scrollbar-thumb:hover { background: #d94060; }

    /* ── Image hover container ──────────────────────────── */
    .rounded-2xl, .rounded-3xl {
        overflow: hidden;
    }

    /* ── Selection for form elements ────────────────────── */
    select option {
        background: #fefcfb;
        color: #6e1430;
    }