/* =========================================================================
   MONACO-GP — Section Hero
   Fond = photo (sans logo) · logo F1 GP 2027 = élément séparé · texte blanc
   Desktop : logo en haut à gauche, texte centré verticalement à gauche.
   Mobile  : logo + texte groupés, alignés à gauche, centrés verticalement.
   Typo (extraite du site) : overline Heebo 500/21px · titre 900/~51px maj
   sous-titre 700/21px maj · paragraphe 400/15.4px · ls .14px
   ========================================================================= */
.mgp-hero{
  position:relative;
  background-color:var(--mgp-navy,#203250);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  color:#fff;
  min-height:560px;
  display:flex;
  overflow:hidden;
}
/* voile dégradé pour lisibilité du texte à gauche */
.mgp-hero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,
    rgba(20,30,52,.72) 0%,
    rgba(20,30,52,.35) 46%,
    rgba(20,30,52,0) 78%);
  pointer-events:none;
}
.mgp-hero__inner{
  position:relative;z-index:1;
  width:100%;max-width:1600px;margin:0 auto;padding:0 40px;
  display:flex;align-items:center;   /* texte centré verticalement (desktop) */
}

/* Logo : en haut à gauche (desktop) */
.mgp-hero__logo{
  position:absolute;top:44px;left:40px;
  width:320px;height:auto;display:block;
}

.mgp-hero__content{max-width:600px;}

.mgp-hero__overline{
  font-size:21px;font-weight:500;letter-spacing:.14px;line-height:1.2;
  margin:0 0 7px;color:#fff;
}
.mgp-hero__title{
  font-size:clamp(34px,6.4vw,51px);font-weight:900;text-transform:uppercase;
  letter-spacing:.14px;line-height:1.06;margin:0 0 7px;color:#fff;
}
.mgp-hero__sub{
  font-size:clamp(16px,2.3vw,21px);font-weight:700;text-transform:uppercase;
  letter-spacing:.14px;line-height:1.25;margin:0 0 14px;color:#fff;
}
.mgp-hero__text{
  font-size:15.4px;font-weight:400;letter-spacing:.14px;line-height:1.28;
  margin:0;max-width:589px;color:#fff;
}

/* ---------- Mobile : logo + texte groupés, alignés à gauche ---------- */
@media (max-width:900px){
  .mgp-hero{min-height:400px;}
  .mgp-hero::before{
    background:linear-gradient(90deg,
      rgba(20,30,52,.78) 0%,
      rgba(20,30,52,.5) 55%,
      rgba(20,30,52,.25) 100%);
  }
  .mgp-hero__inner{
    flex-direction:column;
    align-items:flex-start;      /* aligné à gauche */
    justify-content:center;      /* centré verticalement */
    padding:40px 20px;
  }
  .mgp-hero__logo{
    position:static;
    width:auto;height:44px;margin:0 0 16px;   /* réf. mobile ~40px */
  }
  .mgp-hero__content{max-width:100%;}
  .mgp-hero__overline{font-size:var(--mgp-fs-md,16.1px);line-height:1.3;margin-bottom:10px;}
  .mgp-hero__title{font-size:25.2px;line-height:1.05;margin-bottom:8px;}
  .mgp-hero__sub{font-size:var(--mgp-fs-sm,15.4px);line-height:1.2;margin-bottom:12px;}
  .mgp-hero__text{font-size:var(--mgp-fs-xs,14px);line-height:1.35;}
}