/* ================= PROMO IMAGE CARDS ================= */
/* ================= PROMO IMAGE CARDS ================= */
.promo-section{
    padding: 60px 0;
}

/* Scroll reveal initial state */
.promo-card{
    display: block;
    height: 240px;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;
    opacity: 0;
    transform: translateY(30px);

    box-shadow: 0 6px 18px #4f4f4f;
}

/* Scroll reveal visible state */
.promo-card.visible{
    opacity: 1;
    transform: translateY(0);
}

.promo-card img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease, filter 0.4s ease;
}

.promo-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 12px 25px #000000;
    filter: brightness(1.05);
}

.promo-card:hover img{
    transform: scale(1.06);
}