/* ===== join.css ===== */

.rehearsal-video {
    margin: 3rem auto 3.5rem;
    text-align: center;
}

.rehearsal-video h3 {
    margin-bottom: 1.2rem;
    text-align: left;
}

.rehearsal-video-note {
    margin-top: 0.6rem;
    font-size: 0.9rem;
    color: #555;
}

.rehearsal-video p.rehearsal-video-note {
    text-align: center;
}

/* Match join thumbnail to lightbox video sizing */
.rehearsal-video .video-thumb {
    height: min(70vh, calc(100dvh - 14rem));
    width: auto;
    max-width: min(100%, 900px);
    aspect-ratio: 1088 / 1920;
}

.rehearsal-video .video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}