.video-modal{position:fixed;z-index:60;inset:64px 0 0;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s ease}
.video-modal.open{opacity:1;pointer-events:auto}
.video-modal-backdrop{position:absolute;inset:0;background:rgba(0,3,5,.78);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.video-modal-panel{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);width:min(1180px,92vw);height:min(760px,calc(100svh - 105px));overflow:hidden;border:1px solid rgba(221,246,255,.16);border-radius:14px;background:#0b0d0f;box-shadow:0 28px 80px rgba(0,0,0,.65);transform:translateY(18px) scale(.98);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.video-modal.open .video-modal-panel{transform:none}
.video-stage{display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;background:#000}
.video-stage video{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;background:#000}
.video-modal-panel.is-portrait{grid-template-columns:minmax(320px,720px) minmax(260px,340px);width:min(1060px,92vw)}
.video-details{min-width:0;overflow:auto;padding:42px 32px;background:#101214;color:#f4f7f8}
.video-kicker{margin:0 0 18px;color:#e7ff4f;font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}
.video-details h2{margin:0;color:#fff;font-size:clamp(24px,3vw,38px);line-height:1.12;overflow-wrap:anywhere}
.video-tags{margin:14px 0 0;color:#9ba7ad;font-size:14px;line-height:1.7}
.video-rule{height:1px;margin:28px 0;background:rgba(255,255,255,.12)}
.video-description{margin:0;color:#c2c9cd;font-size:14px;line-height:1.8}
.video-modal-close{position:absolute;z-index:3;top:14px;right:14px;width:36px;height:36px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(5,8,10,.72);color:#fff;font-size:24px;line-height:30px;cursor:pointer}
.video-modal-close:hover{background:#f2f5f6;color:#080b0d}
.video-open{overflow:hidden}
@media(max-width:740px){.video-modal{inset:56px 0 0;padding:10px}.video-modal-panel,.video-modal-panel.is-portrait{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;width:100%;height:calc(100svh - 76px);border-radius:10px}.video-details{max-height:30svh;padding:18px}.video-kicker{margin-bottom:9px}.video-details h2{font-size:23px}.video-tags{margin-top:8px}.video-rule{display:none}.video-description{display:none}.video-modal-close{top:9px;right:9px}}