/* ==========================================================================
   PORTALIS — Hero (accueil) + xhero (en-tête des pages d'expertise)
   ========================================================================== */

.hero{background:var(--portalis-graph);color:var(--portalis-on-dark)}
.hero-pattern,.xhero-pattern{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 88px)}
.hero-in{padding-block:clamp(64px,10vh,116px);max-width:44rem}
.hero .eyebrow{color:var(--portalis-accent-2)}
.hero h1{font:800 clamp(2.5rem,5.4vw,4.1rem)/1.02 var(--portalis-font-display);letter-spacing:-.02em;color:#fff;margin-top:2px}
.hero .rule{width:64px;height:3px;background:var(--portalis-accent-2)}
.hero .tag{font:400 1.2rem/1.55 var(--portalis-font-sans);color:var(--portalis-on-dark-2);max-width:36ch}

/* ============ En-tête des pages d'expertise (node--expertise--full) ============ */
.xhero{background:var(--portalis-graph);color:var(--portalis-on-dark);padding-block:clamp(36px,5.5vw,68px) clamp(44px,6.5vw,84px)}
.xhero h1{font:800 clamp(2rem,4vw,3rem)/1.12 var(--portalis-font-display);letter-spacing:-.015em;max-width:18ch;color:#fff}
.xhero .lead{max-width:56ch;font-size:1.1rem;color:var(--portalis-on-dark)}