/* Optional mobile hero controls. Desktop appearance is unchanged during autoplay. */
.hero-video-toggle {
  position: absolute;
  z-index: 5;
  right: clamp(20px, 3.5vw, 62px);
  bottom: 86px;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 11px 18px;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 999px;
  color: #fff;
  background: rgba(44, 30, 24, .88);
  box-shadow: 0 8px 25px rgba(0, 0, 0, .24);
  font: 700 12px/1.4 Arial, sans-serif;
  letter-spacing: .02em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.hero-video-toggle[hidden] { display: none !important; }
.hero-video-toggle:hover { background: rgba(44, 30, 24, 1); }
.hero-video-toggle:focus-visible { outline: 3px solid #e4d3c7; outline-offset: 3px; }
/* The user may explicitly opt in to playback even with Reduce Motion enabled. */
.hero.hero-video--manual .hero-video { display: block; }
@media (max-width: 680px) {
  .hero-video-toggle { right: 20px; bottom: 78px; max-width: calc(100% - 40px); }
}