/*
 * Patch V20 — identité du domaine intégrée dans la slide d'accueil.
 * Ce fichier est volontairement séparé de public.css afin de ne pas
 * écraser les ajustements CSS déjà faits sur le serveur.
 */

/* Sur l'accueil, le grand cartouche d'angle disparaît. */
.page-domaine .brand-lockup{
  display:none !important;
}

/* Le header redevient une barre de navigation légère. */
.page-domaine .header-inner{
  padding-left:0 !important;
  grid-template-columns:1fr auto !important;
  height:84px;
}
.page-domaine .nav{
  justify-self:center;
}
.page-domaine .header-actions{
  justify-self:end;
}

/* On récupère l'espace de la colonne gauche sans empiéter sur la photo. */
.page-domaine .hero-copy{
  padding-top:clamp(2.2rem,4.5vh,4rem);
  padding-bottom:clamp(2.4rem,5vh,4.5rem);
}

/* Signature de marque intégrée au hero. */
.hero-brand-block{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  margin:0 0 clamp(1.55rem,3vh,2.4rem);
}

.hero-brand-logo{
  width:clamp(230px,22vw,305px);
  max-width:72%;
  height:auto;
  object-fit:contain;
  display:block;
  margin:0 auto .65rem;
  mix-blend-mode:multiply;
}

.hero-brand-name{
  font-family:var(--brand-serif);
  font-size:clamp(1.32rem,1.75vw,1.85rem);
  line-height:1.05;
  letter-spacing:.065em;
  text-transform:uppercase;
  color:var(--ink);
  margin:0 0 .55rem;
}

.hero-brand-origin{
  display:block;
  margin:0;
}

/* La composition du titre reste éditoriale et alignée à gauche. */
.page-domaine .hero-copy > .title-xl,
.page-domaine .hero-copy > .lead,
.page-domaine .hero-copy > div:last-child{
  align-self:stretch;
}

/* Ecrans un peu plus bas : on compresse le bloc plutôt que la photo. */
@media (max-height:820px) and (min-width:981px){
  .page-domaine .hero-copy{
    padding-top:1.6rem;
    padding-bottom:2rem;
  }
  .hero-brand-block{
    margin-bottom:1.25rem;
  }
  .hero-brand-logo{
    width:clamp(205px,19vw,265px);
    margin-bottom:.45rem;
  }
  .hero-brand-name{
    font-size:clamp(1.15rem,1.5vw,1.55rem);
    margin-bottom:.38rem;
  }
  .page-domaine .title-xl{
    font-size:clamp(3.55rem,5vw,5.55rem);
  }
}

@media (max-width:980px){
  .page-domaine .header-inner{
    height:78px;
    padding-left:0 !important;
    grid-template-columns:1fr auto !important;
  }
  .page-domaine .nav{top:78px}
  .hero-brand-block{
    margin-bottom:1.6rem;
  }
  .hero-brand-logo{
    width:min(270px,62vw);
    max-width:none;
  }
}

@media (max-width:640px){
  .page-domaine .header-inner{
    height:72px;
    padding-left:0 !important;
  }
  .hero-brand-block{
    margin-bottom:1.35rem;
  }
  .hero-brand-logo{
    width:min(235px,68vw);
  }
  .hero-brand-name{
    font-size:1.15rem;
    letter-spacing:.05em;
  }
}