/* ══════════════════════════════════════════════════════════════════════════
   WANDA · SCÈNE · famille « projets » — vague 3 · 10 octobre 2026

   Concept : une séance de nuit. Chaque étude de cas se regarde comme un
   épisode : le cadre du hero s'ouvre comme un obturateur et son minuteur
   suit la vraie vidéo, des chapitres avancent avec la lecture, la salle
   s'éteint quand le film joue, et la fin enchaîne sur l'épisode suivant.
   La page Équipe devient le générique.

   Liée JUSTE APRÈS css/wanda-scene.css, seulement sur les 15 pages de la
   famille (projets ×4 en FR/EN/DE, équipe ×3). Préfixe : .wz-projets-
   Les modules partagés (.wz-film, .wz-elan, .wz-voix, .wz-micro, .wz-mixer)
   sont repris tels quels ; ici, seulement leurs réglages de contexte.
   Comportements : js/wanda-scene-projets.js (pose html.wz-projets-on).
   Reprise après revue (10/10) : rail à partir de 1 520 px et masqué hors
   tabulation, portrait de la carte élan lisible, numéros d'épisodes à côté
   des vignettes, courts de l'équipe en grille, planche 2 × 2 sur mobile,
   bouton Refuser des cookies lisible, barre sous le film sans tête.
   ══════════════════════════════════════════════════════════════════════════ */

:root{--wz-projets-e:cubic-bezier(.2,.8,.2,1);--wz-projets-r:20px}
@media (max-width:760px){:root{--wz-projets-r:16px}}

/* ══════════════════════════════════════════════════════════════════════════
   1 · HERO ÉPISODE · obturateur, travelling avant, minuteur réel
   L'ouverture est une animation CSS : sans JS, le cadre s'ouvre quand même.
   wanda-cadre.css force clip-path et transform : spécificité supérieure.
   ══════════════════════════════════════════════════════════════════════════ */
@keyframes wzProjetsOuv{
  from{clip-path:inset(36% 0 36% 0 round var(--wz-projets-r))}
  to{clip-path:inset(0 0 0 0 round var(--wz-projets-r))}
}
@keyframes wzProjetsTrait{
  0%{opacity:0;transform:scaleX(.15)}
  14%{opacity:1;transform:scaleX(1)}
  60%{opacity:.9}
  100%{opacity:0;transform:scaleX(1)}
}
header.hero .hero-media.wz-projets-ouv{animation:wzProjetsOuv 1.15s cubic-bezier(.7,0,.2,1) .2s both}
header.hero .hero-media.wz-projets-ouv::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;z-index:6;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,240,230,.9) 30%,#fff 50%,rgba(255,240,230,.9) 70%,transparent);
  box-shadow:0 0 18px 2px rgba(255,120,80,.8);opacity:0;animation:wzProjetsTrait 1.6s ease-out .05s both}
header.hero .hero-media.wz-projets-ouv>img,
header.hero .hero-media.wz-projets-ouv>video{
  transform:scale(calc(var(--wz-projets-dolly,1) * var(--wz-projets-z,1)))!important;transform-origin:50% 55%}
/* la boucle arrive en fondu, jamais en noir */
html.wz-projets-on header.hero .hero-media.wz-projets-ouv>video:not(.wz-projets-pret){opacity:0!important}
header.hero .hero-media.wz-projets-ouv>video{transition:opacity .7s ease}
/* barre de lecture de la boucle, au pied du cadre */
.wz-projets-barre{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:5;pointer-events:none;background:rgba(255,255,255,.14)}
.wz-projets-barre i{position:absolute;inset:0;background:var(--rouge);transform-origin:left;transform:scaleX(var(--p,0))}
.wz-projets-tc{font-style:normal;font-variant-numeric:tabular-nums;font-weight:400;opacity:.9}

/* texte du hero : CAS 0x en pastille REC, étiquettes et boutons au code de l'accueil */
.hero .crumb .tc,.hero-w .crumb .tc{flex:none;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:7px 13px 7px 11px;
  background:rgba(255,255,255,.04);box-shadow:inset 0 1px 1px rgba(255,255,255,.1),0 0 0 1px rgba(255,255,255,.08);color:var(--lin)}
