/* ==================================================
   HERO MASTER — TOUTES LES PAGES INTERNES
   Texte toujours intégralement dans la zone crème
   ================================================== */

@media(min-width:761px){

  body main > section.hero{
    position:relative !important;
    overflow:hidden !important;

    min-height:480px !important;

    padding-left:10% !important;
    padding-right:5% !important;

    align-items:flex-start !important;
    text-align:left !important;
  }

  /* Voile crème commun */
  body main > section.hero::before{
    content:"" !important;

    display:block !important;

    position:absolute !important;
    z-index:1 !important;

    left:0 !important;
    top:0 !important;
    bottom:0 !important;

    width:53% !important;

    background:
      linear-gradient(
        90deg,
        rgba(255,250,239,1) 0%,
        rgba(255,250,239,1) 70%,
        rgba(255,250,239,.97) 82%,
        rgba(255,250,239,.72) 91%,
        rgba(255,250,239,0) 100%
      ) !important;

    pointer-events:none !important;
  }

  /* Tous les éléments textuels restent dans 40 % */
  body main > section.hero > *{
    position:relative !important;
    z-index:2 !important;

    width:100% !important;
    max-width:40% !important;
  }

  body main > section.hero h1{
    max-width:100% !important;
  }

  body main > section.hero .lead{
    width:100% !important;
    max-width:500px !important;

    font-size:23px !important;
    line-height:1.48 !important;
  }

  body main > section.hero .button{
    width:auto !important;
    align-self:flex-start !important;
  }
}

/* TABLETTE / MOBILE */

@media(max-width:760px){

  body main > section.hero::before{
    content:"" !important;

    display:block !important;

    position:absolute !important;
    z-index:1 !important;

    inset:0 !important;

    width:86% !important;

    background:
      linear-gradient(
        90deg,
        rgba(255,250,239,1) 0%,
        rgba(255,250,239,.97) 68%,
        rgba(255,250,239,.55) 88%,
        rgba(255,250,239,0) 100%
      ) !important;
  }

  body main > section.hero > *{
    position:relative !important;
    z-index:2 !important;

    width:100% !important;
    max-width:72% !important;
  }
}

/* ==================================================
   POSITION TEXTE DEFINITIVE
   AUCUNE MODIFICATION DES IMAGES
   ================================================== */

@media(min-width:761px){

  body main > section.hero{
    padding-left:8% !important;
    padding-right:0 !important;
  }

  /*
   * Colonne de texte volontairement étroite :
   * elle reste entièrement dans la partie crème.
   */
  body main > section.hero > *{
    width:100% !important;
    max-width:37% !important;
  }

  body main > section.hero .eyebrow{
    max-width:37% !important;
  }

  body main > section.hero h1{
    max-width:37% !important;
  }

  body main > section.hero .lead{
    width:100% !important;
    max-width:460px !important;

    margin-left:0 !important;
    margin-right:0 !important;
  }

  body main > section.hero .button{
    width:auto !important;
    max-width:none !important;
    margin-left:0 !important;
  }

}

/* MOBILE */

@media(max-width:760px){

  body main > section.hero{
    padding-left:7% !important;
  }

  body main > section.hero > *{
    max-width:68% !important;
  }

  body main > section.hero .lead{
    max-width:68% !important;
  }

}