/* ============================================================================
   NTHG SHELL PAGE v2 (?v=20260728-shell2) : complements du shell pour les
   pages interieures (a charger APRES /css/nthg-shell.css).
   .shl-hero--page : variante compacte du hero rouge (H1 Anton centre, sans
   rangee de cartes), pour toutes les pages d'atterrissage.
   .shl-hero-k     : kicker au dessus du H1 (parentheses).
   .shl-hero-cta   : rangee de pilules sous le sous-titre.
   .shl-pill--ghost: pilule contour blanc (CTA secondaire sur fond rouge).
   .shl-rest       : reliquat de l'ancien hero (tldr, notes) repositionne
                    juste sous la bande rouge.
   .shl-t2         : titres de section historiques repasses en display Anton
                    (font uniquement : taille et couleur d'origine conservees).
   ========================================================================== */

.shl-hero--page{min-height:52svh;justify-content:center;padding:clamp(118px,15vh,170px) 20px clamp(58px,8vh,92px)}
.shl-hero--page h1{font-size:clamp(2rem,4.6vw,3.7rem)}
.shl-hero--page .shl-hero-sub{margin-bottom:0}
.shl-hero-k{font-family:var(--shl-sa);font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78);margin:0 0 16px}
.shl-hero-k::before{content:"( "}
.shl-hero-k::after{content:" )"}
.shl-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.shl-pill--ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.shl-pill--ghost:hover{background:rgba(255,255,255,.12);box-shadow:none}
@media(max-width:640px){.shl-hero--page{min-height:auto;padding-top:104px}}

/* reliquat de l'ancien hero : boite neutre sous la bande rouge */
.shl-rest{padding-top:clamp(26px,4vw,52px)!important;min-height:0!important}
header.shl-rest,div.shl-rest{display:block;background:none}
.shl-rest .hero__c{padding-top:0}

/* titres historiques en display Anton (aucun changement de taille/couleur) */
.shl-t2{font-family:var(--shl-an)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.01em;line-height:1.12}
.shl-t2 em{font-style:normal}

/* ---- v2 : rideau limite au hero sur les pages interieures ----
   Les sections interieures sont bien plus courtes que l'ecran : le rideau
   generalise laisse des zones vides. On garde l'effet signature la ou il
   fonctionne : le hero rouge reste epingle, le contenu glisse par-dessus. */
.shl-stack > .shl-panel{position:relative;top:auto;overflow:visible}
.shl-stack > .shl-hero.shl-panel{position:sticky;top:0;overflow:hidden}
.shl-stack > .shl-panel:not(.shl-hero){z-index:2}