/* components/industry-parallax/industry-parallax.css
 *
 * Branschsidorna: mycket svag parallax i de stora bilderna efter heron (zigzag-korten,
 * .brk-ic__card-image). Bilden glider lite inom sin ram medan den passerar skärmen –
 * bildutsnittet flyttas (object-position), inget element byter storlek eller plats.
 * Rörelsen är ett fast avstånd (±--parallax-shift från mitten, 24 px totalt), så den känns
 * lika på liggande, kvadratiska och stående bilder. Procent räknades på bildens överskott i
 * ramen och gav 24 px på en 3:2-bild men 180 px på Cements stående (2026-11-09).
 * Bilder bredare än 16:9 har inget överskott på höjden och skulle visa kanten: kräver
 * minst 2 × --parallax-shift i överskott. Test 2026-11-09.
 *
 * Scroll-styrd CSS-animation (animation-timeline: view()), inget skript. Webbläsare som
 * saknar stödet visar bilden still. Av vid reducerad rörelse. Styrka: --parallax-shift.
 */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .brk-ic__card-image {
      animation: brk-parallax linear both;
      animation-timeline: view();
      animation-range: cover;
    }
  }
}

@keyframes brk-parallax {
  from { object-position: 50% calc(50% - var(--parallax-shift)); }
  to   { object-position: 50% calc(50% + var(--parallax-shift)); }
}