#vsl{background:#f8f8f3;isolation:isolate}
#vsl .vsl-stage{position:absolute;width:100%;aspect-ratio:16/9;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;pointer-events:none}
/* Presto/Plyr's Vimeo technique: a taller, clipped embed keeps native chrome
   outside the visible 16:9 canvas. The video itself retains its full frame. */
#vsl iframe{position:absolute;left:0;top:-163.333333%;width:100%;height:426.666667%;border:0;pointer-events:none}
#vsl button{font-family:'Alexandria',sans-serif;cursor:pointer}
#vsl [hidden]{display:none!important}
.vsl-surface{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;z-index:1}
.vsl-prompt{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none}
#vsl-start{pointer-events:auto;display:grid;place-items:center;width:5rem;height:5rem;padding:0;border:0;border-radius:50%;background:#b8371c;color:#fff;box-shadow:none}
#vsl-start svg{width:2rem;height:2rem;fill:currentColor;transform:translateX(2px)}
#vsl-start:hover{background:#d3492b}
#vsl button:focus-visible,#vsl input:focus-visible{outline:3px solid #e46446;outline-offset:3px}
#vsl-start:disabled{cursor:wait}
.vsl-toolbar{position:absolute;z-index:3;bottom:0;left:0;right:0;display:flex;align-items:center;gap:.6rem;padding:2rem .9rem .5rem;background:linear-gradient(transparent,#101010ed);color:#fff;direction:ltr;opacity:0;transition:opacity .2s;pointer-events:none}
#vsl.show-controls .vsl-toolbar,#vsl:focus-within .vsl-toolbar{opacity:1;pointer-events:auto}
.vsl-toolbar button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:transparent;color:#fff;border:0;padding:10px;font-size:1.1rem}
.vsl-toolbar button:hover{background:#ffffff20}
.vsl-toolbar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vsl-toolbar .sound-off{display:none}
.vsl-toolbar [aria-pressed=true] .sound-off{display:block}
.vsl-toolbar [aria-pressed=true] .sound-waves{display:none}
#vsl-seek{min-width:0;flex:1;width:100%;height:28px;margin:0;accent-color:#b8371c;cursor:pointer;direction:ltr}
.vsl-time{font:500 .72rem/1.2 'Archivo',sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.vsl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.vsl-nojs{position:absolute;inset:0;z-index:4;background:#101010;color:#fff;display:grid;place-items:center}
#vsl:fullscreen{width:100vw;height:100vh;border:0;background:#000;aspect-ratio:auto}
#vsl:fullscreen .vsl-stage{width:min(100vw,177.777778vh)}
@media(max-width:600px){#vsl-start{width:4rem;height:4rem}#vsl-start svg{width:1.7rem;height:1.7rem}.vsl-toolbar{gap:.15rem;padding:1.5rem .25rem .15rem}.vsl-toolbar button{width:38px;min-height:44px;padding:9px}.vsl-time{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.vsl-toolbar{transition:none}}