.video-facade{position:relative;width:100%;height:100%;min-height:200px;aspect-ratio:16/9;background:#111 url('/assets/optimized/logo-500.webp') center/55% auto no-repeat;isolation:isolate}
.video-launch{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;overflow:hidden}
.video-launch img{display:block;width:100%;height:100%;object-fit:cover}
.video-launch:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#000b)}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:74px;height:52px;border-radius:13px;background:#FF4D1A;color:#fff;z-index:1;box-shadow:0 4px 20px #0007;transition:background .15s,transform .15s}
.video-play svg{width:30px;height:30px}
.video-launch:hover .video-play{background:#d73305;transform:translate(-50%,-50%) scale(1.08)}
.video-launch:focus-visible{outline:3px solid #FF4D1A;outline-offset:3px}
.video-caption{position:absolute;left:18px;bottom:15px;z-index:1;font-size:13px;font-weight:700;color:#fff}
.video-external{position:absolute;right:14px;bottom:12px;z-index:3;padding:5px 8px;background:#000b;color:white!important;border-radius:3px;font-size:12px;text-decoration:none}
.video-external:hover{text-decoration:underline}
.video-facade iframe{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;border:0}
.video-launch[hidden]{display:none}
@media(max-width:400px){.video-caption{left:12px;bottom:17px;font-size:12px}.video-external{right:8px}}