/* Dream Bezier v10.14.4d — Hero MP4 audio beside the metadata pill. */
.hero-meta-controls {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  min-width: 0;
  margin-bottom: 4px;
}
.hero-meta-controls .slider__rating { margin-bottom: 0; }
.hero-audio {
  position: relative;
  inset: auto;
  z-index: 16;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  pointer-events: none;
}
.hero-audio__toggle {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  padding: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.44);
  border-radius: 50%;
  color: #fff;
  background: rgba(18,20,23,.28);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  cursor: pointer;
  pointer-events: auto;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.hero-audio__toggle[hidden] { display: none !important; }
.hero-audio__toggle:hover, .hero-audio__toggle:focus-visible {
  background: rgba(30,32,36,.58);
  border-color: rgba(255,255,255,.86);
}
.hero-audio__toggle:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.hero-audio__icon { width: 19px; height: 19px; }
.hero-audio__icon--audible { display: none; }
.hero-audio__toggle.is-sound-on .hero-audio__icon--muted { display: none; }
.hero-audio__toggle.is-sound-on .hero-audio__icon--audible { display: block; }
/* Tooltip floats above the icon instead of pushing metadata out of alignment. */
.hero-audio__hint {
  position: absolute;
  right: 0;
  bottom: calc(100% + 9px);
  white-space: nowrap;
  color: rgba(255,255,255,.96);
  background: rgba(17,19,22,.72);
  border: 1px solid rgba(255,255,255,.23);
  border-radius: 6px;
  padding: 8px 11px;
  font: 500 11px/1.2 'Work Sans', sans-serif;
  letter-spacing: .025em;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(5px);
  transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
}
.hero-audio__hint.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
@keyframes dbAudioInvite { 0%,100%{border-color:rgba(255,255,255,.44)} 50%{border-color:rgba(255,255,255,.95)} }
.hero-audio__toggle.hero-audio--invite { animation: dbAudioInvite 1.2s ease-in-out 2; }
@media (max-width: 768px) {
  .slider__logo-row { flex-wrap: wrap; }
  .hero-meta-controls { gap: .4rem; }
  .hero-audio__toggle { width: 36px; height: 36px; flex-basis: 36px; padding: 7px; }
  .hero-audio__hint { padding: 7px 8px; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-audio__hint, .hero-audio__toggle { transition: none; }
  .hero-audio__toggle.hero-audio--invite { animation: none; }
}