/* ══════════════════════════════════════════════════════════════════════════
   WANDA · SCÈNE · famille STUDIOS · vague 3 · 10 octobre 2026

   Pages : studio-rhone, studio-saleve, studio, production-video-geneve,
   en FR, EN et DE. Liée juste APRÈS wanda-scene.css (dont elle réutilise les
   jetons --nuit, --lin, --gris-n, --rouge, --chaud et les keyframes
   blurFadeUp, wzPouls, wzLent, wzOnde, wzNiv). Comportements :
   js/wanda-scene-studios.js, qui pose html.wz-studios-on au démarrage.
   Tout état masqué ou animé dépend de cette classe : si le script ne charge
   pas, la page reste entière et lisible.

   Préfixe : .wz-studios-  · aucune collision avec les autres familles.
   Modules :
     1. volet         salle vide / salle habitée, comparateur à poignée
     2. projection    #tourne-ici : la salle s'éteint, halo, file d'épisodes
     3. macro         mise au point qui bascule d'une macro à l'autre
     4. multiview     mur de retours caméra, lampe de tally
     5. feuille       feuille de service : clap, champs alignés
     6. transcript    édito chapitré, rail de lecture collant
     7. formats       production #usages : chaque format joue son rush
     8. régie         production #equipements : PGM / PVW
     9. ouverture     production #tourne-ici et duo des salles
    10. bannière      Nos studios : éventail, titres de sections
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 1. VOLET · salle vide / salle habitée ──────────────────────────────── */
.wz-studios-volet-bloc{padding-top:8px}
.wz-studios-volet{position:relative;margin:0;aspect-ratio:16/9;border-radius:20px;overflow:hidden;isolation:isolate;
  border:1px solid var(--filet-n,rgba(255,255,255,.1));background:#0A0A0C;--v:.5;touch-action:pan-y;
  -webkit-user-select:none;user-select:none;box-shadow:0 40px 90px -50px rgba(0,0,0,.9)}
.wz-studios-volet picture{position:absolute;inset:0;display:block;margin:0}
.sp-photo-inner .wz-studios-volet img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  border:0;border-radius:0;max-width:none}
.wz-studios-volet-a img{filter:saturate(calc(.4 + var(--v) * .6)) brightness(calc(.62 + var(--v) * .38))}
.wz-studios-volet-b{z-index:1}
html.wz-studios-on .wz-studios-volet-b{clip-path:inset(0 0 0 calc(var(--v) * 100%))}
/* JavaScript coupé (pas de html.js, posée en tête de page) : pas de volet, les deux photos
   l'une sous l'autre, entières, comme avant. Si seul ce script manque, la salle en session
   s'affiche entière dans le cadre (pas de découpe sans html.wz-studios-on). */
html:not(.js) .wz-studios-volet{aspect-ratio:auto;display:grid;gap:12px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
html:not(.js) .wz-studios-volet picture{position:relative;inset:auto;border-radius:20px;overflow:hidden}
html:not(.js) .sp-photo-inner .wz-studios-volet img{position:static;height:auto;aspect-ratio:16/9;filter:none;transform:none}
html:not(.wz-studios-on) .wz-studios-volet-trait,html:not(.wz-studios-on) .wz-studios-volet-rec{display:none}
.wz-studios-volet-b img{transform:scale(calc(1 + var(--v) * .06));transform-origin:65% 50%}
.wz-studios-volet-trait{position:absolute;top:0;bottom:0;left:calc(var(--v) * 100%);z-index:3;width:2px;margin-left:-1px;pointer-events:none;
  background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 24px 4px rgba(255,107,31,.5)}
.wz-studios-volet-poignee{position:absolute;top:50%;left:calc(var(--v) * 100%);z-index:4;width:58px;height:58px;margin:-29px 0 0 -29px;
  border-radius:50%;display:grid;place-items:center;color:#fff;cursor:ew-resize;touch-action:none;background:rgba(5,5,6,.38);
  transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.wz-studios-volet-poignee[hidden]{display:none}
.wz-studios-volet-poignee svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wz-studios-volet-poignee:focus-visible{outline:2px solid #fff;outline-offset:4px}
.wz-studios-volet.saisi .wz-studios-volet-poignee,.wz-studios-volet-poignee:hover{transform:scale(1.08)}
.wz-studios-volet-rec{position:absolute;right:18px;top:18px;z-index:2;font-size:12px;padding:7px 13px;background:rgba(0,0,0,.32);color:#fff;
  opacity:0;transition:opacity .4s}
.wz-studios-volet.plein .wz-studios-volet-rec{opacity:1}
/* le point du REC : .liquid-glass::before (cadre en masque, inset 0) écrase .wz-rec::before
   et le transforme en arc sur le coin ; on lui rend sa forme de point, ici seulement */
.wz-studios-volet-rec.wz-rec::before,.wz-studios-mini .wz-rec::before,.wz-studios-pgm .wz-rec::before,.wz-hero-cartes .wz-rec::before{
  position:relative;inset:auto;flex:none;display:inline-block;padding:0;-webkit-mask:none;mask:none}
.wz-studios-volet-rec.wz-rec{display:inline-flex;align-items:center;gap:7px}
.wz-studios-volet-caps{display:flex;justify-content:space-between;align-items:center;gap:10px 24px;margin-top:16px;flex-wrap:wrap}
.wz-studios-volet-caps p{margin:0;display:inline-flex;align-items:center;gap:10px;text-align:left;
  font:600 10.5px/1.4 'Inter',-apple-system,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gris-n);transition:color .35s}
.wz-studios-volet-caps p::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2);transition:background .35s,box-shadow .35s}
.wz-studios-volet-caps p.on{color:var(--lin)}
.wz-studios-volet-caps p.on::before{background:var(--rouge);box-shadow:0 0 10px 2px rgba(255,42,26,.5)}
.wz-studios-volet-caps .wp-cap b{color:var(--lin);font-weight:700}

