/* Header scroll shadow state, toggled by app.js */
#site-nav.is-scrolled {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

/* Hide scrollbar for the gallery track while keeping it scrollable */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Simple hover lift used on gallery video cards */
.hover-scale {
    transition: transform 0.3s ease;
}
.hover-scale:hover {
    transform: scale(1.03);
}

/* Scroll-reveal animation, mirrors the framer-motion "whileInView" fades in the React version */
.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.reveal-left {
    transform: translateX(-50px);
}
.reveal.reveal-right {
    transform: translateX(50px);
}
.reveal.is-visible {
    opacity: 1;
    transform: translate(0, 0);
}