/* ==========================================================================
   AEROVISTA — TABLET, LANDSCAPE, REDUCED MOTION
   Phone layouts live in mobile.css (loaded only ≤ 768px).
   ========================================================================== */

/* --- ≤ 1100px : tablets --- */
@media (max-width: 1100px) {
  :root { --sheet-w: 520px; --sec-gap: 18vh; }
  .stagger { grid-template-columns: 1fr; }
  .stagger .sheet--right { margin-top: 0; }
  .stats { grid-template-columns: repeat(3, 1fr); }
  .residence-panel.is-active { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: span 2; }
  .site-menu-inner { grid-template-columns: 1fr; gap: 2.5rem; align-items: start; }
}

/* --- Phone landscape --- */
@media (max-height: 520px) and (orientation: landscape) {
  .hero-title-word { font-size: 2.4rem; }
  .hero-facts, .hero-actions { display: none; }
  .hero-intro { padding-bottom: 1.25rem; }
  :root { --scrub-track: 900vh; }
}

/* --- Reduced motion: still image, no scrub runway --- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  :root { --scrub-track: 100vh; }
  .hero-video { display: none; }
  .hero-poster-fallback { opacity: 1 !important; }
  .scrub-ui { display: none; }
  .hero-scroll-line { animation: none; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}