.page-hero-media { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.page-hero-camera, .page-hero-still, .page-hero-film { position: absolute; inset: 0; }
.page-hero-camera { transform-origin: 50% 0; }
.page-hero-still img { position: absolute; display: block; max-width: none; object-fit: fill; mask-mode: luminance; mask-size: 100% 100%; mask-repeat: no-repeat; mask-composite: add; }
.page-hero-room { filter: brightness(.42); }
.page-hero-film { opacity: 0; pointer-events: none; }
.page-hero-film > video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover; object-position: 50% 0; translate: none !important; scale: none !important; transform: none !important; visibility: visible !important; }
.page-hero-ready .page-hero-original { visibility: hidden !important; }
.page-hero-ready.page-hero-playing .page-hero-film { opacity: 1; }
.page-hero-ready.page-hero-playing .page-hero-still { visibility: hidden; }
.page-hero-play { position: absolute; z-index: 5; right: 20px; bottom: 24px; min-height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: #f2efe8; color: #101114; font: 500 .875rem/1.2 -apple-system,BlinkMacSystemFont,system-ui,sans-serif; cursor: pointer; }
.page-hero-play[hidden], .page-hero-media[hidden] { display: none; }
.page-hero-play:focus-visible { outline: 2px solid #f2efe8; outline-offset: 4px; }
@media (min-width: 761px) {
  .page-hero-ready:not(.page-hero-playing) .hero-veil { opacity: 0; }
  /* Retour Tex 05/09 : le calque de lecture couvrait le visage. Il est réduit
     et ramené sur la colonne de texte à gauche (centre 20 %, largeur 42 %) au
     lieu de 30 %/55 % qui débordait sur le sujet ; l'opacité descend de .94 à
     .62 comme il l'évoquait. Le bas de cadre garde son ancrage, plus bas et
     plus court, pour ne pas remonter sur le visage. */
  #coaching-hero.page-hero-ready .hero-read {
    background:
      linear-gradient(to bottom,rgba(3,3,3,.62),rgba(3,3,3,.26) 9%,transparent 18%),
      /* Voile latéral : il porte la lecture du titre sur toute la colonne de
         texte et s'éteint avant le visage, au lieu d'une ellipse centrée
         dessus. Mesuré : le titre passait à 1,87 sur l'épaule éclairée. */
      linear-gradient(to right, rgba(3,3,3,.86) 0%, rgba(3,3,3,.82) 42%, rgba(3,3,3,.62) 58%, rgba(3,3,3,.20) 70%, transparent 80%),
      radial-gradient(ellipse 40% 52% at 18% 58%, rgba(3,3,3,.40), transparent 74%),
      linear-gradient(to top,rgba(3,3,3,.60),transparent 48%);
  }
  /* Retour Tex 05/09 : la traînée noire assombrissait trop le hero et se
     voyait comme une bande. Les deux ellipses opaques (.96 et .92) sont
     remplacées par une montée douce depuis le bas, qui porte le titre et le
     sous-titre sans dessiner de forme. Le titre peut alors empiéter sur le
     personnage, comme il l'évoquait, sans qu'on ait à éteindre la photo. */
  #story-hero.page-hero-ready .sc-scrim--trail {
    background: linear-gradient(to top, rgba(3,3,3,.94) 0%, rgba(3,3,3,.88) 20%, rgba(3,3,3,.62) 38%, rgba(3,3,3,.24) 54%, transparent 72%);
  }
  /* Le titre déborde maintenant sur le personnage au lieu de rester cantonné
     à droite : la colonne s'élargit et remonte vers lui, la photo garde sa
     lumière puisque la lecture est portée par la montée du bas. */
  #story-hero.page-hero-ready .ouverture-copy { max-width: 44rem; }
}
@media (max-width: 760px) {
  .page-hero-film > video { object-position: 50% 50%; }
  .page-hero-play { right: 8px; width: 96px; padding: 0; font-size: .75rem; }
}
@media (prefers-reduced-motion: reduce) { .page-hero-media, .page-hero-play { display: none !important; } .page-hero-ready .page-hero-original { visibility: visible !important; } }

@media (prefers-reduced-motion: reduce) { #coaching-hero .sc-stage__poster, #story-hero .sc-stage__poster { opacity: 1 !important; visibility: visible !important; } }

/* Décision Tex 05/09 : header Accueil = référence de TOUTES les pages.
   La surcharge opaque de Coaching est retirée ; header-apple reste seul. */

/* Retour Tex 05/09, hero Coaching : dégager le visage en portant le texte
   plus à gauche, aligné sur le header. La trajectoire centre→gauche validée
   auparavant est conservée dans son principe, mais son point de départ part
   désormais du bord de la pile de navigation au lieu du centre du cadre. */
@media (min-width: 901px) {
  #coaching-hero .hero-copy {
    margin-left: calc((1 - clamp(0, var(--sc-p, 0), 1))
      * max(0px, (100vw - min(68vw, 1360px)) * .5 - clamp(20px, 6vw, 80px)));
  }
}