/* Retouches Plainview Studio (octobre 2026), chargees apres la feuille Webflow.
   Le site melange des tailles calees sur la largeur de l'ecran (vw) et sur sa hauteur (vh) :
   ces regles recalent ce qui se decalait des que la fenetre n'etait pas au format 16:9. */

/* 1. Premier ecran : cadre montagne, foret et icones forment un bloc solidaire, cale sur le bloc
      « Nous creons votre univers ». Valeurs mesurees sur le dessin d'origine en 16:9. */
@media screen and (min-width: 992px) {
  .home-right-good .block-anim-front-page { position: absolute; left: 0; right: 0; margin: 0; }
  .home-right-good .image-5 { width: 100%; max-width: none; height: auto; aspect-ratio: 1 / 1; margin: 0; } /* PNG carre */
  .home-right-good .mountains { bottom: auto; right: auto; }
  .home-right-good .reseaux { bottom: auto; margin-top: 0; margin-bottom: 0; align-items: flex-start; }
}
@media screen and (min-width: 992px) and (max-width: 1439px) {
  /* Le dessin d'origine laissait ici le cadre 20px sous le bloc texte et les icones a cheval sur son
     trait du bas : on reprend les proportions des grands ecrans (bas du cadre ~ bas du bloc, icones dessous) */
  .home-right-good .block-anim-front-page { top: calc(50vh - 29.44vw); }
  /* hauteur portee de 60.98 % a 62 % : la parallaxe Webflow remonte la foret de 4px et decouvrait le bas */
  .home-right-good .mountains { top: 13.41%; left: 0.24%; width: 99.15%; height: 62%; }
  .home-right-good .reseaux { top: calc(50vh + 14.89vw); }
}
@media screen and (min-width: 1440px) {
  .home-right-good .block-anim-front-page { top: calc(50vh - 28.1vw); }
  .home-right-good .mountains { top: 20.11%; left: 0.09%; width: 99.82%; height: 58.17%; }
  .home-right-good .reseaux { top: calc(50vh + 14.76vw); }
}

/* 2. Menu du haut : le point qui apparait au survol se centre sur les lettres au lieu de tomber
      (decalage calcule a partir des marges Webflow, qui melangent px, vw et vh) */
@media screen and (min-width: 992px) and (max-width: 1439px) {
  .nav-menu-2 > img[class^="dot-"] { position: relative; top: calc(1.87vh - 0.5vw - 10px); height: 0.7vw; }
}
@media screen and (min-width: 1440px) {
  .nav-menu-2 > img[class^="dot-"] { top: calc(10px - 1.38vh); }
}

/* 3. Menu flottant : le mot de la section en cours et le mot survole s'allument,
      en jaune sur les sections bleues, en bleu sur les sections jaunes */
._02-menu-link-dark-blue, ._02-menu-link-dark-yellow { transition: color 250ms ease; }
.nav-menu-3 > div { cursor: pointer; }
.nav-menu-3 ._02-menu-link-dark-blue.pv-actuel,
.nav-menu-3 > div:hover ._02-menu-link-dark-blue { color: #fffd98; }
.nav-menu-3 ._02-menu-link-dark-yellow.pv-actuel,
.nav-menu-3 > div:hover ._02-menu-link-dark-yellow { color: #2c3289; }