/* Page news : quatre scenes mesurees sur apple.com/chfr/macbook-pro le 27.10.2026.
   Scene 1 : texte-masque (.mask-text). Scene 2 : recul de l'image (section Ecran).
   Scene 3 : fondus enchaines du registre (section gamme). Scene 4 : chiffres du banc (.mx-scroll).
   Variables --az-* : bloc :root de {langue}/news.html. */
.scene,.recul{position:relative;height:calc(100vh + 2700px);background:#000;}
.scene__scene,.recul__scene{position:sticky;top:var(--az-ln);height:calc(100vh - var(--az-ln));overflow:hidden;}

.scene__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;}
.scene__masque,.scene__grille{position:absolute;inset:0;}
.scene__masque{display:flex;align-items:center;justify-content:center;background:#000;mix-blend-mode:multiply;}
.scene__mot{margin:0;font:600 80px/84px var(--az-disp);letter-spacing:-1.2px;color:var(--az-ink);white-space:nowrap;}
.scene__avant{position:absolute;left:0;right:0;bottom:calc(50% + 42px + 12px);margin:0;padding:0 6.25%;
  font:600 21px/25px var(--az-disp);letter-spacing:.231px;text-align:center;color:var(--az-ink);opacity:0;}
.scene__suite{position:absolute;left:0;right:0;top:calc(50% + 42px + 40px);max-width:980px;margin:0 auto;
  padding:0 6.25%;text-align:center;opacity:0;}
.scene__kicker{margin:0 0 14px;font:600 17px/21px var(--az-text);letter-spacing:-.374px;color:var(--az-gray);}
.scene__h{margin:0 0 16px;font:600 48px/52px var(--az-disp);letter-spacing:-.144px;color:var(--az-ink);}
.scene__p{margin:0 auto;max-width:44ch;font:400 21px/29px var(--az-text);letter-spacing:.231px;color:var(--az-gray);}

.recul__scene{display:flex;align-items:center;justify-content:center;}
.recul__image{flex:none;width:142.15vw;height:auto;aspect-ratio:2047/1252;border-radius:56px;overflow:hidden;
  transform-origin:50% 50%;transform:translateY(46.5px) scale(.9282);}
.recul__image img{display:block;width:100%;height:100%;object-fit:cover;}
.recul__texte{max-width:980px;margin:0 auto;padding:56px 6.25% 144px;text-align:center;}
.recul__kicker{margin:0 0 14px;font:600 17px/21px var(--az-text);letter-spacing:-.374px;color:var(--az-gray);}
.recul__h{margin:0 0 16px;font:600 48px/52px var(--az-disp);letter-spacing:-.144px;color:var(--az-ink);}
.recul__p{margin:0 auto;max-width:44ch;font:400 21px/29px var(--az-text);letter-spacing:.231px;color:var(--az-gray);}
.recul__meta{display:block;margin-top:20px;font:400 12px/16px var(--az-text);letter-spacing:-.12px;color:var(--az-gray);}

/* Scene 3 : zone de 2700 px pour 900 px d'ecran chez Apple, soit 1800 px de collage ; seule l'opacite change.
   Les trois panneaux sont empiles dans la meme case. */
.gamme{position:relative;height:calc(100vh - var(--az-ln) + 1800px);}
.gamme__scene{position:sticky;top:var(--az-ln);height:calc(100vh - var(--az-ln));display:flex;flex-direction:column;justify-content:center;}
.gamme__panneaux{display:grid;}
.gamme__panneau{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:64px;align-items:center;}
.gamme__media{position:relative;aspect-ratio:16/9;border-radius:var(--az-r);overflow:hidden;background:#161617;}
.gamme__media img{display:block;width:100%;height:100%;object-fit:cover;}
.gamme__certs{display:flex;align-items:center;justify-content:center;gap:24px;}
.gamme__certs span{background:#fff;border-radius:18px;padding:14px;display:grid;place-items:center;}
.gamme__certs img{display:block;width:auto;height:auto;max-width:64px;max-height:64px;}
.gamme__kicker{margin:0 0 10px;font:600 17px/21px var(--az-text);letter-spacing:-.374px;color:var(--az-gray);}
.gamme__h{margin:0 0 10px;font:600 28px/32px var(--az-disp);letter-spacing:.196px;color:var(--az-ink);}
.gamme__p{margin:0;font:400 17px/25px var(--az-text);letter-spacing:-.374px;color:var(--az-gray);}
.gamme__meta{display:block;margin-top:14px;font:400 12px/16px var(--az-text);letter-spacing:-.12px;color:var(--az-gray);}
@media (min-width:735px) and (prefers-reduced-motion:no-preference){
  .gamme__panneau:not(:first-child) .gamme__media,.gamme__panneau:not(:first-child) .gamme__copie,
  .gamme__panneau:not(:first-child) .gamme__meta{opacity:0;}
}

/* Scene 4 : sans la partie texte-masque d'Apple, il reste 1890 px de collage ; tailles et couleurs relevees.
   Positions Apple apres la remontee de 190 px : surtitre a 206 px du haut, titre a 328, texte a 472. */
.chiffres{position:relative;height:calc(100vh - var(--az-ln) + 1890px);background:#000;}
.chiffres__scene{position:sticky;top:var(--az-ln);height:calc(100vh - var(--az-ln));overflow:hidden;}
.chiffres__grille{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:344px;}
.chiffres__eyebrow{margin:0 0 94px;font:600 24px/28px var(--az-disp);color:var(--az-ink);}
.chiffres__titre{margin:0 0 56px;font:600 80px/84px var(--az-disp);letter-spacing:-1.2px;
  background-image:linear-gradient(90deg,#e4f6f0,#9dcfca 31%,#6b95ac 68%,#45657d);
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.chiffres__pile{display:grid;width:831px;max-width:100%;}
.chiffres__pile > *{grid-area:1/1;margin:0;}
.chiffres__copie,.chiffres__suite{font:600 21px/25px var(--az-disp);color:var(--az-gray);}
.chiffres__copie strong,.chiffres__suite strong{color:var(--az-ink);font-weight:600;}
.chiffres__stat{justify-self:center;max-width:612px;font:600 32px/36px var(--az-disp);
  background-image:linear-gradient(90deg,#e4f6f0,#9dcfca 31%,#6b95ac 68%,#45657d);
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.chiffres__suite{margin-top:132px;}
.chiffres__source{display:block;margin-top:20px;font:400 12px/16px var(--az-text);letter-spacing:-.12px;color:var(--az-gray);}
@media (min-width:735px) and (prefers-reduced-motion:no-preference){
  .chiffres__eyebrow,.chiffres__titre,.chiffres__copie,.chiffres__stat,.chiffres__suite{opacity:0;}
}

@media (max-width:734px){
  .scene__mot{font-size:48px;line-height:52px;letter-spacing:-.144px;}
  .scene__avant{font-size:17px;line-height:21px;letter-spacing:-.374px;}
  .scene__h,.recul__h{font-size:32px;line-height:36px;letter-spacing:.128px;}
  .scene__p,.recul__p{font-size:17px;line-height:25px;letter-spacing:-.374px;}
}

/* Telephone (mesure Apple a 375 px : effets coupes) et mouvement reduit : scenes fixes. */
@media (max-width:734px),(prefers-reduced-motion:reduce){
  .scene,.recul{height:auto;}
  .scene__scene{position:relative;top:auto;height:auto;padding:112px 0;display:flex;flex-direction:column;align-items:center;}
  .scene__photo{display:none;}
  .scene__masque{position:static;order:2;background:none;mix-blend-mode:normal;}
  .scene__mot{background-image:linear-gradient(90deg,#e4f6f0,#9dcfca 31%,#6b95ac 68%,#45657d);
    -webkit-background-clip:text;background-clip:text;color:transparent;}
  .scene__grille{display:contents;}
  .scene__avant{position:static;order:1;opacity:1;}
  .scene__suite{position:static;order:3;opacity:1;margin-top:40px;}
  .recul__scene{position:relative;top:auto;height:auto;padding:112px 0 0;}
  .recul__image{width:87.5vw;max-width:1035px;aspect-ratio:16/9;border-radius:28px;transform:none;}
  /* Mesure Apple a 375 px : les grilles de la section gamme sont simplement empilees. */
  .gamme{height:auto;}
  .gamme__scene{position:static;height:auto;display:block;}
  .gamme__panneaux{gap:56px;}
  .gamme__panneau{grid-area:auto;grid-template-columns:1fr;gap:24px;}
  .chiffres{height:auto;}
  .chiffres__scene{position:static;height:auto;}
  .chiffres__grille{padding:112px 6.25%;}
  .chiffres__eyebrow{margin-bottom:20px;}
  .chiffres__titre{font-size:48px;line-height:52px;letter-spacing:-.144px;}
  .chiffres__pile{display:flex;flex-direction:column;gap:32px;width:auto;}
  .chiffres__suite{margin-top:0;}
}