/**
 * Antigravity-style scroll effects — only apply when the browser supports them.
 * @see https://brm.us/antigravity (timeline-trigger + scroll-driven animations)
 */

/* ── Contact block: view() scale-up ─ */
@supports (animation-timeline: scroll()) and (animation-range: 0% 100%) {
  @keyframes ag-scale-up {
    from {
      scale: 0.85;
    }
  }

  #contact .card {
    animation: ag-scale-up linear both;
    animation-timeline: view();
    animation-range: entry 50% entry 100%;
  }

  #approach .approach-card {
    animation: ag-scale-up linear both;
    animation-timeline: view();
    animation-range: entry 45% entry 95%;
  }
}

@media (prefers-reduced-motion: reduce) {
  #contact .card,
  #approach .approach-card {
    animation: none;
  }
}