/* En-tête « PC » des pages entreprises.html et programmes.html
   (30 oct. 2026, maquette de Mathieu). Ordinateur seulement (960 px et plus) :
   sous 960 px, le bloc .eh est caché et rien d'autre ne change (mobile
   identique au pixel près).
   Photo d'entreprises : equipe-atelier.webp, recadrée de « Engineers in
   Workshop » par ThisIsEngineering sur Pexels (licence Pexels, usage libre) :
   https://www.pexels.com/photo/engineers-in-workshop-3862618/
   Photo de programmes : volet-education.webp, déjà sur le site. */
/* Boutons harmonisés communs (30 oct. 2026) : voir /assets/boutons.css. */
@import url('/assets/boutons.css?v=1');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@800;900&display=swap') screen and (min-width:960px);

.eh, .eh-photo, .eh-script, .eh-founders, .eh-credit{display:none;}
/* .eh-script : texte manuscrit retiré le 30 oct. 2026 (demande de Mathieu :
   « Enlever les petit graffitie »). Toujours caché (et retiré par entete-pc.js)
   tant que la ligne existe encore dans programmes.html. */
.eh-script{display:none !important;}

@media (min-width:960px){
  .page-head.eh-host{position:relative; overflow:hidden; isolation:isolate; background:#0B1A45; color:#fff; padding:18px 0 12px;}
  /* Colonne de texte à ~77 px du bord à 1440 px, comme la maquette. */
  .eh-host > .wrap{position:relative; z-index:2; max-width:none; margin:0; padding:0 32px 0 clamp(40px, 5.35vw, 96px);}
  .eh-photo{display:block; position:absolute; z-index:0; top:0; right:0; bottom:0; width:62%; background-position:center 25%; background-size:cover; background-repeat:no-repeat;}
  .eh-photo::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, #0B1A45 0%, rgba(11,26,69,.9) 16%, rgba(11,26,69,.5) 40%, rgba(11,26,69,.12) 72%, rgba(11,26,69,0) 100%), linear-gradient(0deg, rgba(11,26,69,.38) 0%, rgba(11,26,69,0) 20%);}
  .eh-photo--entreprises{background-image:url('/assets/equipe-atelier.webp');}
  .eh-photo--programmes{background-image:url('/assets/volet-education.webp'); background-position:center 40%;}

  /* 30 oct. 2026 (demande de Mathieu) : logo de l'en-tête (header.js) aligné à
     gauche sur le texte de l'en-tête PC (même retrait que .eh-host > .wrap) ;
     le menu et les boutons restent à droite. Ce fichier n'est chargé que par
     entreprises.html et programmes.html. Sous 960 px, rien ne change. */
  html body .dv-bar{max-width:none; padding-left:clamp(40px, 5.35vw, 96px); padding-right:32px;}

  /* Crédit de la photo (Pexels), discret, coin bas droit de la photo. Le
     dégradé du bas de .eh-photo, allégé depuis le retrait du texte manuscrit
     (30 oct. 2026), reste pour garder ce crédit lisible. */
  .eh-host .eh-credit{display:block; position:absolute; z-index:3; right:10px; bottom:6px; font-family:'Inter',system-ui,sans-serif; font-size:10.5px; line-height:1.2; color:rgba(255,255,255,.62); text-decoration:none; text-shadow:0 1px 3px rgba(5,12,35,.7);}
  .eh-host .eh-credit:hover, .eh-host .eh-credit:focus-visible{color:#fff; text-decoration:underline;}

  /* Anciens éléments du hero remplacés par le bloc .eh sur ordinateur. */
  .eh-host .eyebrow,
  .eh-host h1,
  .eh-host .wrap > p:not(.porte-links):not(.prog-links-row),
  .eh-host .porte-list{display:none;}

  .eh-host .eh{display:block; max-width:620px;}
  .eh-host .eh-aud{display:flex; align-items:flex-start; gap:10px; margin:0 0 8px; font-family:'Space Grotesk',sans-serif; font-size:.86rem; line-height:1.35; color:#D6DDF5;}
  .eh-host .eh-aud > span{text-wrap:balance;}
  .eh-host .eh-aud strong{color:#5EC8FF; font-weight:600;}
  .eh-leaf{flex:0 0 auto; width:22px; height:22px; color:#E5322D; margin-top:-1px;}
  /* Titre sans empattement très gras, comme la maquette (Inter 800). */
  .eh-host .eh-title{margin:0; font-family:'Inter',system-ui,sans-serif; font-weight:800; font-size:clamp(2.3rem, 1.05rem + 2.15vw, 2.95rem); line-height:1; letter-spacing:-.025em; color:#fff;}
  .eh-host .eh-title .eh-l2{display:block; color:#5EC8FF;}
  .eh-host .eh-text{margin:8px 0 0; max-width:620px; font-size:.95rem; line-height:1.45; color:#D6DDF5;}
  .eh-icons{display:flex; flex-wrap:nowrap; gap:0; margin:10px 0 0; padding:0; list-style:none;}
  .eh-icons li{display:flex; align-items:center; gap:9px; padding:0 18px; border-left:1px solid rgba(255,255,255,.22); font-family:'Space Grotesk',sans-serif; font-size:.82rem; line-height:1.25; color:#fff; max-width:none;}
  /* Libellés sur 2 lignes régulières, comme la maquette (largeurs mesurées en FR et en EN). */
  .eh-icons li span{max-width:8em; text-wrap:balance;}
  html[lang="fr"] .eh-photo--entreprises ~ .wrap .eh-icons li:first-child span{max-width:6em;}
  html[lang="en"] .eh-photo--programmes ~ .wrap .eh-icons li span{max-width:7em;}
  .eh-icons li:first-child{padding-left:0; border-left:0;}
  .eh-icons svg{flex:0 0 auto; width:26px; height:26px; color:#9FDCFF;}
  .eh-btns{display:flex; flex-wrap:wrap; gap:12px; margin:12px 0 0;}
  .eh-btn{display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:9px 22px; border-radius:100px; font-family:'Inter',system-ui,sans-serif; font-size:.95rem; font-weight:600; text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}
  .eh-btn svg{width:18px; height:18px; flex:0 0 auto;}
  .eh-btn--jaune{background:#F7D774; color:#0B1A45; box-shadow:0 8px 22px rgba(247,215,116,.28);}
  .eh-btn--jaune:hover{background:#FBE08A; transform:translateY(-1px);}
  .eh-btn--contour{background:rgba(11,26,69,.35); color:#fff; border:1.5px solid #5EC8FF;}
  .eh-btn--contour:hover{background:rgba(94,200,255,.14); transform:translateY(-1px);}
  .eh-btn:focus-visible{outline:2px solid #fff; outline-offset:3px;}

  /* Liens de suggestion et place du badge « Partenaires fondateurs » sur une
     seule ligne, sous les boutons (bande déplacée ici par entete-pc.js). */
  .eh-host .porte-links{display:inline-flex; vertical-align:middle; margin:8px 0 0;}
  .eh-host .prog-links-row{margin-top:10px;}
  .eh-host .eh-founders{display:inline-flex; vertical-align:middle; margin:8px 0 0 22px; padding-left:22px; border-left:1px solid rgba(255,255,255,.22);}
  .eh-host .eh-founders:empty, .eh-host .eh-founders:has(> .founder-strip[hidden]){display:none;}
  .eh-founders .founder-strip{background:none; border:0; padding:0;}
  .eh-founders .founder-strip > .wrap{display:flex; align-items:center; gap:12px; padding:0; margin:0; max-width:none; width:auto;}
  .eh-founders .founder-lbl{flex:0 0 auto;}
  .eh-founders .founder-row{padding:7px 8px 0 0; gap:12px;}
  .eh-founders .founder-logo{width:84px; height:34px; padding:5px 10px;}

  /* programmes.html : recherche et filtres restent dessous, dans la même bande. */
  .eh-host .prog-province{margin-top:18px;}
}