/* Click-to-play YouTube video. The page shows our own thumbnail; video-embed.js loads YouTube's
   privacy-enhanced player only after someone presses play, so no YouTube request happens before that. */
.lv-video-section{padding:72px 20px}
.lv-video-wrap{max-width:960px;margin:0 auto;text-align:center}
.lv-video-wrap h2{font-size:clamp(26px,3.2vw,38px);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:0}
.lv-video-wrap > p{font-size:17px;line-height:1.6;opacity:.72;max-width:58ch;margin:12px auto 0}
.lv-video-box{position:relative;aspect-ratio:16/9;margin-top:32px;border-radius:20px;overflow:hidden;background:#0b0f14;box-shadow:0 24px 60px rgba(10,16,24,.22)}
.lv-video{position:absolute;inset:0;display:block;color:#fff}
.lv-video img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .3s}
.lv-video:hover img{transform:scale(1.02);filter:brightness(.88)}
.lv-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .2s}
.lv-play::after{content:"";position:absolute;left:30px;top:24px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #0f1418}
.lv-video:hover .lv-play,.lv-video:focus-visible .lv-play{transform:scale(1.08)}
.lv-video:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.lv-video-time{position:absolute;right:14px;bottom:14px;padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.72);font-size:12px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.lv-video-frame{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:640px){
  .lv-video-section{padding:52px 16px}
  .lv-video-box{margin-top:24px;border-radius:14px}
  .lv-play{width:60px;height:60px;margin:-30px 0 0 -30px}
  .lv-play::after{left:24px;top:18px;border-width:12px 0 12px 18px}
}
@media (prefers-reduced-motion:reduce){.lv-video img,.lv-play{transition:none}}
