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:22px; right:28px; z-index:5; display:flex; align-items:center; gap:8px; }
.donavant-media-controls[hidden], .donavant-media-controls button[hidden] { display:none; }
.donavant-media-controls button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:10px 14px; border:1px solid #f5f0e666; border-radius:2px; background:#18181acf; color:#f5f0e6; font:400 12px/1.3 var(--font-body-family,Lato,sans-serif); letter-spacing:.035em; cursor:pointer; box-shadow:none; backdrop-filter:blur(8px); }
.donavant-media-controls button:hover { background:#18181a; border-color:#b97745; }
.donavant-media-controls button:focus-visible { outline:2px solid #f5f0e6; outline-offset:4px; }
.donavant-media-controls svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.5; flex:none; }
.donavant-media-controls [data-play-toggle] { width:44px; padding:10px; }
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:12px; right:14px; gap:6px; } .donavant-media-controls button { font-size:11px; padding:9px 11px; } }