.story .video-poster.commercial-poster{aspect-ratio:16/9;background:#050a10;border:1px solid var(--line);isolation:isolate}
.commercial-poster>img{display:block;width:100%;height:100%;object-fit:contain;opacity:1}
.commercial-poster .play{justify-content:flex-end;align-items:flex-start;padding:clamp(14px,2vw,26px);background:linear-gradient(transparent 58%,#02060bbb);text-align:left;gap:0}
.commercial-play-label{display:flex;align-items:center;gap:14px}
.commercial-poster .play-circle{flex:none;width:46px;height:46px;background:var(--blue,#b40909);color:#fff;font-size:17px;padding-left:3px;transition:transform .2s,background-color .2s}
.commercial-play-copy{display:flex;flex-direction:column;gap:5px;font-size:14px;line-height:1.35;font-weight:700}
.commercial-play-copy small{font-size:11px;letter-spacing:.1em;font-weight:400;text-transform:uppercase;color:#d4dde6}
.commercial-poster .play:hover .play-circle{transform:scale(1.08)}
.commercial-poster .play:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.commercial-caption{font-size:12px;line-height:1.6;color:inherit;opacity:.8;margin:12px 0 0}
#video-modal.commercial-modal{z-index:10000;padding:24px;background:#020509ed;overflow-y:auto;overscroll-behavior:contain}
#video-modal[hidden]{display:none!important}
#video-modal.commercial-modal.open{display:flex}
.commercial-modal .modal-box{width:min(1120px,100%);margin:auto;background:#071019;border:1px solid #26333f;box-shadow:0 28px 100px #0009;color:#edf2f6}
.commercial-modal-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;border-bottom:1px solid #26333f}
.commercial-modal-header #commercial-title{font:600 14px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.02em;margin:0;color:#edf2f6}
.commercial-modal .close{position:static;background:transparent;color:#edf2f6!important;border:1px solid #53606b;padding:8px 12px;font:14px/1.2 Arial,Helvetica,sans-serif;cursor:pointer;white-space:nowrap}
.commercial-modal .close:hover{background:#1e2a35}
.commercial-modal video{display:block;width:100%;aspect-ratio:16/9;max-height:calc(100dvh - 224px);object-fit:contain;background:#000}
.commercial-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}
.commercial-modal-footer p{color:#b6c4d1;margin:0 0 6px;font-size:12px;line-height:1.5}
.commercial-modal .video-fallback{display:inline;color:#b6c4d1;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.commercial-modal .commercial-contact{display:inline-flex;align-items:center;gap:20px;justify-content:space-between;background:var(--blue,#b40909);color:#fff;border:1px solid transparent;padding:15px 21px;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}
.commercial-modal :is(button,a,video):focus-visible{outline:3px solid #b4d5ed;outline-offset:3px}
@media(max-width:600px){
 #video-modal.commercial-modal{padding:12px}
 .commercial-modal-header{padding:12px}
 .commercial-modal-header #commercial-title{max-width:65%;font-size:13px}
 .commercial-modal-footer{padding:14px;gap:14px;align-items:stretch;flex-direction:column}
 .commercial-modal video{max-height:calc(100dvh - 270px)}
 .commercial-modal .commercial-contact{justify-content:center}
 .commercial-poster .play{padding:14px}
 .commercial-play-copy{font-size:12px}
 .commercial-poster .play-circle{width:38px;height:38px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.commercial-poster .play-circle{transition:none}}