/* INAVI landing — responsive + reduced-motion overrides.
 * Loaded LAST so these media queries win over the component stylesheets. */

/* ===== Responsive ===== */
@media (max-width: 900px) {
  .tiles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 820px) {
  /* stacks reversed rows too — this sheet loads last, so .prow wins over .prow--rev */
  .prow {
    flex-direction: column;
    align-items: stretch;
    gap: 26px;
    padding: 36px 0;
  }
  .pcard {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .nav-right > a {
    display: none;
  }
  .tiles {
    grid-template-columns: 1fr;
  }
  .legal-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  #about,
  #platforms,
  #legal {
    padding: 60px 0;
  }
  .contact-card {
    padding: 56px 22px;
  }
}

/* ===== Reduced motion — kill ambient loops, keep content visible ===== */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .scroll-cue,
  .wt-glow,
  .hero-blob,
  .contact-blob {
    animation: none;
  }
  .wt-step,
  .wt-dot {
    transition: none;
  }
}