/* Museum of Soho: homepage introduction toggle — day and night only. */
body.page-home .hero {
  transition: opacity 1.2s ease, transform 1.2s ease, visibility 1.2s ease;
}
body.page-home .hero.mosoho-hero-hidden {
  opacity: 0;
  transform: translateY(60px);
  visibility: hidden;
  pointer-events: none;
}
body.page-home .mosoho-hero-toggle {
  position: fixed;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  background: rgba(20,18,24,.88);
  color: #fff;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 30px;
  padding: 11px 22px;
  font-size: 13px;
  letter-spacing: .04em;
  cursor: pointer;
  backdrop-filter: blur(10px);
  max-width: calc(100vw - 32px);
}
body.page-home .mosoho-hero-toggle:hover { background: rgba(65,55,75,.95); }
body.page-home .mosoho-hero-toggle:focus-visible { outline: 3px solid #ffb347; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  body.page-home .hero { transition: none; }
}