/* =========================================================================
 * The video window — a shared component (inc/video-modal.php).
 *
 * The same shell as the forms (assets/css/cta-forms.css): only the black 16:9
 * panel without the description column, the close button above the panel and
 * the caption under the video live here. The rules were moved unchanged from
 * assets/css/our-story/block1-video-hero.css (2026-09-29) — Our Story and
 * Company look exactly the same and the /demo/ page uses the same file.
 * ====================================================================== */
.lmx-modal--video{padding-top:84px;padding-bottom:40px}
.lmx-modal--video .lmx-modal__panel--video{display:block;grid-template-columns:none;width:min(100%,1180px);max-width:min(1180px,calc((100vh - 200px) * 16 / 9));background:#000;border-color:rgba(255,255,255,.16)}
.lmx-modal .lmx-modal__close--video{top:-58px;right:0;background:rgba(5,9,11,.7)}
.lmx-video-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}
.lmx-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.lmx-modal--video[data-video="off"] .lmx-video-frame::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(82,199,198,.14),rgba(0,0,0,0) 60%)}
.lmx-video-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0 !important;padding:14px 18px;font:500 12px/1.4 var(--lmx-font,'Hanken Grotesk',Helvetica,Arial,sans-serif) !important;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.72) !important;background:#0b0f10;border-top:1px solid rgba(255,255,255,.1)}
.lmx-video-caption-duration{color:var(--lmx-teal,#52C7C6);white-space:nowrap}
@media (max-width:640px){
.lmx-modal--video{padding-top:76px}
.lmx-modal .lmx-modal__close--video{top:-54px}
.lmx-video-caption{font-size:11px !important;padding:12px 14px;letter-spacing:.16em}
}