@media (max-width: 760px) {
  .ss-site .rental-hub-hero .rental-shot-accent { display: none; }
  .ss-site #inquiry { scroll-margin-top: 150px; }
}

/* Essential process copy must not depend on a scroll observer firing. */
@media (max-width: 760px) {
  .ss-site.motion-ready .home-process.lower-motion .step,
  .ss-site.motion-ready .home-process.lower-motion .step.reveal,
  .ss-site.motion-ready .home-inquiry.lower-motion .planner > div {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Match Safari browser chrome to the dark site header. */
@media (max-width: 900px) { html, body { background-color: #25292a !important; } }

@media (max-width: 900px) {
  .ss-site .studio-header.header {
    top: calc(22px + env(safe-area-inset-top, 0px));
    left: max(3.5%, env(safe-area-inset-left, 0px));
    right: max(3.5%, env(safe-area-inset-right, 0px));
  }
  .ss-site .studio-header .navlinks {
    max-height: calc(100svh - 112px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  }
}

/* Mobile content remains readable if an entrance observer misses a section.
   Deliberate display/hidden states for tabs and disclosure controls stay intact. */
@media (max-width: 760px) {
.ss-site.motion-ready .reveal,
.ss-site.motion-ready .experience-card:not(.is-in-view) .scene-steps>span,
.ss-site.motion-ready .lower-motion .step,.ss-site.motion-ready .lower-motion .planner>div,.ss-site.motion-ready .lower-motion .faq-card,
.ss-site.motion-ready .installs-framer:not(.install-visible) .detail,.ss-site.motion-ready .installs-framer:not(.install-visible) .install-project,.ss-site.motion-ready .installs-framer:not(.install-visible) .stage-layout,
.ss-site.motion-ready .garage-reveal:not(.garage-visible) .garage-considerations article,.ss-site.motion-ready .garage-reveal:not(.garage-visible) .garage-measure-grid article,
.ss-site.motion-ready .stay-reveal:not(.stay-visible) .stay-pillars article,.ss-site.motion-ready .stay-reveal:not(.stay-visible) .stay-planning-grid article,
.ss-site.motion-ready .cad-reveal:not(.cad-visible) .cad-team-grid article,.ss-site.motion-ready .cad-reveal:not(.cad-visible) .cad-plan-grid article,.ss-site.motion-ready .cad-reveal:not(.cad-visible) .cad-sequence-grid article,
.ss-site.motion-ready .commercial-reveal:not(.commercial-visible) .commercial-pillars article,.ss-site.motion-ready .commercial-reveal:not(.commercial-visible) .commercial-project-grid article,
.ss-site.motion-ready .rental-motion:not(.rental-visible) .catalog-card,.ss-site.motion-ready .rental-motion:not(.rental-visible) .rental-signature-grid>article,.ss-site.motion-ready .rental-motion:not(.rental-visible) .detail,.ss-site.motion-ready .rental-motion:not(.rental-visible) .step {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
}

/* The two dark sections whose disclosure controls inherited dark text. */
@media (max-width: 760px) {
 .ss-site .home-inquiry .ss-mobile-toggle,
 .ss-site .production-proof .ss-mobile-toggle {
  color: #eff7f4 !important;
  border-color: #8fb9ab !important;
  background: #25292a;
 }
}