/* Premier écran des pages intérieures, de la même famille que celui des Actualités :
   titre, phrase et action au centre exact de l'écran utile (100svh moins le menu), la sérigraphie au flanc gauche,
   puis la nappe de nuages qui fait la jonction avec le contenu. Le premier écran grandit si son contenu dépasse. */
.hp,.hp-descente{--hz:clamp(170px,24svh,280px);--aw:100vw;--sx:calc((100vw - 780px) * .2);--bs:calc(var(--hz) + min(.07 * var(--aw), var(--sx)))}
.hp{--res:calc(var(--m) * 1.4);--monte:7svh;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto 1fr;min-height:calc(100vh - var(--nav) - var(--monte));min-height:calc(100svh - var(--nav) - var(--monte));padding-bottom:var(--monte);overflow-x:clip;isolation:isolate}
.hp::before,.hp::after{content:"";grid-column:1;min-height:var(--res)}
.hp::before{grid-row:1}
.hp::after{grid-row:3;min-height:calc(var(--res) - var(--monte))}
.hp:has(.hp-mention){--res:calc(var(--m) * 2.5)}

.hp-haut{grid-row:1;grid-column:1;align-self:start;position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gout);padding-top:calc(var(--m) * .4)}
.hp-fil{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;margin:0;padding:0;list-style:none;font-size:13.5px;color:var(--gris)}
.hp-fil li+li::before{content:"/";margin-right:10px;color:var(--gris-c)}
.hp-fil a{display:inline-flex;align-items:center;min-height:44px;color:var(--gris);text-decoration:none;transition:color .15s var(--ease)}
.hp-fil a:hover{color:var(--encre);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--teal)}
.hp-fil [aria-current]{color:var(--encre);font-weight:500}

