.windseye-page .we-video-preview { position:relative; aspect-ratio:1600/850; background:#0c383e; border-radius:4px; }
.windseye-page .we-play { cursor:pointer; }
.windseye-page .we-play:focus-visible { outline:3px solid #fff; outline-offset:6px; }
/* Reserve space above and below the portrait frame, including mobile browser chrome. */
.we-video-dialog { box-sizing:border-box; position:fixed; inset:0; margin:auto; padding:44px 0 0; border:0; width:min(calc(100vw - 32px), calc((100vh - 100px) * var(--we-video-ratio, 1))); width:min(calc(100vw - 32px), calc((100dvh - 100px) * var(--we-video-ratio, 1))); max-width:none; max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); overflow:visible; background:transparent; color:#fff; }
.we-video-dialog::backdrop { background:rgb(0 0 0 / 88%); }
.we-video-dialog video { display:block; width:100%; height:auto; aspect-ratio:var(--we-video-ratio, 1); max-height:calc(100vh - 100px); max-height:calc(100dvh - 100px); object-fit:contain; background:#000; }
.we-video-close { position:absolute; top:0; right:0; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:#fff; font:36px/1 sans-serif; cursor:pointer; }
.we-video-close:focus-visible { outline:2px solid #fff; outline-offset:-4px; }
html.we-video-open { overflow:hidden; }