.video-facade{gap:var(--space-2);display:grid}.video-facade__button,.video-facade__frame,.video-facade__placeholder{aspect-ratio:16/9;border:var(--border-width-hairline) solid var(--color-neutral-500);width:100%;display:block}.video-facade__button{background:var(--color-neutral-900);cursor:pointer;padding:0;position:relative}.video-facade__button:focus-visible{outline:var(--border-width-thick) solid var(--color-accent);outline-offset:2px}.video-facade__poster{object-fit:cover;filter:grayscale()contrast(1.1);width:100%;height:100%}.video-facade__placeholder{background:var(--color-neutral-900);border:none}.video-facade__play{font-size:var(--fs-h2-section);color:var(--color-surface);place-items:center;display:grid;position:absolute;inset:0}.video-facade__hint{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--ls-mono);color:var(--color-neutral-700);margin:0}