:where(.vl-open){width:100%;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.vl-open:focus-visible{outline:2px solid var(--es-teal);outline-offset:3px}.vl-open .vl-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vl-mark{z-index:1;background:var(--es-teal);border-radius:50%;width:4rem;height:4rem;margin:auto;position:absolute;inset:0;box-shadow:0 10px 30px -10px #0009}.vl-mark:after{content:"";border-style:solid;border-width:.75rem 0 .75rem 1.2rem;border-color:transparent transparent transparent var(--es-navy);position:absolute;top:1.25rem;left:1.6rem}@media (hover:hover) and (prefers-reduced-motion:no-preference){.vl-mark{transition:transform .3s var(--card-ease)}.vl-open:hover .vl-mark{transform:scale(1.08)}}.vl{--vl-ar:16 / 9;width:min(64rem, calc(100vw - 2rem), calc((100dvh - 8rem) * (var(--vl-ar))));max-width:none;max-height:none;color:var(--es-cream);background:0 0;border:0;margin:auto;padding:0}.vl[data-portrait]{width:min(calc(100vw - 2rem), calc((100dvh - 6rem - 3.75rem) * (var(--vl-ar))));max-height:calc(100dvh - 6rem)}.vl::backdrop{background:#040e16e0}@media (prefers-reduced-motion:no-preference){.vl[open]{animation:vl-in .3s var(--card-ease)}@keyframes vl-in{0%{opacity:0;transform:scale(.96)}}}.vl__in{gap:1rem;display:grid;position:relative}.vl__frame{aspect-ratio:var(--vl-ar);background:#000;border-radius:14px;overflow:hidden}.vl__frame iframe,.vl__frame video{border:0;width:100%;height:100%;display:block}.vl__close{width:2.75rem;height:2.75rem;color:var(--es-cream);cursor:pointer;background:#f6f2e81f;border:0;border-radius:50%;justify-self:end;place-items:center;display:grid}.vl__close:hover{background:#f6f2e838}.vl__close:focus-visible{outline:2px solid var(--es-teal);outline-offset:2px}.vl__caption{max-width:60ch;color:var(--hm-soft-on-dark);margin:0;line-height:1.6}.vl__caption .hm-mono{color:var(--es-teal);margin-right:.5rem}
