/* Animations au défilement façon Apple (pilotées par assets/scroll-apple.js) */
@media (prefers-reduced-motion:no-preference){
  .hero-pin .hero-grid{will-change:transform,opacity,filter;transform-origin:50% 40%}
  .hero-pin .hb-blob{will-change:scale,opacity}
  .cf-metiers .cf-roll{transform-origin:50% 50%;will-change:transform,opacity}
  .aw-on .aw{opacity:var(--aw,1);transition:opacity .15s linear}
  /* scènes épinglées */
  .sa-pin{position:sticky!important;z-index:1}
  .sa-spacer{pointer-events:none}
  .cf-metiers .cf-st{overflow:visible!important}
  #confiance,#marques{overflow-x:clip}
  .sa-cf .cf-rail{will-change:transform,opacity}
  /* colonnes de la gamme : elles surgissent de la profondeur, l'une après l'autre */
  #marques .gm-row.sa-driven .gm-col{opacity:var(--ap,1)!important;translate:none!important;
    transform:perspective(1100px) translateY(calc((1 - var(--ap,1)) * 180px)) translateZ(calc((1 - var(--ap,1)) * -260px)) rotateX(calc((1 - var(--ap,1)) * 28deg));
    transform-origin:50% 100%;transition:none!important}
  #marques .gm-row:not(.sa-driven) .gm-col{transform:perspective(1000px) rotateX(calc((1 - var(--ap,1)) * 16deg)) translateY(calc((1 - var(--ap,1)) * 50px));transform-origin:50% 100%}
  .sa-card{transform:translateY(calc((1 - var(--ap,1)) * 70px)) scale(calc(.92 + var(--ap,1) * .08));transform-origin:50% 100%}
  /* vitrine des références : elle grandit jusqu'à sa taille, coins qui s'adoucissent */
  .sa-zoom{transform:scale(calc(.78 + var(--ap,1) * .22));opacity:calc(.3 + var(--ap,1) * .7);transform-origin:50% 0}
}
/* les mots découpés restent en ligne même quand le titre met ses <span> en bloc */
.aw-on span.aw{display:inline!important;margin:0!important;padding:0!important;background:inherit;-webkit-background-clip:inherit;background-clip:inherit;color:inherit}