/* ═══════════════════════════════════════════════════════════════
   5 Star Resort — Custom Styles
   ═══════════════════════════════════════════════════════════════ */

/* ─── Smooth Scroll ─── */
html {
    scroll-behavior: smooth;
}

/* ─── Selection ─── */
::selection {
    background: #C06C44;
    color: #fff;
}

/* ─── Scrollbar ─── */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FAF5EC;
}
::-webkit-scrollbar-thumb {
    background: #D4B57A;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #C06C44;
}

/* ─── Scroll Reveal (progressive enhancement) ─── */
@media (prefers-reduced-motion: no-preference) {
    .reveal {
        opacity: 0;
        transform: translateY(32px);
        transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                    transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .reveal.revealed {
        opacity: 1;
        transform: translateY(0);
    }
    .reveal:nth-child(2) { transition-delay: 0.1s; }
    .reveal:nth-child