/* ==================================================
   GEKOS — REDUCED MOTION
   Accessibility & Motion Safety Layer
   WCAG 2.2 / prefers-reduced-motion compliant
   Status: FINAL / HARDENED / NON-DESTRUCTIVE
================================================== */

/* ==================================================
   SYSTEM MOTION REDUCTION
   Respect user preference without breaking layout
================================================== */

@media (prefers-reduced-motion: reduce) {

  /* ------------------------------------------
     Global motion suppression (SAFE METHOD)
     - No duration hacks
     - No layout interference
  ------------------------------------------ */
  * {
    animation: none !important;
    transition: none !important;
  }

  /* ------------------------------------------
     Scroll behavior
  ------------------------------------------ */
  html {
    scroll-behavior: auto !important;
  }

  /* ------------------------------------------
     HERO — Motion removal, hierarchy preserved
  ------------------------------------------ */
  .hero-video,
  .geko-video,
  .hero-orb,
  .hero-globe {
    animation: none !important;
    transform: none !important;
    filter: none !important;
  }

  .hero-overlay {
    animation: none !important;
  }

  /* ------------------------------------------
     HERO COPY — static, readable, intentional
  ------------------------------------------ */
  .hero-title,
  .hero-subtitle,
  .hero-scroll-line,
  .hero-exit-line {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
  }

  .hero-scroll-line,
  .hero-exit-line {
    opacity: 0.65 !important;
  }

  /* ------------------------------------------
     NARRATIVE DESCENT
     Preserve visual rhythm, remove transforms
  ------------------------------------------ */
  .narrative-descent,
  .narrative-descent * {
    animation: none !important;
    transform: none !important;
  }

  /* ------------------------------------------
     PARALLAX / DEPTH (explicitly gated)
  ------------------------------------------ */
  [data-parallax],
  [data-depth],
  [data-motion] {
    animation: none !important;
    transform: none !important;
  }

  /* ------------------------------------------
     GSAP / ScrollTrigger markers (defensive)
  ------------------------------------------ */
  .gsap-marker-start,
  .gsap-marker-end,
  .gsap-marker-scroller-start,
  .gsap-marker-scroller-end {
    display: none !important;
  }

  /* ------------------------------------------
     Scroll / Exit cues — static hints only
  ------------------------------------------ */
  .scroll-cue,
  .exit-cue {
    animation: none !important;
    transform: none !important;
    opacity: 0.8 !important;
  }
}

/* ==================================================
   MOBILE HERO — OPTICAL COMPRESSION
   (Independent of reduced motion)
================================================== */

@media (max-width: 768px) {

  .hero-copy {
    padding-inline: 1.25rem;
  }

  .hero-title {
    font-size: clamp(1.9rem, 7vw, 2.6rem);
    letter-spacing: 0.03em;
    line-height: 1.1;
  }

  .hero-subtitle {
    font-size: 0.95rem;
  }

  .hero-scroll-line,
  .hero-exit-line {
    display: none;
  }
}