.kfs-event-hero,
.register-hero { isolation:isolate; }
.kfs-event-page .kfs-event-hero-image,
.register-page .register-hero-bg { z-index:-3; }
.kfs-hero-video { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; }
.kfs-hero-video-shade { position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(2,39,32,.88),rgba(2,39,32,.62) 48%,rgba(2,39,32,.25)); pointer-events:none; }
.kfs-event-hero-content,
.register-hero-inner { position:relative; z-index:1; }
.kfs-hero-video-controls { position:absolute; z-index:3; right:22px; bottom:18px; display:flex; gap:8px; direction:ltr; }
.kfs-hero-video-controls button { display:grid; width:42px; height:42px; place-items:center; padding:0; border:1px solid rgba(255,255,255,.42); border-radius:50%; background:rgba(3,35,30,.62); color:#fff; cursor:pointer; opacity:.76; backdrop-filter:blur(8px); transition:background .2s ease,opacity .2s ease,transform .2s ease; }
.kfs-hero-video-controls button:hover { background:#ed1b2f; opacity:1; transform:translateY(-2px); }
.kfs-hero-video-controls button:focus-visible { outline:3px solid #8ce0bf; outline-offset:3px; opacity:1; }
.kfs-hero-video-controls svg { width:18px; height:18px; }
.kfs-hero-video-controls svg[hidden] { display:none; }
.kfs-hero-video-controls[hidden],
.kfs-hero-video.is-unavailable { display:none; }
@media (hover:none) { .kfs-hero-video-controls button { opacity:1; } }
@media (max-width:600px) { .kfs-hero-video-controls { right:15px; bottom:14px; } .kfs-hero-video-controls button { width:38px; height:38px; } }