.video-modal {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: white;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
opacity: 1;
transition: opacity 0.6s;
}

.video-modal.hidden {
opacity: 0;
pointer-events: none;
}

.video-modal iframe {
width: 79vw;
aspect-ratio: 16 / 9;
border-radius: 1em;
border: 1px solid var(--lightgray);
background: white;
}

.video-close-btn {
position: fixed;
top: 1em;
right: 1em;
z-index: 10000;
font-size: 2em;
color: var(--navy);
background: none;
border: none;
cursor: pointer;
opacity: 1;
transition: opacity 0.6s;
}

.video-close-btn.hidden {
opacity: 0;
pointer-events: none;
}