.hero .crumb .tc::before,.hero-w .crumb .tc::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rouge);animation:wzPouls 1.4s steps(1,end) infinite}
.hero .tag,.hero-w .tag{border:0;background:rgba(255,255,255,.04);box-shadow:inset 0 1px 1px rgba(255,255,255,.1),0 0 0 1px rgba(255,255,255,.08);color:var(--lin)}
.hero-row .btn-play{background:#fff;color:#000}
.hero-row .btn-play:hover{background:#E5E7EB}
.hero-row .btn-play svg{fill:#000}
.hero-row .btn-line.liquid-glass{color:var(--lin)}
.hero-row .btn-line.liquid-glass:hover{background:rgba(255,255,255,.07)}
.hero-row .btn-play:focus-visible,.hero-row .btn-line:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:767px){.hero-row .wp-cta-hero{margin-left:0!important}}

/* ── Helnium : le format scope réel (bandes noires gravées dans les vidéos) ── */
@media (min-width:768px){
  header.hero .hero-media.wz-projets-scope{aspect-ratio:2.78/1;--wz-projets-z:1.012}
  .film-wrap.wz-projets-scope{aspect-ratio:2.78/1}
  .film-wrap.wz-projets-scope>img,.film-wrap.wz-projets-scope>video{transform:scale(1.012)}
}
@media (max-width:767px){
  header.hero .hero-media.wz-projets-scope{aspect-ratio:2.2/1;--wz-projets-z:1.27}
}

/* ══════════════════════════════════════════════════════════════════════════
   2 · CHAPITRES · rail latéral (grand écran), pastille (mobile), encoches
   ══════════════════════════════════════════════════════════════════════════ */
.wz-projets-encoches{position:fixed;top:0;left:0;right:0;height:2px;z-index:301;pointer-events:none}
.wz-projets-encoches i{position:absolute;top:0;width:3px;height:100%;margin-left:-1px;background:var(--nuit)}

/* Le rail ne s'affiche que là où il tient à côté du conteneur le plus large
   (.wp-backstage, 1 240 px) : à partir de 1 520 px. En dessous, la pastille.
   Le JS le masque aussi quand un bloc pleine largeur (.wz-film) passe dessous. */
.wz-projets-chap{position:fixed;left:18px;top:50%;z-index:90;display:none;transform:translateY(-50%);
  padding:10px 8px;border-radius:22px;background:rgba(10,10,12,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.06);transition:opacity .4s,transform .4s,visibility 0s}
@media (min-width:1520px){.wz-projets-chap{display:block}}
/* masqué = hors de l'ordre de tabulation aussi (visibility, après le fondu) */
.wz-projets-chap.cache{opacity:0;transform:translate(-14px,-50%);pointer-events:none;visibility:hidden;transition:opacity .4s,transform .4s,visibility 0s .4s}
.wz-projets-chap ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.wz-projets-chap li{position:relative}
.wz-projets-chap a{display:flex;align-items:center;gap:9px;height:28px;padding:0 8px 0 6px;border-radius:999px;color:var(--gris-n);text-decoration:none;
  font:600 11px/1 Inter,-apple-system,sans-serif;letter-spacing:.1em;font-variant-numeric:tabular-nums;transition:color .3s}
.wz-projets-chap a::before{content:"";flex:none;width:24px;height:2px;border-radius:2px;background:rgba(255,255,255,.26);transform:scaleX(.5);transform-origin:left;transition:transform .4s var(--wz-projets-e),background .4s}
.wz-projets-chap a.lu::before{background:rgba(242,239,234,.7)}
.wz-projets-chap a.on{color:var(--lin)}
.wz-projets-chap a.on::before{transform:none;background:var(--rouge)}
.wz-projets-chap a:hover,.wz-projets-chap a:focus-visible{color:var(--lin)}
.wz-projets-chap a:focus-visible{outline:2px solid #fff;outline-offset:1px}
.wz-projets-chap span{position:absolute;left:calc(100% + 10px);top:50%;white-space:nowrap;padding:7px 12px;border-radius:999px;
  font:500 12px/1 Inter,-apple-system,sans-serif;letter-spacing:.02em;color:var(--lin);background:rgba(14,14,16,.88);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 1px rgba(255,255,255,.1);
  opacity:0;transform:translate(-6px,-50%);transition:opacity .3s,transform .3s;pointer-events:none}
.wz-projets-chap a:hover span,.wz-projets-chap a:focus-visible span,.wz-projets-chap.bouge a.on span{opacity:1;transform:translate(0,-50%)}
.wz-projets-chap .fin::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--rouge);margin-left:2px}

.wz-projets-pilule{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom) + var(--wz-projets-bas,0px));z-index:95;
  display:inline-flex;align-items:center;gap:9px;max-width:calc(100vw - 32px);padding:10px 16px 10px 13px;border:0;border-radius:999px;cursor:pointer;
  font:600 12.5px/1 Inter,-apple-system,sans-serif;letter-spacing:.01em;color:var(--lin);background:rgba(14,14,16,.78);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 1px rgba(255,255,255,.12),0 10px 30px -10px rgba(0,0,0,.8);
  transform:translateX(-50%);transition:opacity .35s,transform .35s,bottom .3s,visibility 0s}
