.hero-video-card{position:relative;background:var(--dark);color:#fff;border:1px solid var(--ink);box-shadow:18px 18px 0 var(--lime);transform:rotate(1deg);overflow:hidden;transition:.35s var(--ease)}
.hero-video-card:hover{transform:rotate(0) translateY(-6px);box-shadow:24px 24px 0 var(--orange)}
.hero-video-top,.hero-video-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;background:#10130f;font:10px ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}
.hero-video-top{border-bottom:1px solid #343931}.hero-video-top span{display:flex;align-items:center;gap:9px}.hero-video-top i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,104,70,.14);animation:video-live 1.8s ease infinite}
.hero-video-top a{color:var(--lime)}
.hero-video-card iframe{display:block;width:100%;height:min(56vh,570px);min-height:430px;border:0;background:#000}
.hero-video-caption{border-top:1px solid #343931;padding-block:16px}.hero-video-caption strong{font-family:Arial,Helvetica,sans-serif;font-size:.9rem;letter-spacing:0;text-transform:none}.hero-video-caption span{color:#8f978a}
@keyframes video-live{50%{opacity:.35;transform:scale(.82)}}
@media(max-width:900px){.hero-video-card{max-width:460px}.hero-video-card iframe{height:620px}}
@media(max-width:760px){.hero-video-card{max-width:none;margin-right:10px;box-shadow:10px 10px 0 var(--lime)}.hero-video-card iframe{height:72vh;min-height:480px;max-height:680px}.hero-video-caption span{display:none}}