.blog-video-trigger{display:block;width:100%;padding:0;text-align:left;border:0;background:transparent}
.blog-video-thumb{position:relative;display:block;aspect-ratio:.72;overflow:hidden;border-radius:9px;background:#dce1e7}
.blog-video-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .25s ease}
.blog-video-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 63%,#10182080)}
.blog-video-trigger:hover .blog-video-thumb img{transform:scale(1.035)}
.blog-video-trigger:focus-visible{outline:3px solid var(--red);outline-offset:4px;border-radius:9px}
.blog-video-play{position:absolute;z-index:1;top:50%;left:50%;width:64px;height:64px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#fffffff0;color:var(--red);font-size:23px;line-height:1;box-shadow:0 8px 28px #0a152b40}
.blog-video-duration{position:absolute;z-index:1;right:12px;bottom:12px;padding:3px 7px;border-radius:5px;background:#111b27c9;color:#fff;font-size:12px;font-weight:700}
.blog-video-title{display:block;margin-top:16px;color:var(--ink);font-size:16px;font-weight:700;line-height:1.35;letter-spacing:-.02em}
.blog-video-trigger:hover .blog-video-title{color:var(--red)}
dialog.blog-video-dialog{width:min(530px,calc(100% - 32px));padding:25px;overflow-y:auto}
.blog-video-modal .eyebrow{margin:0 36px 8px 0;font-size:11px}
.blog-video-modal h2{margin-right:36px;font-size:24px;line-height:1.2}
.blog-video-modal video{display:block;width:auto;max-width:100%;max-height:min(68vh,720px);aspect-ratio:9/16;margin:18px auto 0;border-radius:10px;background:#111}
@media(max-width:600px){.blog-video-title{font-size:13px;margin-top:10px}.blog-video-play{width:52px;height:52px;font-size:20px}.blog-video-duration{right:8px;bottom:8px;font-size:10px}dialog.blog-video-dialog{padding:18px}.blog-video-modal h2{font-size:21px}.blog-video-modal video{max-height:64vh}}
@media(prefers-reduced-motion:reduce){.blog-video-thumb img{transition:none}}