.video-box {
    cursor: pointer;
}

/* IMAGE */
.video-poster {
    transition: opacity 0.8s ease;
}

/* VIDEO */
.video-content {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.8s ease;
    pointer-events: none;
}

/* PLAY BUTTON */
.play-btn {
    transition: opacity 1s ease;
}

/* PULSE ANIMATION (slow → fast) */
@keyframes pulseSlowToFast {
    0%   { transform: scale(1); }
    30%  { transform: scale(1.05); }
    60%  { transform: scale(1.15); }
    100% { transform: scale(1.25); }
}

/* HOVER → start pulse */
.video-box:hover .play-btn {
    animation: pulseSlowToFast 0.8s ease-in-out forwards;
}

@media only screen and (min-width: 800px) {
    .engagement-video {
        position: sticky;
        top: 100px;
    }
}