/* ── 2. PROJECTION · #tourne-ici des pages studio ───────────────────────── */
.wz-studios-projection{position:relative;isolation:isolate;overflow:hidden;--sombre:0}
.wz-studios-projection::before,.wz-studios-projection::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--sombre)}
.wz-studios-projection::before{background:#020203}
.wz-studios-projection::after{background:radial-gradient(130% 90% at 50% 38%,transparent 52%,rgba(0,0,0,.6))}
.wz-studios-ecran{position:relative;isolation:isolate;min-width:0}
.wz-studios-halo{position:absolute;inset:-7% -6%;z-index:-1;border-radius:48px;pointer-events:none;background:center/cover no-repeat;
  filter:blur(56px) saturate(1.7);opacity:calc(var(--sombre) * .8);transform:scale(1)}
html.wz-studios-on .wz-studios-halo{animation:wzStudiosRespire 7s ease-in-out infinite}
@keyframes wzStudiosRespire{50%{transform:scale(1.07)}}
/* le faisceau : le flou est sur le parent, la découpe sur l'enfant, sinon les bords restent nets */
.wz-studios-faisceau{position:absolute;left:50%;bottom:96%;width:130%;height:440px;margin-left:-65%;z-index:-1;pointer-events:none;
  opacity:calc(var(--sombre) * .9);filter:blur(18px)}
.wz-studios-faisceau::before{content:"";position:absolute;inset:0;clip-path:polygon(48.5% 0,51.5% 0,96% 100%,4% 100%);
  background:linear-gradient(to bottom,rgba(255,236,214,0),rgba(255,236,214,.035) 45%,rgba(255,236,214,.1))}
.wz-studios-ecran .pod-lecteur{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 80px -30px rgba(0,0,0,.95)}
.wz-studios-ecran.allume .pod-lecteur{animation:wzStudiosScintille .75s linear 1}
@keyframes wzStudiosScintille{0%{filter:brightness(.15)}12%{filter:brightness(1)}20%{filter:brightness(.3)}32%{filter:brightness(1.05)}42%{filter:brightness(.55)}55%,100%{filter:brightness(1)}}
.wz-studios-ecran.allume .pod-play i{animation:wzPouls 1.6s steps(1,end) infinite}
/* épisode lancé : le lecteur YouTube passe devant la pastille et le bouton, ses commandes restent accessibles */
.wz-studios-ecran .pod-lecteur[data-lance] iframe{z-index:4}
.wz-studios-ecran .pod-lecteur[data-lance] .pod-salle,.wz-studios-ecran .pod-lecteur[data-lance] .pod-play{display:none}
#tourne-ici.wz-studios-projection .pod-salle b{color:var(--lin)}
#tourne-ici.wz-studios-projection .pod-salle::before{content:"";display:inline-block;vertical-align:0;width:8px;height:8px;margin-right:9px;border-radius:50%;
  background:var(--rouge);animation:wzPouls 1.4s steps(1,end) infinite}
/* plusieurs épisodes dans la même salle (12/10/2026) : un écran sur deux passe à droite, chacun s'allume à son tour */
.pod-grid+.pod-grid{margin-top:88px}
.pod-grid.pod-miroir{grid-template-columns:1fr 1.25fr}
.pod-grid.pod-miroir>.wz-studios-ecran{order:2}
@media (max-width:900px){
  .pod-grid+.pod-grid{margin-top:56px}
  .pod-grid.pod-miroir{grid-template-columns:1fr}
  .pod-grid.pod-miroir>.wz-studios-ecran{order:0}
}

