/* ============================================================================
   Strata Match — shared motion (CSS-only). Loaded on every page by ReskinLayout.
   Replaces the GSAP/ScrollTrigger/Lenis stack for speed + smoothness.
   ========================================================================== */

/* Native smooth in-page scrolling, clearing the sticky nav (was Lenis). */
html { scroll-behavior: smooth; scroll-padding-top: 84px; }

@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 180ms;
  animation-timing-function: cubic-bezier(.33, 1, .68, 1);
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 1ms;
  }
}

@media (prefers-reduced-motion: no-preference) {
  /* ---- Consistent subtle image zoom across all pages -----------------------
     Scroll-driven (no JS): band/hero/card images ease from a slight zoom to
     rest as they pass through the viewport. Progressive enhancement — only
     runs where scroll-driven animations are supported; otherwise images are
     static. Transform-only, GPU-friendly. */
  @supports (animation-timeline: view()) {
    .plate > img,
    .tool-card .ph > img,
    .section-masthead--with-image {
      animation: sm-img-zoom linear both;
      animation-timeline: view();
      animation-range: cover 0% cover 100%;
      transform-origin: 50% 50%;
      will-change: transform;
    }
    @keyframes sm-img-zoom {
      from { transform: scale(1.09); }
      to   { transform: scale(1); }
    }
  }
}