/* ==========================================================================
   CORTEX VALUE — Pages d'expertise : gabarit PREMIUM
   Reprise VERBATIM du bloc page-scoped .exp-prem de la page de référence
   /expertises/systemes-execution/ (hero cinématique + cartes verre dépoli,
   fil sticky, mot « Expertise » épinglé, tuiles à dégradé 3D + checklists,
   moment cinématique sticky, cellules numérotées, grille « Pour qui »).
   Rendue partagée par les 10 pages — aucune modification des valeurs.
   ========================================================================== */
/* ÉCLAT — hero cinématique : Ken Burns + grade + H1 monumental */
@keyframes kbInPrem{from{transform:scale(1.3)}to{transform:scale(1)}}
.exp-prem .fhero-bg img{animation:kbInPrem 5s var(--f-ease-expo) both;filter:contrast(1.16) saturate(.58) brightness(.8)}
@media(prefers-reduced-motion:reduce){.exp-prem .fhero-bg img{animation:none}}
.exp-prem .fhero-img h1{font-size:clamp(2.7rem,7.7vw,6.6rem);letter-spacing:-.05em;line-height:.9;max-width:16ch}
.exp-prem .fhero{padding-bottom:clamp(90px,10vw,140px)}
.exp-prem .hero-cards{max-width:none}
.exp-prem .hcard .k .dt{width:7px;height:7px;border-radius:50%;background:var(--f-orange);display:inline-block}

/* FIL DE NAVIGATION STICKY */
.exp-prem .sf-nav{position:sticky;top:clamp(56px,7vh,72px);z-index:40;
  background:rgba(13,22,35,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-top:1px solid var(--f-glass-bd);border-bottom:1px solid var(--f-glass-bd)}
.exp-prem .sf-nav-in{display:flex;gap:clamp(1.1em,3vw,2.6em);justify-content:center;flex-wrap:wrap;padding:1.05em 1em;max-width:1200px;margin:0 auto}
.exp-prem .sf-nav a{font-family:var(--sans);font-weight:600;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--f-silver);text-decoration:none;padding:.35em 0;border-bottom:2px solid transparent;transition:color .2s var(--f-ease),border-color .2s var(--f-ease)}
.exp-prem .sf-nav a:hover,.exp-prem .sf-nav a.on{color:var(--f-orange);border-color:var(--f-orange)}

/* EXPERTISE — le mot « Expertise » arrive plein cadre, se fige (pinned) et se dissout pendant que les blocs montent */
.exp-prem #expertise{position:relative;padding-top:0;overflow:visible}/* overflow visible = sticky opérant ; le mot reste clippé par .xpin-bg */
.exp-prem .xpin-bg{position:sticky;top:0;height:100vh;z-index:0;
  display:grid;align-content:center;justify-items:center;text-align:center;
  overflow:hidden;pointer-events:none;padding:0 4vw;will-change:opacity}
@media(max-width:600px){.exp-prem .xpin-bg{height:76vh}}
.exp-prem .xw-t{margin:0;font-family:var(--serif);font-weight:400;white-space:nowrap;
  font-size:clamp(3rem,12.5vw,10.5rem);line-height:.98;letter-spacing:-.005em;
  color:var(--f-orange);opacity:.72;will-change:transform}
.exp-prem #expertise .fwrap{position:relative;z-index:1}
.exp-prem .xgrid{position:relative;z-index:1;padding-top:clamp(3em,9vh,8em);padding-bottom:clamp(1em,4vh,3em)}
.exp-prem .xb{display:flex;flex-direction:column;gap:clamp(1.3em,2.4vw,1.9em)}
.exp-prem .xb+.xb{margin-top:clamp(2.6em,7vw,4.5em)}
.exp-prem .xb-body{max-width:46ch}
@media(min-width:900px){
  .exp-prem .xb{width:52%}
  .exp-prem .xb.r{margin-left:48%}
  .exp-prem .xb+.xb{margin-top:0}
  .exp-prem .xb:nth-child(2){margin-top:-4em}
  .exp-prem .xb:nth-child(3){margin-top:2em}
  .exp-prem .xb:nth-child(4){margin-top:-4em}
}
.exp-prem .sf-visual{position:relative;border-radius:24px;overflow:hidden;isolation:isolate;
  min-height:clamp(230px,32vh,330px);display:grid;place-items:center;
  box-shadow:0 44px 96px -52px rgba(6,12,22,.85);will-change:transform;transform-style:preserve-3d}
.exp-prem .sf-visual .sf-tex{position:absolute;inset:0;z-index:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:34px 34px}
.exp-prem .sf-visual .sf-num{position:absolute;top:.28em;left:.5em;z-index:1;font-family:var(--sans);font-weight:800;
  font-size:clamp(3.4rem,7vw,5.6rem);line-height:1;color:rgba(255,255,255,.13);letter-spacing:-.04em}
