/* ============================================================
   Σycamore Barber & Co. — Animations
   ============================================================ */

/* --- Scroll reveal --- */

.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 600ms ease, transform 600ms ease;
}

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

.reveal--delay-1 { transition-delay: 100ms; }
.reveal--delay-2 { transition-delay: 200ms; }
.reveal--delay-3 { transition-delay: 300ms; }

/* --- Hero entrance --- */

.hero-content {
    animation: heroIn 1s ease-out;
}

@keyframes heroIn {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Image hover scale --- */

.img-hover-scale {
    overflow: hidden;
}

.img-hover-scale img,
.img-hover-scale .img-placeholder {
    transition: transform 700ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.img-hover-scale:hover img,
.img-hover-scale:hover .img-placeholder {
    transform: scale(1.04);
}

/* --- Reduced motion --- */

@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .hero-content {
        animation: none;
    }

    .img-hover-scale img,
    .img-hover-scale .img-placeholder {
        transition: none;
    }
}