/* ==========================================================================
   correctifs.css — corrections d'affichage ajoutées après l'export Framer
   --------------------------------------------------------------------------
   Chargé sur toutes les pages, juste avant custom.css. Chaque bloc corrige un
   défaut précis sans toucher à la mise en page ; supprimez un bloc pour
   revenir au comportement d'origine. Le premier groupe ne concerne que la
   version ordinateur (min-width: 1200px), le second que la version téléphone.
   ========================================================================== */

@media (min-width: 1200px) {

  /* --- Page margiela : la peinture blanche de l'intro ---------------------
     Le repère « peinture » déclenche l'animation quand il arrive au milieu de
     l'écran. Placé à 671 px du haut, il se trouvait déjà au-dessus du milieu
     dans une fenêtre haute (plus de 1342 px de haut à l'échelle de la page,
     ce qui arrive dès qu'on réduit la largeur de la fenêtre) : l'animation
     partait toute seule à l'ouverture. Il suit maintenant la hauteur de
     l'écran, pour ne se déclencher qu'après un premier scroll (131 px, comme
     sur un écran 1920 × 1080). */
  .framer-G77VA .framer-39v8gs {
    top: max(671px, calc(50vh + 131px)) !important;
  }

  /* --- Page margiela : logo animé (chiffres 0-23) sur la vidéo ------------
     Sa largeur suit la largeur de l'écran et sa hauteur la hauteur de
     l'écran : dans une fenêtre plus haute que large, le cadre devenait trop
     étroit et rognait le logo sur les côtés. La hauteur est maintenant
     plafonnée pour garder les proportions du cadre d'un écran 16/9, en
     restant centré au même endroit. Sur un écran 16/9 rien ne change. */
  .framer-6XrOV .framer-1co5x95 {
    height: min(34%, 19.27vw) !important;
    top: calc(54.434% - min(33.639%, 19.27vw) / 2) !important;
  }

  /* --- Page margiela : fond blanc après le gant ---------------------------
     Le blanc venait uniquement de la dernière image de chaque vidéo de
     peinture : à chaque changement d'étape, la vidéo était remplacée par la
     suivante et le fond noir réapparaissait le temps qu'elle se rejoue. Une
     fois la peinture passée (étapes « image après gant » 1 et 2), le fond
     reste blanc. */
  .framer-aOvSZ.framer-v-xlxs36,
  .framer-aOvSZ.framer-v-38c571 {
    background-color: #fff !important;
  }

  /* --- Page margiela : bandeau de fin (menu sur fond noir) ----------------
     Le bandeau est placé tout en bas de la page (à 13297 px), mais le bloc
     « GANTS », qui garde la vidéo du taureau collée à l'écran, descendait
     jusqu'au bas de la page et le recouvrait : il restait caché sous la
     vidéo. Le bloc s'arrête maintenant au début du bandeau (7471 + 5826 =
     13297) : à la fin du scroll, la vidéo remonte et laisse apparaître le
     bandeau sous elle. */
  .framer-G77VA .framer-8btiov {
    height: 5826px !important;
  }

  /* --- Page project-direction : menu du haut ------------------------------
     Le menu était placé à 637 px du bord gauche, ce qui ne le cale à droite
     que sur un écran de 1200 px de large : sur un écran plus large il
     restait au milieu. Il est maintenant accroché au bord droit, à 12 px,
     comme sur les autres pages. */
  .framer-P5Zte .framer-ubn6od {
    left: auto !important;
    right: 12px !important;
  }
}

@media (max-width: 1199.98px) {

  /* --- Page margiela : bandeau de fin, version téléphone ------------------
     La vidéo de fin fait la hauteur de l'écran, alors que le bandeau est
     placé à une hauteur fixe : sur un écran plus haut que 761 px, la vidéo
     dépassait sous le bandeau, qui se retrouvait au milieu de l'image. Il
     reste maintenant collé au bas de la vidéo (5555 = début de la vidéo,
     70 = hauteur du bandeau). */
  .framer-G77VA .framer-1186ugi-container {
    top: max(6246px, calc(5555px + 100vh - 70px)) !important;
  }
}