.video-facade{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;display:block;position:relative;overflow:hidden}.video-facade--button,.video-facade--link{cursor:pointer;padding:0}.video-facade__poster,.video-facade__frame{border:none;width:100%;height:100%;display:block;position:absolute;inset:0}.video-facade__poster{object-fit:cover;transition:transform .4s ease-out}.video-facade--button:hover .video-facade__poster,.video-facade--link:hover .video-facade__poster{transform:scale(1.02)}.video-facade__overlay{justify-content:center;align-items:center;gap:var(--sp-1);text-align:center;padding:var(--sp-3);background:#08070c8c;flex-direction:column;display:flex;position:absolute;inset:0}.video-facade__label{font-family:var(--font-display);font-size:var(--fs-5);letter-spacing:.22em;text-transform:uppercase;color:var(--text);max-width:none;font-weight:700}.video-facade__status{font-size:var(--fs-6);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text);max-width:none}.video-facade__play{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:68px;height:68px;padding-left:4px;transition:background-color .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-facade--button:hover .video-facade__play{background:var(--accent-deep)}.video-facade__badge{left:var(--sp-2);bottom:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-6);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text);text-shadow:0 1px 6px #000c;pointer-events:none;font-weight:600;position:absolute}.video-facade__play--youtube{filter:drop-shadow(0 2px 8px #00000059);background:0 0;border-radius:0;width:68px;height:48px;padding:0}.video-facade__yt-bg{fill:red;transition:fill .2s}.video-facade--button:hover .video-facade__play--youtube{background:0 0}.video-facade--button:hover .video-facade__yt-bg{fill:#c00}
