.video-showcase{background:linear-gradient(135deg,#03182e 0%,#064878 62%,#0877bd 100%);color:#fff;overflow:hidden;position:relative}.video-showcase:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(154,220,250,.16);border-radius:50%;right:-240px;top:-360px}.video-head{position:relative;display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:38px}.video-head h2{color:#fff}.video-head p{color:#c9dce7;font-size:18px}.video-frame{position:relative;aspect-ratio:16/9;background:#020d18;box-shadow:0 30px 75px rgba(0,0,0,.38);border:1px solid rgba(134,210,245,.25);overflow:hidden}.video-frame video{display:block;width:100%;height:100%;object-fit:cover}.video-play{position:absolute;inset:0;margin:auto;width:92px;height:92px;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:rgba(3,42,73,.78);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 0 0 12px rgba(30,165,235,.12),0 15px 40px rgba(0,0,0,.3);transition:.25s}.video-play:hover{transform:scale(1.08);background:#0877bd}.video-play span{font-size:29px;margin-left:5px}.video-frame.playing .video-play{opacity:0;pointer-events:none}.video-caption{display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:#b9d3e2;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.video-caption strong{color:#fff}
@media(max-width:800px){.video-head{grid-template-columns:1fr;gap:16px}.video-play{width:70px;height:70px}.video-caption{align-items:flex-start;flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.video-play{transition:none}}