.wz-projets-pilule b{font-weight:600;font-variant-numeric:tabular-nums;color:var(--gris-n)}
.wz-projets-pilule em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wz-projets-pilule .wz-i{width:10px;height:10px;color:var(--rouge)}
.wz-projets-pilule.cache{opacity:0;transform:translate(-50%,18px);pointer-events:none;visibility:hidden;transition:opacity .35s,transform .35s,bottom .3s,visibility 0s .35s}
.wz-projets-pilule:focus-visible{outline:2px solid #fff;outline-offset:3px}
.wz-projets-feuille{position:fixed;left:12px;right:12px;bottom:calc(66px + env(safe-area-inset-bottom) + var(--wz-projets-bas,0px));z-index:95;
  max-height:60vh;overflow:auto;border-radius:22px;padding:8px;background:rgba(14,14,16,.94);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 1px rgba(255,255,255,.1),0 30px 80px -20px rgba(0,0,0,.9)}
.wz-projets-feuille[hidden]{display:none}
.wz-projets-feuille ol{list-style:none;margin:0;padding:0}
.wz-projets-feuille a{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:14px;color:var(--lin);text-decoration:none;font-size:15px}
.wz-projets-feuille a b{font-size:12px;font-weight:600;color:var(--gris-n);font-variant-numeric:tabular-nums;min-width:20px}
.wz-projets-feuille a.on{background:rgba(255,42,26,.14)}
.wz-projets-feuille a:focus-visible{outline:2px solid #fff;outline-offset:-2px}
@media (min-width:1520px){.wz-projets-pilule,.wz-projets-feuille{display:none!important}}

/* ══════════════════════════════════════════════════════════════════════════
   3 · LA SALLE S'ÉTEINT · le film joue, la page autour passe au noir
   ══════════════════════════════════════════════════════════════════════════ */
.wz-projets-noir{position:fixed;inset:0;z-index:94;background:rgba(5,5,6,.9);opacity:0;pointer-events:none;transition:opacity .8s ease}
html.wz-projets-salle .wz-projets-noir{opacity:1;pointer-events:auto;cursor:zoom-out}
.wz-projets-hote{position:relative;z-index:95!important}
.wz-projets-projete{position:relative;z-index:95!important;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 40px 140px -30px rgba(255,42,26,.42)!important}
#nav{transition:opacity .6s}
html.wz-projets-salle #nav{opacity:.15}
html.wz-projets-salle #nav:hover,html.wz-projets-salle #nav:focus-within{opacity:1}
html.wz-projets-salle .wz-projets-chap,html.wz-projets-salle .wz-projets-pilule{opacity:0;pointer-events:none;visibility:hidden}

/* ── Le film : aperçu muet au survol, pastille blanche, barre de lecture ── */
.wz-projets-projo .wz-projets-apercu{z-index:1;opacity:0;transition:opacity .6s ease;pointer-events:none}
.wz-projets-projo.apercu .wz-projets-apercu{opacity:1}
.wz-projets-projo.lit .wz-projets-apercu{display:none}
.wz-projets-projo .film-cover .play{background:#fff}
.wz-projets-projo .film-cover .play svg{fill:#000}
.wz-projets-projo .film-cover:hover .play{background:#E5E7EB}
.wz-projets-projo .film-cover:focus-visible{outline:2px solid #fff;outline-offset:-8px;border-radius:var(--wz-projets-r)}
/* la pastille de lecture descend dans le coin : le titre de l'affiche reste lisible */
.wz-projets-projo .film-cover{flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:14px;padding:0 0 24px 26px;
  background:linear-gradient(to top,rgba(5,5,6,.6),rgba(5,5,6,0) 42%)}
.wz-projets-projo .film-cover .play{width:64px;height:64px}
.wz-projets-projo .film-cover .play svg{width:20px;height:23px;margin-left:3px}
.wz-projets-projo .film-cover span:last-child{padding:9px 15px;border-radius:999px;background:rgba(0,0,0,.4);margin-bottom:11px}
@media (max-width:767px){.wz-projets-projo .film-cover{padding:0 0 14px 14px;gap:10px}.wz-projets-projo .film-cover .play{width:52px;height:52px}.wz-projets-projo .film-cover span:last-child{margin-bottom:7px}}
/* témoin de lecture, pas une commande : un simple trait, sans tête de curseur */
.wz-projets-lecture{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:16px;pointer-events:none}
.wz-projets-lecture .wz-barre{height:3px}
.wz-projets-lecture .wz-projets-cur{font:600 11.5px/1 Inter,-apple-system,sans-serif;letter-spacing:.08em;color:var(--lin);font-variant-numeric:tabular-nums;min-width:40px}
.wz-projets-lecture .wz-barre{margin:0}
.wz-projets-lecture .wz-onde{height:18px;margin:0}
.wz-projets-lecture .wz-onde i{animation-play-state:paused}
.wz-projets-lecture.joue .wz-onde i{animation-play-state:running}
html.wz-projets-salle .wz-projets-lecture.joue{position:relative;z-index:95}

/* ══════════════════════════════════════════════════════════════════════════
   4 · GRILLES PHOTO · la mise au point bascule d'une image à l'autre
   ══════════════════════════════════════════════════════════════════════════ */
.wz-projets-focus .ph img{transition:filter .9s ease,transform 1.2s var(--wz-projets-e)}
html.wz-projets-on .wz-projets-focus .ph:not(.net) img{filter:blur(9px) saturate(.75) brightness(.82);transform:scale(1.06)}
.wz-projets-focus .ph::before{content:"";position:absolute;z-index:3;pointer-events:none;inset:14px;opacity:0;
  --c:rgba(255,255,255,.85);
  background:linear-gradient(var(--c),var(--c)) 0 0/18px 2px no-repeat,linear-gradient(var(--c),var(--c)) 0 0/2px 18px no-repeat,
    linear-gradient(var(--c),var(--c)) 100% 0/18px 2px no-repeat,linear-gradient(var(--c),var(--c)) 100% 0/2px 18px no-repeat,
    linear-gradient(var(--c),var(--c)) 0 100%/18px 2px no-repeat,linear-gradient(var(--c),var(--c)) 0 100%/2px 18px no-repeat,
    linear-gradient(var(--c),var(--c)) 100% 100%/18px 2px no-repeat,linear-gradient(var(--c),var(--c)) 100% 100%/2px 18px no-repeat}
.wz-projets-focus .ph.net::before{animation:wzProjetsVisee 1.3s ease-out both}
@keyframes wzProjetsVisee{0%{inset:2px;opacity:0}35%{opacity:1}100%{inset:16px;opacity:0}}
.wz-projets-focus .ph:hover::before{inset:16px;opacity:1;animation:none;transition:opacity .3s}
@media (max-width:767px){html.wz-projets-on .wz-projets-focus .ph:not(.net) img{filter:blur(6px) saturate(.75) brightness(.82)}}

/* travelling lent dans les grands plans (Swiss Longeva) */
[data-wz-projets-travel] img{transform:translate3d(0,var(--wz-projets-ty,0%),0) scale(1.12)!important}
html.wz-projets-on .wz-projets-focus [data-wz-projets-travel]:not(.net) img{transform:translate3d(0,var(--wz-projets-ty,0%),0) scale(1.18)!important}

/* ── la fiche du brief devient une ardoise de tournage (clap qui claque) ── */
.facts.wz-projets-ardoise{position:relative;margin-top:46px;padding:62px 28px 22px!important;border:1px solid rgba(255,255,255,.14)!important;
  border-radius:16px;background:linear-gradient(180deg,#0E0E10,#0A0A0C);gap:0 28px!important}
.facts.wz-projets-ardoise::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:38px;border-radius:16px 16px 0 0;
  background:repeating-linear-gradient(55deg,var(--rouge) 0 24px,var(--lin) 24px 48px)}
.wz-projets-ardoise-bras{position:absolute;left:-1px;right:-1px;top:-42px;height:36px;border-radius:7px;transform-origin:0 100%;transform:rotate(-14deg);
  background:repeating-linear-gradient(-55deg,var(--rouge) 0 24px,var(--lin) 24px 48px);box-shadow:0 10px 24px -10px rgba(0,0,0,.8);
  transition:transform .24s cubic-bezier(.6,0,.9,.4) .15s}
.wz-projets-ardoise.vu .wz-projets-ardoise-bras{transform:rotate(0)}
.wz-projets-ardoise-bras::after{content:"";position:absolute;inset:0 0 -70px;background:#fff;opacity:0;pointer-events:none;border-radius:7px}
.wz-projets-ardoise.vu .wz-projets-ardoise-bras::after{animation:wzProjetsEclair .16s .39s}
@keyframes wzProjetsEclair{50%{opacity:.45}}
.wz-projets-ardoise-cas{position:absolute;top:50px;right:26px;font:600 11px/1 Inter,-apple-system,sans-serif;letter-spacing:.16em;color:var(--gris-n);font-variant-numeric:tabular-nums}
.facts.wz-projets-ardoise:not(.wz-projets-regles){grid-template-columns:repeat(2,minmax(0,1fr))}
.wz-projets-ardoise .fact{min-width:0;padding:14px 0;border-top:1px solid rgba(242,239,234,.1)}
.wz-projets-ardoise .fact span,.wz-projets-ardoise .fact b{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
@media (max-width:900px){.facts.wz-projets-ardoise{margin-top:58px}}
@media (max-width:767px){
  .facts.wz-projets-ardoise{padding:54px 16px 16px!important;gap:0 16px!important}
  .facts.wz-projets-ardoise::before,.wz-projets-ardoise-bras{height:30px}
  .wz-projets-ardoise-bras{top:-35px;transform:rotate(-8deg)}
  .wz-projets-ardoise-cas{top:42px;right:18px}
}

/* ── Winset · « compréhensible le son coupé » : une vidéo de la série joue muette ── */
@media (min-width:901px){.wz-projets-ecriture>div:first-child{position:sticky;top:110px}}
.wz-projets-muet{position:relative;width:210px;aspect-ratio:9/16;margin:34px 0 0;border-radius:22px;overflow:hidden;background:#111;
  box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 70px -24px rgba(0,0,0,.9)}
.wz-projets-muet video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wz-projets-muet .wz-puce{position:absolute;right:12px;bottom:12px;padding:8px 10px;background:rgba(0,0,0,.4);color:#fff}
.wz-projets-muet .wz-i{width:16px;height:16px}
.facts.wz-projets-regles{grid-template-columns:1fr;gap:0;counter-reset:wzpregle;align-self:start}
.wz-projets-regles .fact{counter-increment:wzpregle;display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:8px;align-items:start;padding:26px 0;border-top:1px solid rgba(255,255,255,.1)}
.wz-projets-regles .fact::before{content:counter(wzpregle,decimal-leading-zero);grid-row:1/3;font-size:72px;font-weight:900;letter-spacing:-.07em;line-height:.8;
  color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.3);transition:color .5s,-webkit-text-stroke-color .5s}
.wz-projets-regles .fact.on::before{color:var(--rouge);-webkit-text-stroke-color:var(--rouge)}
.wz-projets-regles .fact b{margin:4px 0 8px}
.wz-projets-regles .fact span{font-size:16px;line-height:1.5}
@media (max-width:767px){.wz-projets-muet{width:170px}.wz-projets-regles .fact{grid-template-columns:70px minmax(0,1fr)}.wz-projets-regles .fact::before{font-size:52px}}

/* ══════════════════════════════════════════════════════════════════════════
   5 · LA SÉLECTION · la pellicule de l'accueil (module partagé .wz-film)
   ══════════════════════════════════════════════════════════════════════════ */
.wz-projets-selection{overflow:hidden;padding-bottom:150px!important}
.wz-projets-selection .wz-film{margin-top:48px}
.wz-projets-selection .wz-film figure{width:auto;height:340px;aspect-ratio:3/2;border-radius:6px}
.wz-projets-selection .wz-film figure.p{width:auto;aspect-ratio:4/5}
@media (max-width:767px){
  .wz-projets-selection{padding-bottom:100px!important}
  .wz-projets-selection .wz-film figure{height:220px;width:auto}
  .wz-projets-selection .wz-film figure.p{width:auto}
}

/* ══════════════════════════════════════════════════════════════════════════
   6 · FIN D'ÉPISODE · carte élan, puis l'épisode suivant
   ══════════════════════════════════════════════════════════════════════════ */
.wz-projets-fin{border-top:1px solid var(--border,rgba(255,255,255,.12));padding:72px 16px 40px}
.wz-projets-fin h2{font-size:clamp(32px,4.1vw,56px);max-width:600px;font-weight:600;letter-spacing:-.045em;line-height:1}
.wz-projets-fin .wz-elan-contenu>div:last-child>p{max-width:460px;color:rgba(255,255,255,.92)}
.wz-projets-fin .wz-pilules{align-items:center;flex-wrap:wrap}
.wz-projets-fin .wz-pilules .kick{margin:0;font-size:12px;letter-spacing:.18em;padding:8px 16px 8px 10px;color:#fff}
.wz-projets-fin .wz-pilules .kick i{border-color:rgba(255,255,255,.3);color:#fff}
.wz-projets-fin .wz-ctas .liquid-glass{background:rgba(10,3,2,.38)}
.wz-projets-fin .wz-ctas .liquid-glass:hover{background:rgba(10,3,2,.55)}
.wz-projets-fin .human{display:inline-flex;align-items:center;gap:14px;margin-top:26px;padding:12px 18px 12px 12px;border-radius:18px;
  background:rgba(10,3,2,.42);border:0;text-align:left;max-width:520px}
.wz-projets-fin .human img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3)}
.wz-projets-fin .human p{margin:0;max-width:none;font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.86)}
.wz-projets-fin .human b{color:#fff}
.wz-projets-fin .wz-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* le portrait de Cédric : le traitement partagé (contraste 1,55, fantôme sépia)
   en faisait une silhouette noire. Contraste doux et image éclaircie : le
   visage reste lisible sous le multiply, le fantôme ne fait plus qu'un écho. */
.wz-projets-fin .wz-elan-img,.wz-projets-fin .wz-elan-img.fantome{filter:url(#wz-flou-elan) grayscale(1) contrast(1.05) brightness(1.3)}
.wz-projets-fin .wz-elan-img.fantome{opacity:.18}
/* voile sombre côté texte : le paragraphe ne doit jamais tomber sur le rouge pur (contraste ≥ 4,5) */
.wz-projets-fin .wz-carte-elan::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(14,3,2,.72) 0%,rgba(14,3,2,.55) 38%,rgba(14,3,2,0) 62%)}
@media (max-width:767px){
  .wz-projets-fin{padding:56px 12px 28px}
  /* le texte descend en bas de la carte : on y assombrit le dégradé (contraste du texte) */
  .wz-projets-fin .wz-carte-elan::before{background:linear-gradient(180deg,transparent 22%,rgba(16,4,2,.72) 52%,rgba(12,3,2,.9) 100%)}
  .wz-projets-fin .wz-ctas{flex-direction:column;align-items:stretch}
  .wz-projets-fin .wz-ctas .wz-btn{justify-content:center;text-align:center}
}

.wz-projets-suivant{padding:24px 16px 110px}
.wz-projets-suiv-carte{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);max-width:1280px;margin:0 auto;border-radius:28px;overflow:hidden;
  text-decoration:none;color:var(--lin);background:var(--nuit-3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:box-shadow .6s}
.wz-projets-suiv-carte:focus-visible{outline:2px solid #fff;outline-offset:4px}
.wz-projets-suiv-ecran{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}
.wz-projets-suiv-ecran img,.wz-projets-suiv-ecran video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--wz-projets-e)}
.wz-projets-suiv-ecran video{opacity:0;transition:opacity .7s,transform 1.4s var(--wz-projets-e)}
.wz-projets-suiv-ecran video.on{opacity:1}
.wz-projets-suiv-carte:hover .wz-projets-suiv-ecran img,.wz-projets-suiv-carte:hover .wz-projets-suiv-ecran video{transform:scale(1.04)}
.wz-projets-suiv-ecran::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 60%,rgba(14,14,16,.55))}
.wz-projets-anneau{position:absolute;right:22px;bottom:22px;z-index:2;width:64px;height:64px}
.wz-projets-anneau circle{fill:none;stroke-width:3}
.wz-projets-anneau .fond{fill:rgba(0,0,0,.35);stroke:rgba(255,255,255,.25)}
.wz-projets-anneau .p{stroke:var(--rouge);stroke-linecap:round;stroke-dasharray:132;stroke-dashoffset:calc(132 * (1 - var(--q,0)));transform:rotate(-90deg);transform-origin:center}
.wz-projets-anneau path{fill:#fff}
.wz-projets-suiv-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:40px 44px}
.wz-projets-suiv-info .wz-kicker{margin:0}
.wz-projets-suiv-info h2{margin:0;font-size:clamp(40px,5vw,76px);font-weight:600;letter-spacing:-.05em;line-height:.95;color:var(--lin)}
.wz-projets-suiv-info p{margin:0 0 10px;color:var(--gris-n);font-size:15px;line-height:1.5}
.wz-projets-suiv-carte.pret{box-shadow:inset 0 0 0 1px rgba(255,42,26,.55),0 30px 90px -34px rgba(255,42,26,.5)}
@media (max-width:767px){
  .wz-projets-suivant{padding:16px 12px 80px}
  .wz-projets-suiv-carte{grid-template-columns:1fr;border-radius:22px}
  .wz-projets-suiv-ecran::after{background:none}
  .wz-projets-suiv-info{padding:24px 22px 28px}
  .wz-projets-anneau{width:52px;height:52px;right:14px;bottom:14px}
}

/* ══════════════════════════════════════════════════════════════════════════
   7 · NEXTRAINERS · la régie (PGM / PVW), le vumètre du record, la file
   ══════════════════════════════════════════════════════════════════════════ */
.grid-plateau.wz-projets-regie{grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;gap:12px;align-items:start}
.wz-projets-pgm{grid-column:1/10;grid-row:1/4;position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;
  box-shadow:0 0 0 2px var(--rouge),0 30px 80px -30px rgba(255,42,26,.35)}
.wz-projets-pgm video,.wz-projets-pgm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
.wz-projets-pgm.coupe video{animation:wzProjetsCoupe .22s ease-out}
@keyframes wzProjetsCoupe{from{filter:brightness(1.8) contrast(1.1)}}
.wz-projets-pgm-haut{position:absolute;left:16px;top:16px;z-index:3;display:flex;align-items:center;gap:8px}
.wz-projets-pgm-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:var(--rouge);color:#111;font:700 11px/1 Inter,-apple-system,sans-serif;letter-spacing:.14em}
.wz-projets-pgm-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#111}
.wz-projets-pgm-tc{font:500 12px/1 Inter,-apple-system,sans-serif;font-variant-numeric:tabular-nums;color:#fff;padding:7px 12px;border-radius:999px;background:rgba(0,0,0,.4)}
.wz-projets-pgm-cap{position:absolute;left:16px;bottom:16px;z-index:3;font-size:12.5px;background:rgba(0,0,0,.42);color:#fff}
.wz-projets-regie .ph{grid-column:10/13;aspect-ratio:16/9!important;cursor:pointer;transition:box-shadow .25s,transform .25s;outline:0}
.wz-projets-regie .p1{grid-row:1}.wz-projets-regie .p2{grid-row:2}.wz-projets-regie .p3{grid-row:3}
.wz-projets-regie .ph .cap{top:12px!important;bottom:auto!important;left:12px}
.wz-projets-regie .ph .wz-projets-src{position:absolute;right:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;font:700 10px/1 Inter,-apple-system,sans-serif;
  letter-spacing:.14em;color:#fff;padding:5px 9px 5px 7px;border-radius:999px;background:rgba(0,0,0,.5)}
.wz-projets-regie .ph .wz-projets-src::before{content:"";width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3)}
.wz-projets-regie .ph.antenne .wz-projets-src::after{content:" · PGM"}
.wz-projets-regie .ph.pvw .wz-projets-src::after{content:" · PVW"}
.wz-projets-regie .ph.pvw{box-shadow:0 0 0 2px rgba(242,239,234,.75)}
.wz-projets-regie .ph.pvw .wz-projets-src::before{background:var(--lin)}
.wz-projets-regie .ph.antenne{box-shadow:0 0 0 2px var(--rouge)}
.wz-projets-regie .ph.antenne .wz-projets-src::before{background:var(--rouge);box-shadow:0 0 8px 2px rgba(255,42,26,.7)}
.wz-projets-regie .ph:hover{transform:translateY(-2px)}
.wz-projets-regie .ph:focus-visible{box-shadow:0 0 0 2px #fff}
.wz-projets-regie .ph video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;opacity:0;transition:opacity .4s}
.wz-projets-regie .ph video.on{opacity:1}
@media (max-width:900px){
  .wz-projets-pgm{grid-column:1/-1;grid-row:auto}
  .wz-projets-regie .ph,.wz-projets-regie .p1,.wz-projets-regie .p2,.wz-projets-regie .p3{grid-column:span 4!important;grid-row:2!important}
  .wz-projets-regie .ph .cap{display:none}
}
@media (max-width:767px){.grid-plateau.wz-projets-regie{gap:8px}.wz-projets-pgm-haut{left:12px;right:12px;top:12px}.wz-projets-pgm-cap{left:12px;bottom:12px;font-size:11px}}

.record.wz-projets-record{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;padding:72px 24px 52px;background:#000;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.wz-projets-record-fond{position:absolute;inset:0;z-index:-2;pointer-events:none}
.wz-projets-record-fond video{width:100%;height:100%;object-fit:cover;filter:blur(16px) brightness(.32) saturate(1.15);transform:scale(1.15)}
.wz-projets-record::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,rgba(5,5,6,.55),rgba(5,5,6,.25) 70%)}
.wz-projets-vu{display:flex;gap:4px;height:16px;max-width:620px;margin:22px auto 20px}
.wz-projets-vu b{flex:1;border-radius:3px;background:rgba(255,255,255,.08);transition:background .12s}
.wz-projets-vu b.on{background:#E9E5DE}
.wz-projets-vu b.on.chaud{background:var(--chaud)}
.wz-projets-vu b.on.rouge,.wz-projets-vu b.crete{background:var(--rouge)}
.wz-projets-vu b.crete{box-shadow:0 0 10px 2px rgba(255,42,26,.6)}
@media (max-width:767px){.record.wz-projets-record{padding:56px 18px 40px;border-radius:22px}.wz-projets-vu{height:12px;gap:3px}}

/* la parole du client, sous-titrée mot à mot (module partagé .wz-voix) */
.quote-block.wz-voix{display:block;max-width:980px}
.quote-block.wz-voix .q{margin:0;font:700 clamp(28px,3.9vw,52px)/1.08 Inter,-apple-system,sans-serif;letter-spacing:-.035em;color:var(--lin)}
.quote-block.wz-voix .wz-voix-auteur{justify-content:center;margin-top:34px}
.brief .quote-block.wz-voix .q{font-size:clamp(22px,2.3vw,31px);line-height:1.18;letter-spacing:-.025em}
.brief .quote-block.wz-voix .wz-voix-auteur{justify-content:flex-start;margin-top:26px}
@media (max-width:767px){.quote-block.wz-voix .q{font-size:27px}.brief .quote-block.wz-voix .q{font-size:22px}}

/* le numéro se tient à gauche de la vignette, pied aligné, comme les formats courts de l'accueil ;
   colonne de largeur fixe : « 1 » et « 2 » n'ont pas la même chasse, les vignettes restent alignées */
.eps.wz-projets-file{counter-reset:wzpep;gap:22px;margin-top:48px}
.wz-projets-file .ep{counter-increment:wzpep;position:relative;overflow:visible;background:none;border:0;
  display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-areas:"n media" ". meta"}
.wz-projets-file .ep::before{content:counter(wzpep);grid-area:n;align-self:end;justify-self:start;white-space:nowrap;position:relative;z-index:0;font-size:150px;font-weight:900;line-height:.74;letter-spacing:-.08em;
  color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.26);transition:-webkit-text-stroke-color .3s;pointer-events:none;user-select:none}
.wz-projets-file .ep-media{grid-area:media}
.wz-projets-file .ep-meta{grid-area:meta}
.wz-projets-file .ep:hover::before{-webkit-text-stroke-color:var(--rouge)}
.wz-projets-file .ep-media{z-index:1;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.wz-projets-file .ep-media img{transition:transform 1.2s var(--wz-projets-e)}
.wz-projets-file .ep:not(.en-lecture):hover .ep-media img{transform:scale(1.05)}
.wz-projets-file .ep-cover .play{background:#fff}
.wz-projets-file .ep-cover .play svg{fill:#000}
.wz-projets-file .ep-cover:hover .play{background:#E5E7EB}
.wz-projets-file .ep-cover:focus-visible{outline:2px solid #fff;outline-offset:-6px}
.wz-projets-file .ep-meta{position:relative;z-index:1;padding:18px 4px 0}
.wz-projets-file .ep.en-lecture .ep-media{box-shadow:0 0 0 2px var(--rouge)}
@media (max-width:767px){.eps.wz-projets-file{gap:30px;margin-top:36px}.wz-projets-file .ep{grid-template-columns:36px minmax(0,1fr)}.wz-projets-file .ep::before{font-size:92px}}

/* ══════════════════════════════════════════════════════════════════════════
   8 · WINSET · le téléphone en stories, la série en rangée de shorts
   ══════════════════════════════════════════════════════════════════════════ */
.wz-projets-stories{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:inherit;opacity:0;transition:opacity .8s;pointer-events:none}
.wz-projets-stories.joue{opacity:1}
.wz-projets-stories video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translateY(100%);
  transition:transform .65s cubic-bezier(.7,0,.2,1),filter .65s}
.wz-projets-stories video.actif{transform:translateY(0)}
.wz-projets-stories video.parti{transform:translateY(-100%);filter:blur(6px)}
.wz-projets-stories video.sans-trans{transition:none}
.wz-projets-st-barres{position:absolute;left:12px;right:12px;top:12px;z-index:4;display:flex;gap:4px}
.wz-projets-st-barres i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.32);overflow:hidden}
.wz-projets-st-barres b{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(0)}
.wz-projets-st-rec{position:absolute;top:24px;left:14px;z-index:4;display:inline-flex;align-items:center;gap:7px;font:700 10.5px/1 Inter,-apple-system,sans-serif;
  letter-spacing:.14em;color:#fff;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.35)}
.wz-projets-st-rec i{width:7px;height:7px;border-radius:50%;background:var(--rouge);animation:wzPouls 1.4s steps(1,end) infinite}
.wz-projets-st-nom{position:absolute;left:12px;bottom:14px;z-index:4;font-size:12px;background:rgba(0,0,0,.38);color:#fff;max-width:calc(100% - 24px)}
.wz-projets-st-nom:empty{display:none}
@media (hover:hover) and (min-width:901px){
  .hero-w .phone.wz-projets-tel{transform:perspective(1000px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .5s var(--wz-projets-e)}
}

.serie.wz-projets-serie{counter-reset:wzpser;gap:26px}
.wz-projets-serie .serie-item{position:relative;counter-increment:wzpser;padding-left:46px}
.wz-projets-serie .serie-item::before{content:counter(wzpser);position:absolute;left:-4px;bottom:74px;z-index:0;font-size:200px;font-weight:900;line-height:.74;
  letter-spacing:-.08em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.26);transition:-webkit-text-stroke-color .3s;pointer-events:none;user-select:none}
.wz-projets-serie .serie-item:hover::before{-webkit-text-stroke-color:var(--rouge)}
.wz-projets-serie .serie-card{position:relative;z-index:1;transition:transform .45s var(--wz-projets-e),box-shadow .45s}
.wz-projets-serie .serie-item:hover .serie-card{transform:translateY(-10px) scale(1.02);box-shadow:0 34px 60px -22px rgba(0,0,0,.9)}
.wz-projets-serie .serie-card:focus-visible{outline:2px solid #fff;outline-offset:4px}
.wz-projets-prog{position:absolute;left:0;right:0;bottom:0;z-index:5;height:3px;background:rgba(255,255,255,.15);pointer-events:none}
.wz-projets-prog i{position:absolute;inset:0;background:var(--rouge);transform-origin:left;transform:scaleX(0)}
.wz-projets-serie .serie-meta{position:relative;z-index:1}
@media (max-width:900px){
  .serie.wz-projets-serie{display:flex;max-width:none;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;
    margin:40px -20px 0;padding:6px 20px 14px;gap:14px}
  .serie.wz-projets-serie::-webkit-scrollbar{display:none}
  .wz-projets-serie .serie-item{flex:0 0 min(72vw,300px);scroll-snap-align:center;padding-left:30px}
  .wz-projets-serie .serie-item::before{font-size:130px;bottom:70px}
}

/* ── les maquettes de site défilent avec la page (et toujours au survol) ── */
.site-view.wz-projets-ecran:not(:hover) img{transform:translateY(var(--wz-projets-pano,0px));transition:transform .25s linear}
.wz-projets-ecran-tete{position:absolute;right:6px;top:8px;bottom:8px;width:3px;border-radius:3px;background:rgba(255,255,255,.1);z-index:2;pointer-events:none}
.wz-projets-ecran-tete::after{content:"";position:absolute;left:-2px;width:7px;height:28px;border-radius:4px;background:var(--rouge);top:calc(var(--s,0) * (100% - 28px))}

/* ── les photos de séance en planche contact ── */
.wp-cinq.wz-projets-planche{position:relative;counter-reset:wzppl;gap:10px;padding:34px 14px 30px;border-radius:6px;background:#0b0b0b}
.wz-projets-planche::before,.wz-projets-planche::after{content:"";position:absolute;left:0;right:0;height:10px;opacity:.5;pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.75) 12px 24px,transparent 24px 36px)}
.wz-projets-planche::before{top:7px}
.wz-projets-planche::after{bottom:7px}
.wz-projets-planche picture{position:relative;display:block;counter-increment:wzppl}
.wz-projets-planche picture::before{content:counter(wzppl,decimal-leading-zero) "A";position:absolute;left:2px;top:-17px;font:600 10px/1 Inter,-apple-system,sans-serif;
  letter-spacing:.12em;color:var(--gris-n);font-variant-numeric:tabular-nums}
.wz-projets-planche img{filter:grayscale(.4) contrast(1.05);transition:filter .5s}
.wz-projets-planche picture:hover img,.wz-projets-planche picture.choisi img{filter:none}
.wz-projets-planche picture::after{content:"";position:absolute;inset:-7px;border:2.5px solid var(--rouge);border-radius:50%;opacity:0;
  transform:scale(.6) rotate(-12deg);transition:transform .45s var(--wz-projets-e),opacity .3s;pointer-events:none}
.wz-projets-planche picture:hover::after,.wz-projets-planche picture.choisi::after{opacity:.92;transform:scale(1) rotate(-4deg)}
/* mobile : quatre vues en 2 × 2 (plus de rangée orpheline), l'interligne
   laisse la place aux numéros de vue */
@media (max-width:600px){
  .wp-backstage .wp-cinq.wz-projets-planche{row-gap:26px;padding-top:38px}
  .wp-backstage .wp-cinq.wz-projets-planche-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ══════════════════════════════════════════════════════════════════════════
   9 · ÉQUIPE · éventail des visages, générique, console des valeurs
   ══════════════════════════════════════════════════════════════════════════ */
.hero-section.wz-projets-eq-tete{margin:0 calc(50% - 50vw) 40px;padding:20px 0 30px;text-align:center}
.wz-projets-eq-tete .wz-geant{top:44%;text-transform:uppercase;-webkit-text-stroke-color:rgba(255,255,255,.08)}
.wz-projets-eq-tete .wz-micro-tete{max-width:760px;margin:0 auto}
.wz-projets-eq-tete .wz-eventail{height:520px}
.wz-projets-eq-tete .wz-carte{width:220px}
.wz-projets-eq-tete .wz-carte img{object-position:50% 30%}
.wz-projets-eq-tete .wz-carte .wz-puce{background:rgba(0,0,0,.55);font-size:12px}
@media (max-width:767px){
  .wz-projets-eq-tete .wz-eventail{height:340px;--mx:.29}
  .wz-projets-eq-tete .wz-carte{width:128px;border-radius:18px}
  .wz-projets-eq-tete .wz-carte .wz-puce{display:none}
}

.team-grid.wz-projets-gen{display:block;margin:30px 0 40px}
.wz-projets-gen .team-card{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-areas:"photo role" "photo nom" "photo bio" "photo soc";
  grid-template-rows:auto auto auto 1fr;column-gap:52px;align-content:center;text-align:left;padding:40px 0;border:0;border-top:1px solid rgba(255,255,255,.1);
  border-radius:0;background:none;transition:none}
.wz-projets-gen .team-card:nth-child(even){grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:"role photo" "nom photo" "bio photo" "soc photo"}
.wz-projets-gen .team-card:nth-child(even) .team-role,.wz-projets-gen .team-card:nth-child(even) .team-name,
.wz-projets-gen .team-card:nth-child(even) .team-bio{justify-self:end;text-align:right}
.wz-projets-gen .team-card:nth-child(even) .team-socials{justify-content:flex-end}
.wz-projets-gen .team-card:hover{transform:none;border-color:rgba(255,255,255,.1)}
.wz-projets-gen .team-photo{grid-area:photo;width:100%;height:auto;aspect-ratio:4/5;margin:0;border:0;border-radius:22px;background:#16161A;
  filter:grayscale(1) brightness(.78);transition:filter .7s,transform .7s var(--wz-projets-e)}
.wz-projets-gen .team-photo img{object-position:50% 30%}
.wz-projets-gen .team-card.on .team-photo,.wz-projets-gen .team-card:hover .team-photo,.wz-projets-gen .team-card:focus-within .team-photo{filter:none;transform:scale(1.02)}
.wz-projets-gen .team-card:hover .team-name,.wz-projets-gen .team-card:focus-within .team-name{color:var(--lin)}
.wz-projets-gen .team-card.on .team-photo img{animation:wzProjetsFile .6s var(--wz-projets-e)}
@keyframes wzProjetsFile{from{transform:translateX(-12%);filter:blur(10px)}}
.wz-projets-gen .team-photo::after{content:"";position:absolute;inset:14px;opacity:0;transition:opacity .4s;pointer-events:none;
  --c:rgba(255,255,255,.85);
  background:linear-gradient(var(--c),var(--c)) 0 0/20px 2px no-repeat,linear-gradient(var(--c),var(--c)) 0 0/2px 20px no-repeat,
    linear-gradient(var(--c),var(--c)) 100% 0/20px 2px no-repeat,linear-gradient(var(--c),var(--c)) 100% 0/2px 20px no-repeat,
    linear-gradient(var(--c),var(--c)) 0 100%/20px 2px no-repeat,linear-gradient(var(--c),var(--c)) 0 100%/2px 20px no-repeat,
    linear-gradient(var(--c),var(--c)) 100% 100%/20px 2px no-repeat,linear-gradient(var(--c),var(--c)) 100% 100%/2px 20px no-repeat}
.wz-projets-gen .team-card.on .team-photo::after{opacity:.85}
.wz-projets-gen .team-role{grid-area:role;align-self:end;display:inline-flex;align-items:center;gap:10px;margin:0;color:var(--gris-n);font-size:12px;letter-spacing:.16em}
.wz-projets-gen .team-role::before{content:"";width:22px;height:2px;background:var(--rouge)}
.wz-projets-gen .team-card:nth-child(even) .team-role{flex-direction:row-reverse}
.wz-projets-gen .team-name{grid-area:nom;margin:12px 0 14px;font-size:clamp(36px,5vw,64px);font-weight:600;letter-spacing:-.045em;line-height:.98;color:var(--gris-n);transition:color .5s}
.wz-projets-gen .team-card.on .team-name{color:var(--lin)}
.wz-projets-gen .team-bio{grid-area:bio;max-width:520px;font-size:16px;color:rgba(242,239,234,.78)}
.wz-projets-gen .team-socials{grid-area:soc;align-self:start;justify-content:flex-start}
.wz-projets-gen .team-socials a:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:767px){
  .wz-projets-gen .team-card,.wz-projets-gen .team-card:nth-child(even){grid-template-columns:112px minmax(0,1fr);
    grid-template-areas:"photo role" "photo nom" "bio bio" "soc soc";column-gap:18px;padding:28px 0}
  .wz-projets-gen .team-card:nth-child(even) .team-role,.wz-projets-gen .team-card:nth-child(even) .team-name,
  .wz-projets-gen .team-card:nth-child(even) .team-bio{justify-self:start;text-align:left}
  .wz-projets-gen .team-card:nth-child(even) .team-role{flex-direction:row}
  .wz-projets-gen .team-card:nth-child(even) .team-socials{justify-content:flex-start}
  .wz-projets-gen .team-photo{border-radius:16px}
  .wz-projets-gen .team-role{font-size:10.5px;letter-spacing:.12em;align-self:end}
  .wz-projets-gen .team-role::before{width:14px}
  .wz-projets-gen .team-name{font-size:28px;margin:8px 0 0;align-self:start}
  .wz-projets-gen .team-bio{margin-top:16px;font-size:15px}
}

/* sous la bande des visages : la rangée de formats courts de l'accueil */
.wz-projets-eq-courts{margin-top:34px;padding:26px 0 10px!important}
/* ordinateur : les quatre courts tiennent toujours dans la largeur (grille
   de quatre colonnes, vignette fluide), rien n'est coupé, aucune flèche à chercher */
@media (min-width:768px){
  .wz-projets-eq-courts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px;overflow:visible;scroll-snap-type:none;max-width:1004px;margin-left:auto;margin-right:auto}
  .wz-projets-eq-courts .wz-court{min-width:0;justify-content:center}
  .wz-projets-eq-courts .wz-vign{flex:1 1 auto;width:auto;min-width:0;max-width:196px}
  /* chasse réservée identique pour « 1 » à « 4 » : les quatre vignettes ont la même taille,
     le chiffre déborde sous la vignette comme sur l'accueil */
  .wz-projets-eq-courts .wz-court .n{flex:none;width:.5em;margin-right:-.08em;font-size:clamp(104px,11vw,150px);white-space:nowrap}
}
@media (min-width:1000px){.wz-projets-eq-courts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wz-projets-eq-courts .wz-vign:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media (max-width:767px){.wz-projets-eq-courts{margin:18px -18px 0}}

.values-section.wz-projets-console{position:relative;isolation:isolate;overflow:hidden;background:#000;padding:64px 40px}
.wz-projets-console-fond{position:absolute;inset:0;z-index:-2;pointer-events:none}
.wz-projets-console-fond video{width:100%;height:100%;object-fit:cover;filter:blur(14px) brightness(.3) saturate(1.1);transform:scale(1.12)}
.wz-projets-console::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,6,.35),rgba(5,5,6,.7))}
.values-grid.wz-mixer{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:40px}
.wz-projets-console .wz-tranche{min-height:470px;background:linear-gradient(180deg,rgba(14,14,16,.82),rgba(10,10,12,.74));
  box-shadow:inset 0 1px 1px rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.06);counter-increment:wzpch}
.values-grid.wz-mixer{counter-reset:wzpch}
.wz-projets-console .wz-tranche-tete span::before{content:"CH " counter(wzpch,decimal-leading-zero)}
.wz-projets-console .value-item h3{margin:20px 0 10px;font-size:18px;line-height:1.3}
.wz-projets-console .value-item p{font-size:14.5px;line-height:1.6;color:rgba(242,239,234,.8)}
.wz-projets-console .wz-piste-vu{flex:0 0 120px;margin-top:auto;padding-top:22px}
@media (max-width:1100px){.values-grid.wz-mixer{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  .values-section.wz-projets-console{padding:44px 18px}
  .values-grid.wz-mixer{grid-template-columns:1fr}
  .wz-projets-console .wz-tranche{min-height:0}
  .wz-projets-console .wz-piste-vu{flex-basis:84px}
}

/* ── bannière cookies : « Refuser » restait en encre #111 sur fond transparent
   posé sur la bannière sombre (contraste ≈ 1:1). Refuser doit se lire aussi
   bien qu'accepter. Même correctif que wanda-scene-conversion.css ; la vraie
   place de cette règle est css/wanda-scene.css (feuille partagée, hors famille). ── */
#wcook button{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#wcook button:not(.wcook-oui){color:var(--lin)!important}
#wcook button:not(.wcook-oui):hover{background:rgba(255,255,255,.08)!important}

/* ── liens de la barre de navigation de l'équipe : focus visible au clavier ── */
.ws-nav-link:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}

/* ── pied de page des études de cas : le logo portait width="1200" sans
   width:auto, il s'étirait en 1200 × 22 px et faisait déborder le mobile ── */
footer img{width:auto;max-width:100%}

/* ══════════════════════════════════════════════════════════════════════════
   MOUVEMENT RÉDUIT · rien ne bouge, tout est visible
   ══════════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion:reduce){
  header.hero .hero-media.wz-projets-ouv,header.hero .hero-media.wz-projets-ouv::after{animation:none}
  header.hero .hero-media.wz-projets-ouv::after{display:none}
  header.hero .hero-media.wz-projets-ouv>img{transform:scale(var(--wz-projets-z,1))!important;filter:none}
  .hero .crumb .tc::before,.hero-w .crumb .tc::before,.wz-projets-st-rec i{animation:none}
  html.wz-projets-on .wz-projets-focus .ph:not(.net) img{filter:none;transform:none}
  .wz-projets-focus .ph.net::before{animation:none}
  [data-wz-projets-travel] img,html.wz-projets-on .wz-projets-focus [data-wz-projets-travel]:not(.net) img{transform:none!important}
  .wz-projets-noir,.wz-projets-chap,.wz-projets-pilule{transition:none}
  .wz-projets-stories{display:none}
  .wz-projets-gen .team-photo{filter:none}
  .wz-projets-gen .team-card.on .team-photo img{animation:none}
  .wz-projets-gen .team-name{color:var(--lin)}
  .wz-projets-planche picture::after{transition:none}
  .wz-projets-serie .serie-card,.wz-projets-suiv-ecran img{transition:none}
  .wz-projets-ardoise-bras{transform:none!important;transition:none}
  .wz-projets-ardoise.vu .wz-projets-ardoise-bras::after{animation:none}
  .wz-projets-regles .fact::before{color:var(--rouge);-webkit-text-stroke-color:var(--rouge)}
  .site-view.wz-projets-ecran:not(:hover) img{transition:none}
}

/* performance 10/10 : au doigt, pas de flou SVG sur la carte de fin */
@media (hover:none),(pointer:coarse){.wz-projets-fin .wz-elan-img,.wz-projets-fin .wz-elan-img.fantome{filter:grayscale(1) contrast(1.05) brightness(1.3)}}