@layer components{.vsec{padding-block:clamp(2.5rem,5vw,4.5rem)}.vsec-inner{max-width:var(--vslot-max,64rem);margin-inline:auto}.vsec--lg .vsec-inner{--vslot-max:76rem}.vsec-h2{max-width:22ch;margin-bottom:clamp(1.5rem,3vw,2.25rem)}.vsec-line{color:var(--text-muted);font-size:var(--fs-lead);text-wrap:pretty;max-width:44rem;margin-top:1.25rem;line-height:1.5}.vslot{margin:0}.vslot-frame{aspect-ratio:16/9;isolation:isolate;border-radius:var(--r-card);background:var(--abyss);width:100%;color:var(--mist);border:1px solid #ffbf0061;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.vslot--ph .vslot-frame{text-align:center;background:radial-gradient(60% 70% at 50% 45%, #0c5b7959, transparent 70%), var(--abyss);place-content:center;justify-items:center;gap:1.25rem;padding:1.5rem;display:grid}.vslot-play{aspect-ratio:1;width:clamp(56px,8vw,84px);color:var(--amber);place-items:center;display:grid}.vslot-play svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;width:100%;height:100%;overflow:visible}.vslot-label{font-family:var(--font-mono);letter-spacing:.02em;color:var(--mist-2);text-wrap:balance;max-width:34ch;font-size:clamp(.8125rem,.76rem + .2vw,.9375rem)}.vslot-facade{border-radius:inherit;color:var(--amber);place-items:center;display:grid;position:absolute;inset:0}.vslot-facade:after{content:"";z-index:-1;background:linear-gradient(#041a201a,#041a2073);position:absolute;inset:0}.vslot-poster{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vslot-facade .vslot-play{width:clamp(64px,9vw,96px);transition:scale var(--dur-fast) var(--ease-out), background-color var(--dur-fast);background:#041a208c;border-radius:50%}.vslot-facade .vslot-play svg path{fill:currentColor;stroke:none}.vslot-facade:hover .vslot-play{background:#041a20b8;scale:1.06}.vslot-facade:focus-visible{outline:2px solid var(--amber);outline-offset:-4px;border-radius:var(--r-card)}.vslot-dur{border-radius:var(--r-pill);color:var(--mist);background:#041a20c7;padding:.25rem .55rem;position:absolute;bottom:1rem;right:1rem}.vslot-player{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.vslot-cap{margin-top:1rem;font-size:.9375rem}html[data-motion=reduced] .vslot-facade .vslot-play{transition:none}html[data-motion=reduced] .vslot-facade:hover .vslot-play{scale:none}@media (prefers-reduced-motion:reduce){.vslot-facade .vslot-play{transition:none}.vslot-facade:hover .vslot-play{scale:none}}}