.exp-prem .sf-visual .sf-badge{position:relative;z-index:2;font-family:var(--sans);font-weight:800;text-transform:uppercase;
  letter-spacing:.015em;font-size:clamp(1.25rem,2.3vw,1.95rem);line-height:1.08;color:#fff;text-align:center;padding:0 1.1em;max-width:14ch}
.exp-prem .sf-visual.v1{background:radial-gradient(92% 120% at 16% 12%,rgba(255,158,27,.9),rgba(255,158,27,0) 46%),linear-gradient(152deg,#1B3050,#0B1420 74%)}
.exp-prem .sf-visual.v2{background:radial-gradient(92% 120% at 16% 12%,rgba(64,128,190,.85),rgba(64,128,190,0) 46%),linear-gradient(152deg,#14253C,#0B1420 76%)}
.exp-prem .sf-visual.v3{background:radial-gradient(92% 120% at 16% 12%,rgba(42,158,146,.8),rgba(42,158,146,0) 46%),linear-gradient(152deg,#10242C,#0A121D 76%)}
.exp-prem .sf-visual.v4{background:radial-gradient(92% 120% at 16% 12%,rgba(255,181,90,.72),rgba(255,181,90,0) 44%),linear-gradient(152deg,#101B2B,#0A121D)}
.exp-prem .sf-lead{font-family:var(--serif);font-size:clamp(1.05rem,1.2vw,1.25rem);line-height:1.5;color:var(--f-white);margin:0 0 1.2em;max-width:42ch}
.exp-prem .sf-check{list-style:none;margin:0;padding:0;display:grid;gap:.85em}
.exp-prem .sf-check li{position:relative;padding-left:2.1em;font-family:var(--sans);font-weight:600;font-size:1.05rem;color:var(--f-white);line-height:1.35}
.exp-prem .sf-check li .d{font-family:var(--serif);font-weight:400;color:var(--f-silver)}
.exp-prem .sf-check li::before{content:"";position:absolute;left:0;top:.02em;width:1.4em;height:1.4em;border-radius:50%;background:rgba(255,158,27,.14);border:1px solid rgba(255,158,27,.42)}
.exp-prem .sf-check li::after{content:"";position:absolute;left:.44em;top:.34em;width:.46em;height:.26em;border-left:2.2px solid var(--f-orange);border-bottom:2.2px solid var(--f-orange);transform:rotate(-45deg)}

/* DIFFÉRENCE — moment cinématique sticky */
.exp-prem .cine{position:relative;height:200vh;background:var(--f-navy-3)}
.exp-prem .cine-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center;background:var(--f-navy)}
.exp-prem .cine-bg{position:absolute;inset:0;z-index:0}
.exp-prem .cine-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);will-change:transform;filter:contrast(1.14) saturate(.55) brightness(.66)}
.exp-prem .cine-sticky::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(11,20,32,.9),rgba(16,27,43,.42) 52%,rgba(16,27,43,.76))}
.exp-prem .cine-inner{position:relative;z-index:2;text-align:center;max-width:1040px;padding:0 6vw}
.exp-prem .cine-inner .pill{margin-bottom:1.4em}
.exp-prem .cine-inner h2{font-size:clamp(2.3rem,6vw,5.2rem);line-height:1;letter-spacing:-.04em;color:#fff;margin:0}
.exp-prem .cine-inner h2 .hl{color:var(--f-orange)}

/* grille numérotée éditoriale (étapes de la différence) */
.exp-prem .fx-num{display:grid;grid-template-columns:1fr;margin-top:clamp(2.2em,4vw,3.4em)}
.exp-prem .fx-cell{display:grid;grid-template-columns:clamp(2.6em,5vw,4rem) 1fr;gap:clamp(1em,2vw,1.6em);align-items:start;padding:clamp(1.5em,2.6vw,2.2em) 0;border-top:1px solid rgba(205,216,228,.14)}
.exp-prem .fx-n{font-family:var(--sans);font-weight:800;font-size:clamp(1.7rem,3vw,2.4rem);line-height:.9;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px rgba(255,158,27,.55)}
.exp-prem .fx-cell h3{font-size:clamp(1.35rem,2.1vw,1.85rem);line-height:1.12;letter-spacing:-.02em;color:var(--f-white);margin:0}
.exp-prem .fx-cell h3 .hl{color:var(--f-orange)}
.exp-prem .fx-cell p{font-family:var(--serif);font-size:1.02rem;line-height:1.55;color:var(--f-silver);margin:.5em 0 0;max-width:52ch}

/* POUR QUI — panneau glass + liste */
.exp-prem .pq-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.6em,3vw,2.6em);margin-top:clamp(2em,3.5vw,3em)}
@media(min-width:900px){.exp-prem .pq-grid{grid-template-columns:.9fr 1.1fr;gap:clamp(2.6em,5vw,5em);align-items:start}}
.exp-prem .pq-list{list-style:none;margin:0;padding:0;display:grid;gap:1em}
.exp-prem .pq-list li{position:relative;padding-left:1.7em;font-family:var(--serif);font-size:clamp(1.08rem,1.3vw,1.32rem);line-height:1.5;color:var(--f-ink)}
.exp-prem .sec.dark .pq-list li,.exp-prem .sec.darker .pq-list li{color:var(--f-silver)}
.exp-prem .pq-list li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--f-orange);box-shadow:0 0 0 4px rgba(255,158,27,.14)}

/* — HERO SOLO : le nom de l'expertise, seul et centré (voile symétrique) — */
.exp-prem .fhero-solo{padding-block:clamp(150px,24vh,260px);text-align:center}
.exp-prem .fhero-solo .fwrap{display:grid;place-items:center}
.exp-prem .fhero-solo h1{max-width:18ch;margin-inline:auto}
.exp-prem .fhero-solo.fhero-img::before{
  background:
    linear-gradient(0deg,rgba(11,20,32,.94) 0%,rgba(16,27,43,.40) 46%,rgba(16,27,43,.80) 100%),
    radial-gradient(72% 62% at 50% 50%,rgba(16,27,43,.34),transparent 72%)}
.exp-prem .fhero-solo.fhero-img::after{background:radial-gradient(58% 50% at 50% 4%,rgba(255,158,27,.10),transparent 60%)}