/* la file d'épisodes, sous le lecteur */
.wz-studios-file{margin-top:72px;padding-top:40px;border-top:1px solid rgba(255,255,255,.08)}
.wz-studios-file-tete{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 28px;margin-bottom:26px}
.wz-studios-file-titre{margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.025em;line-height:1.15;color:#fff}
.wz-studios-file-sous{margin:0;font-size:15px;line-height:1.5;color:var(--gris-n)}
.wz-studios-file-sous a{color:var(--lin);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.wz-studios-file-sous a:hover{color:#fff}
.wz-studios-file-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wz-studios-file-liste>li{margin:0;min-width:0}
.wz-studios-ep{position:relative;display:grid;height:100%;text-decoration:none;color:inherit;border-radius:20px;padding:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.08);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s}
.wz-studios-ep:hover,.wz-studios-ep.joue{transform:translateY(-6px);border-color:rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.wz-studios-ep:focus-visible{outline:2px solid #fff;outline-offset:3px}
.wz-studios-ep-vign{position:relative;display:block;overflow:hidden;border-radius:12px;background:#0A0A0C}
.wz-studios-ep-vign video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wz-studios-ep-vign::after{content:"";position:absolute;left:10px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--rouge);opacity:0;transition:opacity .3s}
.wz-studios-ep.joue .wz-studios-ep-vign::after{opacity:1;animation:wzPouls 1.4s steps(1,end) infinite}
.wz-studios-ep-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.14)}
.wz-studios-ep-prog i{position:absolute;inset:0;background:var(--rouge);transform-origin:left;transform:scaleX(0)}
.wz-studios-ep-n{font-size:64px;font-weight:900;line-height:.8;letter-spacing:-.07em;color:transparent;
  -webkit-text-stroke:1.5px rgba(242,239,234,.32);transition:-webkit-text-stroke-color .35s,color .35s}
.wz-studios-ep:hover .wz-studios-ep-n,.wz-studios-ep.joue .wz-studios-ep-n,.wz-studios-ep:focus-visible .wz-studios-ep-n{-webkit-text-stroke-color:var(--rouge)}
.wz-studios-ep-txt{display:flex;flex-direction:column;gap:7px;min-width:0}
.wz-studios-ep-txt small{font:700 10px/1.3 'Inter',-apple-system,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--lin)}
.wz-studios-ep-txt b{font-size:15.5px;font-weight:800;line-height:1.3;letter-spacing:-.01em;color:#fff}
/* capsules verticales : vignette 9:16 à gauche, numéro et titre à droite */
.v916 .wz-studios-ep{grid-template-columns:118px minmax(0,1fr);grid-template-rows:1fr auto;gap:0 16px}
.v916 .wz-studios-ep-vign{grid-row:1/3;grid-column:1;aspect-ratio:9/16}
.v916 .wz-studios-ep-n{grid-column:2;grid-row:1;align-self:start;padding-top:6px}
.v916 .wz-studios-ep-txt{grid-column:2;grid-row:2;padding-bottom:6px}
/* plans larges : vignette 16:9 en tête, numéro et titre dessous */
.v169 .wz-studios-ep{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:14px 14px;align-items:end}
.v169 .wz-studios-ep-vign{grid-column:1/3;grid-row:1;aspect-ratio:16/9}
.v169 .wz-studios-ep-n{grid-column:1;grid-row:2;font-size:46px;padding-left:2px}
.v169 .wz-studios-ep-txt{grid-column:2;grid-row:2;padding:0 4px 4px 0}

/* ── 3. MACRO · la mise au point bascule ─────────────────────────────────── */
.wz-studios-macro{position:relative;--t:0}
.wp-matiere .wz-studios-macro picture{position:relative;display:block;overflow:hidden;border-radius:18px;background:#0A0A0C;isolation:isolate}
.wp-matiere .wz-studios-macro img{border-radius:0;transform:translateY(var(--py,0px)) scale(1.1);filter:blur(var(--fl,0px));transition:filter .9s cubic-bezier(.45,0,.2,1)}
.wz-studios-macro.actif img{will-change:filter,transform}
.wz-studios-macro picture::after{content:"";position:absolute;inset:16px;z-index:2;pointer-events:none;opacity:var(--net,0);transition:opacity .5s .35s;
  background:linear-gradient(#fff,#fff) top left/28px 2px no-repeat,linear-gradient(#fff,#fff) top left/2px 28px no-repeat,
    linear-gradient(#fff,#fff) top right/28px 2px no-repeat,linear-gradient(#fff,#fff) top right/2px 28px no-repeat,
    linear-gradient(#fff,#fff) bottom left/28px 2px no-repeat,linear-gradient(#fff,#fff) bottom left/2px 28px no-repeat,
    linear-gradient(#fff,#fff) bottom right/28px 2px no-repeat,linear-gradient(#fff,#fff) bottom right/2px 28px no-repeat}
.wz-studios-macro-af{position:absolute;top:50%;left:calc(25% + var(--t) * 50%);z-index:3;width:60px;height:44px;margin:-22px 0 0 -30px;
  pointer-events:none;border:1.5px solid rgba(255,255,255,.88);border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.25);opacity:0;
  transition:left .5s cubic-bezier(.2,.8,.2,1),opacity .4s}
.wz-studios-macro.actif .wz-studios-macro-af{opacity:1}
.wz-studios-macro-af::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--rouge);
  box-shadow:0 0 8px 2px rgba(255,42,26,.6)}

/* ── 4. MULTIVIEW · mur de retours caméra et lampe de tally ─────────────── */
.wp-salle .wp-six.wz-studios-multiview{padding:10px;gap:8px;border-radius:18px;background:#0A0A0C;border:1px solid rgba(255,255,255,.08);
  box-shadow:0 40px 90px -40px rgba(0,0,0,.95)}
.wz-studios-multiview figure{position:relative;border-radius:8px;overflow:hidden;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .15s}
.wp-salle .wz-studios-multiview img{border-radius:0;filter:grayscale(.7) brightness(.72);transition:filter .35s,transform .7s cubic-bezier(.2,.8,.2,1)}
.wz-studios-multiview figure.antenne{outline-color:var(--rouge)}
.wp-salle .wz-studios-multiview figure.antenne img,.wp-salle .wz-studios-multiview.fixe img{filter:none}
.wp-salle .wz-studios-multiview figure.antenne img{transform:scale(1.04)}
.wz-studios-mv-n{position:absolute;left:8px;bottom:8px;z-index:2;font:600 10px/1 'Inter',-apple-system,sans-serif;font-style:normal;letter-spacing:.12em;
  color:#fff;padding:5px 7px;border-radius:5px;background:rgba(0,0,0,.6);transition:background .15s,color .15s}
.wz-studios-mv-tally{position:absolute;right:9px;top:9px;z-index:2;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.24);
  box-shadow:0 0 0 2px rgba(0,0,0,.35);transition:background .15s,box-shadow .15s}
.antenne .wz-studios-mv-tally{background:var(--rouge);box-shadow:0 0 0 2px rgba(0,0,0,.35),0 0 14px 3px rgba(255,42,26,.75)}
.antenne .wz-studios-mv-n{background:var(--rouge);color:#111111}
.wz-studios-multiview .wz-niveaux{position:absolute;right:9px;bottom:9px;z-index:2;height:14px;opacity:0;transition:opacity .25s}
.wz-studios-multiview .antenne .wz-niveaux{opacity:1}

/* ── 5. FEUILLE DE SERVICE · clap et champs alignés ─────────────────────── */
.sp-infos.wz-studios-feuille,#venir .v-grille.wz-studios-feuille{display:block;position:relative;margin-top:30px;padding:16px 0 0;
  list-style:none;counter-reset:wzsf;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,#0E0E10,#0A0A0C)}
.wz-studios-feuille::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:16px;border-radius:18px 18px 0 0;transform-origin:0 100%;
  background:repeating-linear-gradient(-56deg,#F2EFEA 0 14px,#111111 14px 28px);opacity:.92;transition:transform .34s cubic-bezier(.7,0,.9,.35)}
.wz-studios-feuille>li,.wz-studios-feuille>.v-carte{--i:0;position:relative;counter-increment:wzsf;display:grid;
  grid-template-columns:52px minmax(150px,210px) minmax(0,1fr);column-gap:20px;align-items:baseline;margin:0;
  padding:18px 58px 18px 22px;border:0;border-top:1px solid rgba(255,255,255,.07);border-radius:0;background:none;transition:background .3s}
.wz-studios-feuille>:first-child{border-top:0}
.wz-studios-feuille>:nth-child(2){--i:1}.wz-studios-feuille>:nth-child(3){--i:2}.wz-studios-feuille>:nth-child(4){--i:3}
.wz-studios-feuille>:nth-child(5){--i:4}.wz-studios-feuille>:nth-child(6){--i:5}.wz-studios-feuille>:nth-child(7){--i:6}
.wz-studios-feuille>li:hover,.wz-studios-feuille>.v-carte:hover{background:rgba(255,255,255,.025)}
.wz-studios-feuille>li::before,.wz-studios-feuille>.v-carte::before{content:counter(wzsf,decimal-leading-zero);font:800 24px/1 'Inter',-apple-system,sans-serif;
  letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(242,239,234,.5);font-variant-numeric:tabular-nums;transition:-webkit-text-stroke-color .3s}
.wz-studios-feuille>li:hover::before,.wz-studios-feuille>.v-carte:hover::before{-webkit-text-stroke-color:var(--rouge)}
.wz-studios-feuille>li::after,.wz-studios-feuille>.v-carte::after{content:"";position:absolute;right:24px;top:24px;width:8px;height:8px;border-radius:50%;
  background:var(--rouge);box-shadow:0 0 10px 2px rgba(255,42,26,.5);transition:background .3s,box-shadow .3s}
.wz-studios-feuille>li b,.wz-studios-feuille>.v-carte b{margin:0}
#venir .wz-studios-feuille>.v-carte{border:0;border-top:1px solid rgba(255,255,255,.07);border-radius:0;background:none;padding:18px 58px 18px 22px}
#venir .wz-studios-feuille>.v-carte:first-child{border-top:0}
#venir .wz-studios-feuille>.v-carte:hover{background:rgba(255,255,255,.025)}
#venir .wz-studios-feuille>.v-carte b{font-size:15px}
#venir .wz-studios-feuille>.v-carte p{margin:0}
/* le clap claque, puis les fiches s'allument une à une */
html.wz-studios-on .wz-studios-feuille:not(.vu)::before{transform:rotate(-5deg) translateY(-3px)}
html.wz-studios-on .wz-studios-feuille>*{opacity:0}
html.wz-studios-on .wz-studios-feuille.vu>*{animation:blurFadeUp .8s ease-out forwards;animation-delay:calc(var(--i) * 90ms + 260ms)}
html.wz-studios-on .wz-studios-feuille:not(.vu)>li::after,html.wz-studios-on .wz-studios-feuille:not(.vu)>.v-carte::after{background:rgba(255,255,255,.14);box-shadow:none}
html.wz-studios-on .wz-studios-feuille.vu>li::after,html.wz-studios-on .wz-studios-feuille.vu>.v-carte::after{transition-delay:calc(var(--i) * 90ms + 520ms)}

/* ── 6. TRANSCRIPT · l'édito se lit comme un épisode chapitré ───────────── */
.wz-studios-transcript h2{scroll-margin-top:110px}
/* le repère est décoratif : texte alternatif vide, il n'entre pas dans le nom de l'intertitre
   (un navigateur qui ignore la syntaxe « / "" » garde la première déclaration) */
.wz-studios-transcript h2[data-wz-n]::before{content:attr(data-wz-n) "  ·  " attr(data-wz-t);content:attr(data-wz-n) "  ·  " attr(data-wz-t) / "";display:block;margin-bottom:12px;
  font:600 11px/1 'Inter',-apple-system,sans-serif;letter-spacing:.16em;color:var(--rouge);font-variant-numeric:tabular-nums;white-space:pre}
.wz-studios-rail{display:none}
@media (min-width:1200px){
  .edito.wz-studios-transcript{display:grid;grid-template-columns:minmax(0,760px) 290px;justify-content:center;column-gap:72px;align-items:start}
  .wz-studios-transcript>.edito-inner{margin:0;min-width:0;max-width:760px}
  .wz-studios-rail{display:block;position:sticky;top:104px;align-self:start}
  .wz-studios-transcript .edito-inner>p:not(.edito-chapo),.wz-studios-transcript .edito-inner>ul{position:relative;transition:color .4s}
  .wz-studios-transcript .edito-inner>.wz-studios-lu,.wz-studios-transcript .edito-inner>ul.wz-studios-lu li{color:rgba(242,239,234,.92)}
  .wz-studios-transcript .edito-inner>.wz-studios-lu::after{content:"";position:absolute;left:-28px;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--rouge);
    box-shadow:0 0 10px rgba(255,42,26,.5)}
}
.wz-studios-rail-ecran{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#0E0E10;border:1px solid rgba(255,255,255,.08)}
.wz-studios-rail-ecran>video,.wz-studios-rail-ecran>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}
.wz-studios-rail-ecran>img{transform:scale(1.06);transition:opacity .7s ease,transform 9s linear}
.wz-studios-rail-ecran>.on{opacity:1}
.wz-studios-rail-ecran>img.on{transform:scale(1)}
.wz-studios-mini .wz-coin{width:18px;height:18px}
.wz-studios-mini .wz-coin.hg{top:10px;left:10px}.wz-studios-mini .wz-coin.hd{top:10px;right:10px}
.wz-studios-mini .wz-coin.bg{bottom:10px;left:10px}.wz-studios-mini .wz-coin.bd{bottom:10px;right:10px}
.wz-moniteur.wz-studios-mini .wz-haut,.wz-moniteur.wz-studios-mini .wz-bas{left:36px;right:36px}
.wz-moniteur.wz-studios-mini .wz-haut{top:12px}.wz-moniteur.wz-studios-mini .wz-bas{bottom:12px}
.wz-moniteur.wz-studios-mini .wz-puce{font-size:10px;padding:5px 9px}
.wz-moniteur.wz-studios-mini .wz-mire{width:18px;height:18px}
.wz-studios-rail-ch{margin:16px 0 8px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gris-n);font-variant-numeric:tabular-nums}
.wz-studios-rail-ch b{color:var(--lin)}
.wz-studios-rail-ch em{font-style:normal;color:var(--lin)}
.wz-studios-rail-barre{display:flex;gap:3px;margin-bottom:14px}
.wz-studios-rail-barre i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.14);transition:background .3s}
.wz-studios-rail-barre i.fait{background:rgba(242,239,234,.7)}
.wz-studios-rail-barre i.cur{background:var(--rouge)}
.wz-studios-rail-nav ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.wz-studios-rail-nav a{position:relative;display:grid;grid-template-columns:28px 1fr;gap:8px;padding:7px 8px 9px;border-radius:10px;
  text-decoration:none;font-size:13px;line-height:1.35;color:var(--gris-n);transition:color .25s,background .25s}
.wz-studios-rail-nav a b{font-weight:600;font-size:11px;letter-spacing:.08em;padding-top:2px;font-variant-numeric:tabular-nums;color:var(--gris-n)}
.wz-studios-rail-nav a:hover{color:var(--lin);background:rgba(255,255,255,.03)}
.wz-studios-rail-nav a.on{color:var(--lin);background:rgba(255,255,255,.04)}
.wz-studios-rail-nav a.on b{color:var(--rouge)}
.wz-studios-rail-nav a::after{content:"";position:absolute;left:44px;right:8px;bottom:3px;height:2px;border-radius:2px;background:var(--rouge);
  transform-origin:left;transform:scaleX(0)}
.wz-studios-rail-nav a.on::after{transform:scaleX(var(--cp,0))}
.wz-studios-rail-nav a:focus-visible{outline:2px solid #fff;outline-offset:1px}
.wz-studios-rail-cta{margin-top:18px;width:100%;justify-content:center;font-weight:600}

/* ── 7. FORMATS · production #usages ─────────────────────────────────────── */
.fmt-grid.wz-studios-formats{display:flex;flex-wrap:wrap;gap:16px}
.wz-studios-formats .fmt-card{flex:1 1 30%;min-width:0;aspect-ratio:16/9;isolation:isolate;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.wz-studios-formats .fmt-card.f-une{flex:3.2 1 56%}
.wz-studios-formats .fmt-card.f-haut{flex:1 1 17%;aspect-ratio:auto}
.wz-studios-formats .fmt-card:hover,.wz-studios-formats .fmt-card.joue{box-shadow:0 34px 70px -34px rgba(0,0,0,.95)}
.wz-studios-f-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s,transform .6s cubic-bezier(.22,1,.36,1)}
.fmt-card.joue .wz-studios-f-v{opacity:1}
.fmt-card:hover .wz-studios-f-v{transform:scale(1.045)}
.wz-studios-f-prog{position:absolute;left:0;right:0;bottom:0;z-index:2;height:3px;background:rgba(255,255,255,.12);pointer-events:none}
.wz-studios-f-prog i{position:absolute;inset:0;background:var(--rouge);transform-origin:left;transform:scaleX(0)}
.wz-studios-formats .fmt-card::before{content:"";position:absolute;left:14px;top:14px;z-index:2;width:8px;height:8px;border-radius:50%;
  background:var(--rouge);opacity:0;transition:opacity .3s}
.wz-studios-formats .fmt-card.joue::before{opacity:1;animation:wzPouls 1.4s steps(1,end) infinite}
.wz-studios-formats .fmt-card.f-une .fmt-l{font-size:clamp(17px,1.6vw,22px);left:22px;bottom:18px}
/* 01 : l'affiche de la boucle (une image pleine du film) remplace au repos le carton titre noir */
.wz-studios-formats .fmt-card.f-une .wz-studios-f-v{opacity:1}
/* 04 : le format vertical se lit comme un short, dans un écran 9:16 posé sur la carte ;
   la photo d'origine passe en fond flou, ses sous-titres ne croisent plus l'intitulé */
.wz-studios-formats .fmt-card.wz-studios-f-vert>img{filter:blur(14px) brightness(.52) saturate(1.15);transform:scale(1.18)}
.wz-studios-f-tel{position:absolute;z-index:1;top:7%;right:5%;height:86%;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#000;
  box-shadow:0 0 0 1px rgba(255,255,255,.16),0 26px 50px -20px rgba(0,0,0,.95);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.wz-studios-f-tel .wz-studios-f-v{opacity:1}
.wz-studios-f-vert:hover .wz-studios-f-tel,.wz-studios-f-vert.joue .wz-studios-f-tel{transform:translateY(-4px)}
.wz-studios-formats .fmt-card.wz-studios-f-vert .fmt-l{right:38%}

/* ── 8. RÉGIE · production #equipements, PGM / PVW ──────────────────────── */
.wz-studios-regie-grille{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"tete ecran" "liste ecran";
  column-gap:56px;align-items:start}
.wz-studios-regie-tete{grid-area:tete}
.wz-studios-regie .equip-grid{grid-area:liste;grid-template-columns:1fr}
.wz-studios-regie-ecran{grid-area:ecran;position:sticky;top:104px;align-self:start}
.wz-studios-regie-lib{margin:0 0 10px;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--gris-n)}
.wz-studios-regie-lib b{display:inline-block;padding:4px 9px;border-radius:5px;background:var(--rouge);color:#111111;font-weight:700}
.wz-studios-pvw+*,.wz-studios-pgm+.wz-studios-regie-lib{margin-top:18px}
.wz-studios-pgm{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;
  box-shadow:0 0 0 2px var(--rouge),0 34px 80px -34px rgba(255,42,26,.45)}
.wz-studios-pgm>video,.wz-studios-pgm>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wz-studios-pgm>img{opacity:0}
.wz-studios-pgm.fixe>img{opacity:1}
html.wz-studios-on .wz-studios-pgm.fixe>img{animation:wzLent 14s linear forwards}
.wz-studios-pgm.fixe>video{opacity:0}
.wz-studios-pgm::after{content:"";position:absolute;inset:0;z-index:5;background:#fff;opacity:0;pointer-events:none}
.wz-studios-pgm.coupe::after{animation:wzStudiosFlash .16s ease-out 1}
@keyframes wzStudiosFlash{from{opacity:.22}to{opacity:0}}
.wz-studios-pgm .wz-moniteur .wz-haut .wz-puce:not(.wz-rec){display:none}
.wz-studios-pvw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wz-studios-pvw button{position:relative;display:block;aspect-ratio:16/9;margin:0;padding:0;border:0;border-radius:8px;overflow:hidden;cursor:pointer;
  background:#111;outline:2px solid rgba(255,255,255,.1);outline-offset:-2px;transition:outline-color .15s}
.wz-studios-pvw button img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.55) brightness(.72);transition:filter .3s}
.wz-studios-pvw button:hover img{filter:grayscale(.2) brightness(.9)}
.wz-studios-pvw button.on{outline-color:var(--rouge)}
.wz-studios-pvw button.on img{filter:none}
.wz-studios-pvw button span{position:absolute;left:6px;bottom:6px;font:600 9.5px/1 'Inter',-apple-system,sans-serif;letter-spacing:.12em;color:#fff;
  padding:4px 6px;border-radius:4px;background:rgba(0,0,0,.62)}
.wz-studios-pvw button.on span{background:var(--rouge);color:#111111}
.wz-studios-pvw button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.wz-studios-regie .equip-item{transition:background .3s}
.wz-studios-regie .equip-item.antenne{background:#141417}
.wz-studios-regie .equip-item.antenne .equip-text{color:#fff}
.wz-studios-regie .equip-item.antenne .equip-bullet{opacity:1;box-shadow:0 0 14px 4px rgba(255,42,26,.7)!important}
.wz-studios-regie .equip-item.antenne::after{transform:scaleX(1)}

/* ── 9. OUVERTURE DES SALLES · production ───────────────────────────────── */
#tourne-ici .vit-cap b{color:var(--lin)}
#tourne-ici .vit-note a{color:var(--lin);text-decoration:underline;text-underline-offset:3px}
#tourne-ici .vit-note a:hover{color:#fff}
.vit-short{isolation:isolate}
.vit-short .wz-studios-f-prog{z-index:2}
/* la valeur de repos vit hors du palier : franchir 901 px n'anime jamais rien,
   seul le survol fait varier flex (sans effet tant que le parent est une grille) */
.wz-studios-ouvre>*{isolation:isolate;flex:1 1 0;min-width:0;transition:flex 1s cubic-bezier(.2,.8,.2,1)}
.wz-studios-ouvre>*::before{content:"";position:absolute;inset:12px;z-index:3;pointer-events:none;opacity:0;transition:opacity .35s;
  background:linear-gradient(#fff,#fff) top left/24px 2px no-repeat,linear-gradient(#fff,#fff) top left/2px 24px no-repeat,
    linear-gradient(#fff,#fff) top right/24px 2px no-repeat,linear-gradient(#fff,#fff) top right/2px 24px no-repeat,
    linear-gradient(#fff,#fff) bottom left/24px 2px no-repeat,linear-gradient(#fff,#fff) bottom left/2px 24px no-repeat,
    linear-gradient(#fff,#fff) bottom right/24px 2px no-repeat,linear-gradient(#fff,#fff) bottom right/2px 24px no-repeat}
.wz-studios-ouvre>:hover::before,.wz-studios-ouvre>:focus-visible::before{opacity:.85}
.wz-studios-ouvre video,.wz-studios-ouvre img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .6s}
.wz-studios-ouvre>:hover video,.wz-studios-ouvre>:hover img{transform:scale(1.05)}
.wz-studios-onde{position:absolute;right:16px;bottom:16px;z-index:2;height:18px;margin:0;opacity:0;transition:opacity .3s;pointer-events:none}
.wz-studios-ouvre>.pod-lecteur[data-lance] iframe{z-index:4}
.wz-studios-ouvre>.pod-lecteur[data-lance] .pod-play,.wz-studios-ouvre>.pod-lecteur[data-lance] .vit-cap,
.wz-studios-ouvre>.pod-lecteur[data-lance] .wz-studios-onde,.wz-studios-ouvre>.pod-lecteur[data-lance]::before,
.wz-studios-ouvre>.pod-lecteur[data-lance]::after{display:none}
.wz-studios-onde i{animation-play-state:paused}
.wz-studios-ouvre>:hover .wz-studios-onde,.wz-studios-ouvre>:focus-visible .wz-studios-onde{opacity:1}
.wz-studios-ouvre>:hover .wz-studios-onde i,.wz-studios-ouvre>:focus-visible .wz-studios-onde i{animation-play-state:running}
@media (min-width:901px){
  #tourne-ici .vit-films.wz-studios-ouvre{display:flex;height:clamp(240px,23vw,330px)}
  #tourne-ici .vit-pods.wz-studios-ouvre{display:flex;height:clamp(200px,18vw,260px)}
  .sp-photo .duo-studios.wz-studios-ouvre{display:flex;height:clamp(260px,30vw,420px)}
  .wz-studios-ouvre>*{height:auto;aspect-ratio:auto!important}
  .wz-studios-ouvre:hover>*,.wz-studios-ouvre:focus-within>*{flex:.8 1 0}
  .wz-studios-ouvre>:hover,.wz-studios-ouvre>:focus-visible,.wz-studios-ouvre:not(:hover)>:focus-within{flex:1.7 1 0}
  .wz-studios-duo .duo-carte:focus-visible{outline:2px solid #fff;outline-offset:3px}
}
@media (min-width:901px) and (hover:hover){
  .wz-studios-duo .duo-carte img{filter:brightness(.66)}
  .wz-studios-duo .duo-carte:hover img,.wz-studios-duo .duo-carte:focus-visible img{filter:brightness(1)}
}

/* ── 10. NOS STUDIOS · titres des sections tarifs et FAQ ───────────────── */
.wz-studios-titres .s-eyebrow{font-size:10px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#F2EFEA;margin-bottom:18px}
.wz-studios-titres .s-title{font-size:clamp(36px,4.5vw,64px);font-weight:900;letter-spacing:-.035em;line-height:1;color:var(--lin)}

/* le titre allemand « Videoproduktion. » est un seul mot : il se coupe au lieu de sortir de l'écran */
html[lang="de"] .page-title{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}

/* ══ Paliers ═══════════════════════════════════════════════════════════════ */
@media (max-width:1100px){
  .wz-studios-formats .fmt-card,.wz-studios-formats .fmt-card.f-haut{flex:1 1 40%;aspect-ratio:16/10}
  .wz-studios-formats .fmt-card.f-une{flex:1 1 100%;aspect-ratio:16/9}
  .wz-studios-regie-grille{grid-template-columns:1fr;grid-template-areas:"tete" "ecran" "liste";row-gap:0}
  .wz-studios-regie-ecran{position:relative;top:auto;margin:0 0 34px;max-width:720px}
  .wz-studios-file-liste{grid-template-columns:1fr 1fr}
}
@media (min-width:768px) and (max-width:1100px){
  .wz-studios-formats .fmt-card:last-child{aspect-ratio:21/9}
}
@media (max-width:900px){
  .wz-studios-macro-af{display:none}
  .wz-studios-file-liste{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:4px 2px 10px;margin:0 -2px}
  .wz-studios-file-liste::-webkit-scrollbar{display:none}
  .wz-studios-file-liste>li{flex:0 0 82%;scroll-snap-align:start}
  .v916 .wz-studios-file-liste>li,.v916.wz-studios-file-liste>li{flex-basis:86%}
}
@media (max-width:767px){
  .wz-studios-volet{border-radius:16px}
  .wz-studios-volet-poignee{width:48px;height:48px;margin:-24px 0 0 -24px}
  .wz-studios-volet-poignee svg{width:22px;height:22px}
  .wz-studios-volet-rec{right:12px;top:12px;font-size:10px;padding:5px 9px}
  .wz-studios-volet-caps{flex-direction:column;align-items:flex-start;gap:8px}
  .wz-studios-file{margin-top:48px;padding-top:30px}
  .v916 .wz-studios-ep{grid-template-columns:104px minmax(0,1fr)}
  .wz-studios-ep-n{font-size:52px}
  .wz-studios-faisceau{display:none}
  .wz-studios-halo{inset:-3% -3%;filter:blur(36px) saturate(1.6)}
  .wz-studios-feuille>li,.wz-studios-feuille>.v-carte,#venir .wz-studios-feuille>.v-carte{grid-template-columns:40px minmax(0,1fr);row-gap:6px;column-gap:14px;padding:16px 44px 16px 16px}
  .wz-studios-feuille>li::before,.wz-studios-feuille>.v-carte::before{grid-row:1/3;font-size:20px}
  .wz-studios-feuille>li::after,.wz-studios-feuille>.v-carte::after{right:16px;top:20px}
  .wz-studios-mv-n{font-size:9px;padding:4px 5px;left:5px;bottom:5px}
  .wz-studios-mv-tally{right:6px;top:6px;width:7px;height:7px}
  .wz-studios-multiview .wz-niveaux{display:none}
  .fmt-grid.wz-studios-formats{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding-bottom:6px}
  .fmt-grid.wz-studios-formats::-webkit-scrollbar{display:none}
  .wz-studios-formats .fmt-card,.wz-studios-formats .fmt-card.f-une,.wz-studios-formats .fmt-card.f-haut{flex:0 0 80%;aspect-ratio:4/5;scroll-snap-align:start}
  .wz-studios-formats .fmt-card.f-une .fmt-l{font-size:16px;left:16px;bottom:13px}
  .wz-studios-f-tel{top:6%;right:auto;left:50%;height:70%;translate:-50% 0;border-radius:12px}
  .wz-studios-formats .fmt-card.wz-studios-f-vert .fmt-l{right:16px}
  .wz-studios-pvw{gap:6px}
  .wz-studios-regie-ecran{margin-bottom:26px}
  .wz-studios-pgm .wz-moniteur .wz-mire{display:none}
}
@media (max-width:480px){
  html[lang="de"] .page-title{font-size:clamp(40px,12.5vw,58px)}
}
@media (prefers-reduced-motion:reduce){
  .wz-studios-volet-b img,.wz-studios-volet-poignee,.wz-studios-volet-caps p,.wz-studios-volet-caps p::before{transition:none}
  html.wz-studios-on .wz-studios-halo,.wz-studios-ecran.allume .pod-lecteur,.wz-studios-ecran.allume .pod-play i,
  #tourne-ici.wz-studios-projection .pod-salle::before,.wz-studios-ep.joue .wz-studios-ep-vign::after,
  .wz-studios-formats .fmt-card.joue::before,html.wz-studios-on .wz-studios-pgm.fixe>img,.wz-studios-pgm.coupe::after{animation:none}
  .wz-studios-ep,.wz-studios-ep:hover,.wz-studios-ep.joue{transform:none;transition:none}
  .wp-matiere .wz-studios-macro img{filter:none;transform:none;transition:none}
  .wz-studios-macro-af{display:none}
  .wz-studios-macro picture::after{opacity:0}
  .wp-salle .wz-studios-multiview img{filter:none;transition:none;transform:none}
  html.wz-studios-on .wz-studios-feuille>*,html.wz-studios-on .wz-studios-feuille.vu>*{opacity:1;animation:none}
  html.wz-studios-on .wz-studios-feuille:not(.vu)::before,.wz-studios-feuille::before{transform:none;transition:none}
  .wz-studios-rail-ecran>video,.wz-studios-rail-ecran>img{transition:none;transform:none}
  .wz-studios-ouvre>*,.wz-studios-ouvre video,.wz-studios-ouvre img,.wz-studios-formats .fmt-card,.wz-studios-f-v{transition:none!important}
  .wz-studios-ouvre>:hover video,.wz-studios-ouvre>:hover img,.fmt-card:hover .wz-studios-f-v{transform:none}
  .wz-studios-f-tel,.wz-studios-f-vert:hover .wz-studios-f-tel,.wz-studios-f-vert.joue .wz-studios-f-tel{transition:none;transform:none}
  .wz-studios-onde i{animation:none}
}