donavant-hero-media { display:block; width:100%; height:100%; }
.banner:has(donavant-hero-media) .banner__content { pointer-events:none; }
.banner:has(donavant-hero-media) .banner__box { pointer-events:auto; }
.donavant-media-controls { position:absolute; top:16px; right:22px; z-index:5; display:flex; align-items:center; gap:4px; }
.donavant-media-controls[hidden], .donavant-media-controls button[hidden] { display:none; }
.donavant-media-controls button { position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:0 10px; border:0; border-radius:0; background:transparent; color:#f5f0e6; font:400 11px/1.3 var(--font-body-family,Lato,sans-serif); letter-spacing:.025em; cursor:pointer; box-shadow:none; }
.donavant-media-controls button::before { content:""; position:absolute; inset:4px 0; z-index:-1; border:1px solid #f5f0e64d; border-radius:2px; background:#18181abf; backdrop-filter:blur(8px); }
.donavant-media-controls button:hover::before { background:#18181a; border-color:#b97745; }
.donavant-media-controls button:focus-visible { outline:2px solid #f5f0e6; outline-offset:2px; }
.donavant-media-controls svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.5; flex:none; }
.donavant-media-controls [data-play-toggle] { width:44px; padding:0; }
.donavant-media-controls [data-play-toggle]::before { inset:4px; }
donavant-hero-media[data-sound="off"] .sound-waves, donavant-hero-media[data-sound="on"] .sound-slash { display:none; }
@media(max-width:749px) {
 .donavant-media-controls { top:6px; right:8px; gap:2px; }
 .donavant-media-controls button { font-size:10px; padding:0 8px; }
 .donavant-media-controls button::before { inset:6px 0; }
 .donavant-media-controls [data-play-toggle] { width:44px; padding:0; }
 .donavant-media-controls [data-play-toggle]::before { inset:6px; }
}