/* MoSoho homepage ONLY — unobstructed Day/Night gallery and auto-hiding navigation. */
body.page-home .site-header {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 500;
  transition: transform .65s ease, opacity .65s ease;
  will-change: transform;
}
/* Maintain original homepage layout; no sudden upward shift of content. */
body.page-home > main { padding-top: var(--mosoho-home-header-height, 76px); }
body.page-home.mosoho-nav-idle .site-header {
  transform: translateY(calc(-100% - 5px));
  opacity: 0;
  pointer-events: none;
}
/* Align small navigation badge with text, without changing the large hero badge. */
body.page-home .site-header .brand { align-items: center; }
body.page-home .site-header .brand img {
  display: block;
  width: 46px;
  height: 46px;
  object-fit: contain;
  flex: 0 0 46px;
  margin: 0;
  vertical-align: middle;
}
body.page-home .site-header .brand .museum-name { line-height: 1.2; }
/* Night photographs must extend behind the floating header, to top of viewport. */
html[data-mosoho-theme="night"] body.page-home .mosoho-home-neon {
  inset: 0 !important;
}
/* A small accessible tab stays available, particularly for touch devices. */
body.page-home .mosoho-nav-reveal {
  position: fixed;
  top: 0; left: 50%; transform: translateX(-50%);
  z-index: 501;
  padding: 5px 15px 7px;
  border: 1px solid rgba(255,255,255,.55);
  border-top: 0;
  border-radius: 0 0 13px 13px;
  background: rgba(20,18,24,.83);
  color: #fff;
  font: 600 12px/1.25 Arial, sans-serif;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease;
}
body.page-home.mosoho-nav-idle .mosoho-nav-reveal { opacity: 1; pointer-events: auto; }
body.page-home .mosoho-nav-reveal:focus-visible { outline: 3px solid #ffb347; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  body.page-home .site-header, body.page-home .mosoho-nav-reveal { transition: none; }
}