/* Portables (13/11/2026, Aziz : « mal adapté sur mon portable ») : écrans bas (≈ 650-800 px de haut, Windows à 125-150 %).
   Le haut de l'accueil tient dans la fenêtre : démo plus courte, textes et espaces resserrés avec la hauteur. Rien ne change au-dessus de 820 px de haut. */
@media (min-width:1280px) and (max-height:820px){
  .hero{padding-top:clamp(28px,4vh,48px);padding-bottom:clamp(28px,5vh,56px)}
  .hero-gauche h1{font-size:clamp(38px,6.2vh,52px)}
  .hero-gauche .lead{font-size:clamp(16px,2.3vh,18px)}
  .hero-offre-bloc{margin-top:clamp(18px,3vh,30px)}
  .hero-form{margin-top:clamp(14px,2.4vh,26px)}
  .db-corps{height:clamp(340px,calc(100vh - 300px),540px)!important}
}
@media (min-width:1000px) and (max-width:1279px) and (max-height:820px){
  .hero{padding-top:36px}
}

/* Tablette en paysage et petit portable (1000-1279 px) : même mise en page que le PC fixe (texte à gauche, démo à droite), colonnes resserrées,
   au lieu de la démo en grand sous le texte. */
@media (min-width:1000px) and (max-width:1279px){
  .hero .wrap{grid-template-columns:minmax(0,430px) minmax(0,1fr)!important;column-gap:32px!important}
  .hero .wrap > figure.vx-haut{grid-column:2!important;grid-row:1 / span 5!important;align-self:center;margin:0!important;width:auto;max-width:none}
  .hero-gauche h1{font-size:clamp(34px,3.9vw,42px)}
  .hero-gauche .lead{font-size:16px}
}
@media (min-width:1000px) and (max-width:1279px){
  .scene-haut::before{display:block!important;left:0;right:0;top:0;bottom:-97px;width:auto;height:auto;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff) 0 calc(56.28vw - 13.8vw)/100% 14vw no-repeat,url("/assets/fond-ciel-accueil.svg?v=2") center top/100% auto no-repeat,#fff!important}
  .hero-gauche::before{display:none!important}
}