.hp-mention{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:28px;row-gap:6px;width:min(100%,calc(var(--m) * 8));margin-left:auto;padding:16px 20px 18px;background:var(--fond);border:1px solid var(--filet);color:var(--encre);text-decoration:none;text-align:left;transition:background-color .15s var(--ease),border-color .15s var(--ease)}
.hp-mention-l{grid-column:1/-1;font-size:13px;font-weight:500;color:var(--gris);font-variant-numeric:tabular-nums}
.hp-mention-t{grid-column:1;font-size:17px;font-weight:500;line-height:1.25;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hp-mention-v{grid-column:2;display:flex;align-items:center;gap:8px;min-height:24px;font-size:14px;font-weight:500;white-space:nowrap}
.hp-mention-v .chev{width:6px;height:9px}
.hp-mention:hover{background:var(--case);border-color:#D9D5CB}
.hp-mention:hover .chev{transform:translateX(3px)}
.hp-mention:active{background:#E9E5DB}

.hp-c{grid-row:2;grid-column:1;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}
.hp h1{max-width:14em;font-size:var(--t-d1);line-height:.95;letter-spacing:-.056em;text-wrap:balance;overflow-wrap:break-word}
.hp h1 .ln{display:block}
.hp h1 .hp-g{color:#8A867D}
.hp-p{max-width:32em;margin-top:calc(var(--m) * .5);font-size:clamp(17px,1.45vw,21px);line-height:1.45;letter-spacing:-.012em;color:var(--gris);text-wrap:balance}
.hp-p b{font-weight:500;color:var(--encre)}
.hp-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:calc(var(--m) * .6)}
.hp-actions .lien-s{gap:12px}
.hp-actions .lien-s:hover .chev{transform:translateX(3px)}

/* Liens rapides sous la phrase, comme les sujets sous le champ des Actualités */
.hp-props{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;max-width:900px;margin:calc(var(--m) * .5) 0 0;padding:0;list-style:none}
.hp-props a{display:inline-flex;align-items:baseline;min-height:44px;padding:11px 14px 0;color:var(--encre);font-size:16px;font-weight:500;letter-spacing:-.012em;text-decoration:underline;text-decoration-color:var(--filet);text-decoration-thickness:1px;text-underline-offset:6px;transition:background-color .15s var(--ease),text-decoration-color .15s var(--ease)}
.hp-props a:hover{background:var(--case);text-decoration-color:var(--teal)}
.hp-props a:active{background:#E9E5DB}

.hp-suite{grid-row:3;grid-column:1;align-self:end;justify-self:end;position:relative;z-index:3;gap:12px;margin-bottom:calc(var(--m) * .45)}
.hp-suite .ic-f{transform:rotate(90deg);transition:translate .25s var(--ease)}
.hp-suite:hover .ic-f{translate:0 2px}

/* La sérigraphie au flanc gauche, posée exactement comme sur les Actualités */
.hp-horizon{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url("/assets/montagne-flanc.webp") no-repeat left calc(var(--sx) - .2917 * var(--aw)) bottom calc(var(--bs) - .9417 * var(--aw))/var(--aw) auto;background-image:image-set(url("/assets/montagne-flanc.webp") 1x,url("/assets/montagne-flanc-2x.webp") 2x)}

/* Jonction : la montagne descend dans la nappe de nuages, le contenu se pose par-dessus */
.hp-descente{--chev:160px;--sous:170px;position:relative;z-index:0;height:34svh;margin-top:-1px;overflow-x:clip;pointer-events:none;
  background:url("/assets/montagne-flanc.webp") no-repeat calc(var(--sx) - .2917 * var(--aw)) calc(-1 * var(--bs) - .1833 * var(--aw))/var(--aw) auto;background-image:image-set(url("/assets/montagne-flanc.webp") 1x,url("/assets/montagne-flanc-2x.webp") 2x)}
.hp-descente::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:45%;background:linear-gradient(180deg,rgba(248,244,236,0),rgba(248,244,236,.7) 55%,var(--papier))}
.hp-descente .nuages{position:absolute;left:-30vw;width:142vw;--hc:calc(116vw * 9 / 16 * .62)}
.hp-descente .nuages .tuile{position:absolute;top:0;height:100%;width:40%;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 26%,#000 74%,transparent);mask:linear-gradient(90deg,transparent,#000 26%,#000 74%,transparent);will-change:transform,opacity}
.hp-descente .nuages .tuile img{position:absolute;top:0;width:250%;height:100%;display:block}
.hp-descente .nuages.arr{z-index:1;height:var(--hc);bottom:calc(var(--chev) * -.2 - var(--sous));opacity:.85}
.hp-descente .nuages.arr img{filter:blur(12px);transform:scaleX(-1)}
.hp-descente .nuages.av{z-index:2;height:var(--hc);bottom:calc(var(--chev) * -.9 - var(--sous))}
.hp-descente .nuages.av img{filter:blur(18px)}
.hp-descente .nuages.av::after{content:"";position:absolute;left:0;right:0;top:62%;height:calc(38% + 40vh);background:linear-gradient(180deg,rgba(248,244,236,0),var(--papier) min(34%, calc(100% - 40vh)))}
/* Le contenu commence là où la nappe a rejoint le papier, comme « Tous les articles » sur les Actualités */
.hp-descente+*{position:relative;z-index:1;margin-top:0}
.hp-descente+.aplat{margin-top:var(--m)}

.anime .hp-horizon,.anime .hp-descente{animation:hp-monte 1.1s var(--ease) both}
@keyframes hp-monte{0%{opacity:0;clip-path:inset(1px -100vw -100vh)}99.9%{opacity:1;clip-path:inset(1px -100vw -100vh)}100%{opacity:1;clip-path:none}}

/* Écran bas (portable au plafond bas, téléphone en paysage) : le titre et les marges se resserrent */
@media (max-height:640px) and (min-width:761px){
  .hp{--res:calc(var(--m) * .9)}
  .hp:has(.hp-mention){--res:calc(var(--m) * 1.9)}
  .hp h1{font-size:clamp(40px,min(7.2vw,11svh),112px)}
  .hp-p{margin-top:calc(var(--m) * .35)}
  .hp-actions{margin-top:calc(var(--m) * .4)}
}
@media (max-width:760px){
  .hp,.hp-descente{--hz:150px;--aw:172vw;--sx:6vw;--bs:calc(var(--hz) - 6px)}
  .hp{--res:calc(var(--m) * 1.2)}
  .hp:has(.hp-mention){--res:calc(var(--m) * 1.2)}
  .hp{grid-template-rows:auto 1fr auto;padding-bottom:0;min-height:calc(100vh - var(--nav) - var(--monte));min-height:calc(100svh - var(--nav) - var(--monte))}
  .hp::before{display:none}
  .hp::after{min-height:var(--res)}
  .hp-c{align-self:center}
  .hp-haut{flex-direction:column;align-items:stretch;gap:8px;padding-top:12px}
  .hp-mention{width:100%;padding:12px 14px 14px;column-gap:16px}
  .hp-mention-l{font-size:12.5px}
  .hp-c{padding:calc(var(--m) * .5) 0}
  .hp h1{font-size:clamp(34px,10.4vw,56px);line-height:1;letter-spacing:-.05em}
  .hp-p{margin-top:20px;font-size:17px}
  .hp-actions{flex-direction:column;align-items:stretch;width:100%;margin-top:28px}
  .hp-actions .btn{justify-content:center}
  .hp-actions .lien-s{align-self:center}
  .hp-props{gap:0 2px;margin-top:16px}
  .hp-props a{padding:11px 12px 0;font-size:15.5px}
  .hp-suite{justify-self:center;margin-bottom:calc(var(--hz) + 12px)}
  .hp-descente{--chev:72px;--sous:56px}
  .hp-descente .nuages{left:-70vw;width:240vw;--hc:calc(240vw * 9 / 16 * .5)}
}
@media (prefers-reduced-motion:reduce){.hp-horizon,.hp-descente{animation:none}.hp-suite .ic-f,.hp-mention{transition:none}}

/* Montagne propre à chaque page, déclarée par data-page sur <main>, posée sur la structure d'À propos :
   même cadre de 2000 × 2251 et même sommet, nappe remontée au pied de la montagne, premier bloc juste sous le menu au premier défilement.
   À propos et Benchmarks, sans data-page, gardent leurs règles. */
main[data-page="cas-clients"]{--hp-m1:url("/assets/montagne-cas-clients.webp");--hp-m2:url("/assets/montagne-cas-clients-2x.webp")}
main[data-page="formations"]{--hp-m1:url("/assets/montagne-formations.webp");--hp-m2:url("/assets/montagne-formations-2x.webp")}
main[data-page="logiciels-metier-ia"]{--hp-m1:url("/assets/montagne-logiciels-metier.webp");--hp-m2:url("/assets/montagne-logiciels-metier-2x.webp")}
main[data-page="deploiement-agents-ia"]{--hp-m1:url("/assets/montagne-agents-ia.webp");--hp-m2:url("/assets/montagne-agents-ia-2x.webp")}
main[data-page="audit-ia"]{--hp-m1:url("/assets/montagne-audit-ia.webp");--hp-m2:url("/assets/montagne-audit-ia-2x.webp")}
main[data-page="glossaire"]{--hp-m1:url("/assets/montagne-glossaire.webp");--hp-m2:url("/assets/montagne-glossaire-2x.webp")}
main[data-page="auteur"]{--hp-m1:url("/assets/montagne-auteur.webp");--hp-m2:url("/assets/montagne-auteur-2x.webp")}
/* Pages secteurs : montagnes déjà intégrées, prises hors des pages Offres voisines */
main[data-page="immobilier"]{--hp-m1:url("/assets/montagne-glossaire.webp");--hp-m2:url("/assets/montagne-glossaire-2x.webp")}
main[data-page="btp"]{--hp-m1:url("/assets/montagne-auteur.webp");--hp-m2:url("/assets/montagne-auteur-2x.webp")}
main[data-page="voyage"]{--hp-m1:url("/assets/montagne-cas-clients.webp");--hp-m2:url("/assets/montagne-cas-clients-2x.webp")}
main[data-page="services-b2b"]{--hp-m1:url("/assets/montagne-flanc.webp");--hp-m2:url("/assets/montagne-flanc-2x.webp")}
main[data-page] .hp-horizon,main[data-page] .hp-descente{background-image:var(--hp-m1);background-image:image-set(var(--hp-m1) 1x,var(--hp-m2) 2x)}
main[data-page] .hp-horizon{background-position:left calc(var(--sx) - .2917 * var(--aw)) bottom calc(var(--bs) - .9417 * var(--aw) - var(--hp-dy,0px))}
main[data-page] .hp-descente{background-position:calc(var(--sx) - .2917 * var(--aw)) calc(-1 * var(--bs) - .1833 * var(--aw) + var(--hp-dy,0px))}
/* Glossaire : sa liste de notions, large, reste sur le papier aux formats portables */
@media (min-width:761px){main[data-page="glossaire"]{--hp-dy:120px}}
main[data-page] .hp-descente{--chev:0px;--sous:120px;height:calc(7svh + 150px);clip-path:none!important}
main[data-page] .hp-descente+*{margin-top:calc(var(--nav) - 114px)}
main[data-page] .hp-descente+:not(.aplat,.po-soutenu){padding-top:0}
/* Bloc coloré en premier : la nappe a rejoint le papier au bord haut du bloc, la roche ne touche jamais l'aplat */
main[data-page] .hp-descente:has(+.aplat,+.po-soutenu)::before{bottom:calc(113px - var(--nav))}
@media (max-width:760px){
  main[data-page] .hp::after{min-height:max(var(--res),calc(var(--bs) + 24px))}
  main[data-page] .hp-horizon,main[data-page] .hp-descente{background-image:var(--hp-m1)}
  main[data-page] .hp-descente{--chev:0px;--sous:0px;height:calc(7svh + 110px)}
  main[data-page] .hp-descente+*{margin-top:calc(var(--nav) - 86px)}
  main[data-page] .hp-descente:has(+.aplat,+.po-soutenu)::before{bottom:calc(85px - var(--nav))}
}