*, *::before, *::after { box-sizing: border-box; }

    html { scroll-behavior: smooth; scroll-padding-top: 80px; }

    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    ::selection {
        background-color: rgba(212, 165, 116, 0.3);
        color: #0F4B3A;
    }

    /* Mobile menu transitions */
    #mobile-menu {
        animation: slideDown 0.3s ease-out;
    }

    @keyframes slideDown {
        from { opacity: 0; transform: translateY(-8px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* Scroll-reveal base — progressive enhancement, content visible by default */
    .reveal {
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.7s ease, transform 0.7s ease;
    }

    @media (prefers-reduced-motion: no-preference) {
        .reveal {
            opacity: 0;
            transform: translateY(24px);
        }
        .reveal.revealed {
            opacity: 1;
            transform: translateY(0);
        }
        .reveal-delay-1 { transition-delay: 0.1s; }
        .reveal-delay-2 { transition-delay: 0.2s; }
        .reveal-delay-3 { transition-delay: 0.3s; }
    }

    /* Floating cards subtle animation */
    @media (prefers-reduced-motion: no-preference) {
        .float-slow {
            animation: float 6s ease-in-out infinite;
        }
        .float-medium {
            animation: float 4.5s ease-in-out infinite;
        }
        .float-fast {
            animation: float 3.5s ease-in-out infinite;
        }
    }

    @keyframes float {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-10px); }
    }

    /* Subtle hover for gallery images */
    @media (prefers-reduced-motion: no-preference) {
        .gallery-img {
            transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        .gallery-img:hover {
            transform: scale(1.05);
        }
    }

    /* Header scrolled state */
    header.scrolled {
        background-color: rgba(253, 248, 240, 0.97);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        box-shadow: 0 1px 0 rgba(15, 75, 58, 0.08);
    }

    /* Focus styles */
    a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
        outline: 2px solid #D4A574;
        outline-offset: 2px;
        border-radius: 4px;
    }

    /* Smooth image loading */
    img {
        image-rendering: auto;
        loading: lazy;
    }