.video-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:linear-gradient(145deg,#081626,#0b1b2e)}
.video-intro p{color:var(--muted);font-size:18px;max-width:560px}
.video-shell{position:relative;width:min(430px,100%);margin:auto;padding:12px;border-radius:28px;background:#050b13;border:1px solid rgba(255,255,255,.15);box-shadow:0 32px 90px rgba(0,0,0,.5)}
.video-shell video{display:block;width:100%;max-height:690px;border-radius:19px;background:#000}
.video-caption{position:absolute;left:26px;bottom:28px;padding:7px 11px;border-radius:999px;background:rgba(3,13,22,.82);backdrop-filter:blur(8px);font-size:10px;color:#dce7ef;pointer-events:none}
.compact-video{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center;margin-top:35px;padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}
.compact-video video{width:86px;height:135px;object-fit:cover;border-radius:10px;background:#000}
.compact-video b,.compact-video small{display:block}
.compact-video small{margin-top:5px;color:var(--muted);font-size:12px}
@media(max-width:1000px){.video-section{grid-template-columns:1fr}.video-intro{text-align:center}.video-intro p{margin-inline:auto}}
@media(max-width:640px){.video-section{gap:36px}.video-shell{width:min(330px,100%);padding:8px;border-radius:22px}.video-shell video{border-radius:15px}.video-caption{left:20px;bottom:20px}}