.hv-grid{gap:var(--s6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:900px){.hv-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}.hv-frame{aspect-ratio:16/9;border-radius:var(--r-lg);box-shadow:var(--shadow-1);border:1px solid var(--line);background:#0b0b0c;position:relative;overflow:hidden}.hv-media{object-fit:cover;background:#0b0b0c;width:100%;height:100%;display:block}.hv-facade{color:#0b0b0c;display:block;position:absolute;inset:0}.hv-facade:focus-visible{outline:3px solid var(--accent-line);outline-offset:-3px}.hv-play{background:var(--accent);width:84px;height:84px;color:var(--on-accent);border-radius:50%;place-items:center;margin:-42px 0 0 -42px;transition:transform .15s;display:grid;position:absolute;top:52%;left:73%;box-shadow:0 8px 28px #0006}.hv-play svg{margin-left:4px}.hv-facade:hover .hv-play,.hv-facade:focus-visible .hv-play{transform:scale(1.07)}.hv-len{color:#fff;font:600 14px/1.2 var(--mono);background:#0b0b0cd9;border-radius:999px;padding:4px 10px;position:absolute;bottom:12px;right:12px}.hv-steps{gap:var(--s3);counter-reset:hv;margin:0;padding:0;list-style:none;display:grid}.hv-steps li{counter-increment:hv;column-gap:var(--s3);grid-template-columns:36px minmax(0,1fr);align-items:baseline;row-gap:2px;display:grid}.hv-steps li:before{content:counter(hv);background:var(--accent);width:32px;height:32px;color:var(--on-accent);font:700 15px/1 var(--mono);border-radius:50%;grid-row:span 2;align-self:start;place-items:center;display:grid}.hv-steps b{font-weight:700}.hv-steps span{color:var(--muted)}@media (prefers-reduced-motion:reduce){.hv-play{transition:none}}