.etb-background-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:var(--etb-video-position,center); pointer-events:none; opacity:0; z-index:var(--etb-z-base,0); }
.etb-background-video.is-playing { opacity:1; }
.etb-background-video-toggle { position:absolute; inset-inline-end:var(--eth-space-s,1rem); inset-block-end:var(--eth-space-xs,.75rem); z-index:var(--etb-z-overlay,20); border:1px solid var(--eth-border); border-radius:var(--eth-radius-s); background:var(--eth-bg-surface); color:var(--eth-text-title); padding:.5em .75em; font:inherit; cursor:pointer; }
.etb-background-video-toggle[hidden] { display:none; }
.etb-background-video-toggle:focus-visible { outline:2px solid var(--eth-primary); outline-offset:3px; }
.etb-media-overlay { background:var(--etb-media-overlay-color,var(--eth-dark,#000)); }
.etb-media-overlay--gradient { background:linear-gradient(var(--etb-media-overlay-direction,to right),var(--etb-media-overlay-color,var(--eth-dark,#000)),transparent); }
.etb-media-overlay--right { --etb-media-overlay-direction:to left; }
.etb-media-overlay--top { --etb-media-overlay-direction:to bottom; }
.etb-media-overlay--bottom { --etb-media-overlay-direction:to top; }
@media (prefers-reduced-motion:reduce) { .etb-background-video { opacity:0; } }