/* NewTouch · V8 prototype (01/11/2026) : cylindre à la place des cartes, galerie compacte, salle de projection avec écran et liste. */

/* ===== 01 · Les films prennent vie : le cylindre ===== */
.seuil{height:190vh}
.seuil-tete{position:absolute;z-index:6;left:0;right:0;top:calc(var(--entete) + 3vh);pointer-events:none}
.seuil-tete h2{font-size:clamp(38px,4.4vw,68px);margin-top:10px;color:var(--ivoire)}
.seuil .c-scene{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.seuil .c-scene.prise{cursor:grabbing}
.seuil .c-monde{top:52%}
.seuil .c-pan{cursor:pointer}
.seuil .c-pan.face{outline:2px solid rgba(217,80,59,.0);transition:outline-color .3s}
.seuil .c-scene:hover .c-pan.face{outline-color:var(--rouge-l);outline-offset:3px}
.seuil-aide{position:absolute;z-index:6;left:0;right:0;bottom:6vh;text-align:center;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--texte-sombre);transition:opacity .5s}
.seuil-aide.vu{opacity:0}
@media (max-width:900px){.seuil{height:170vh}.seuil .c-monde{top:55%}.seuil-tete h2{font-size:34px}}

/* ===== 02 · Un studio, plusieurs univers : galerie compacte ===== */
.galerie{padding:clamp(40px,6vw,90px) 0 clamp(50px,7vw,100px)}
.ga-tete{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)}
.ga-tete h2{font-size:clamp(40px,5vw,84px);margin-top:10px}
.ga-l{max-width:360px;font-size:15px;color:var(--texte-sombre)}
.ga-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,26px) clamp(12px,1.6vw,22px)}
.ga-f{display:flex;flex-direction:column;gap:4px;text-align:left;color:inherit}
.ga-img{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:3px;background:#1c1916;margin-bottom:8px}
.ga-img img,.ga-img video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),opacity .35s}
.ga-img video{opacity:0}
.ga-f.joue .ga-img video{opacity:1}
.ga-f:hover .ga-img img{transform:scale(1.04)}
.ga-f:hover .ga-img,.ga-f:focus-visible .ga-img{outline:2px solid var(--rouge-l);outline-offset:3px}
.ga-play{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#fff;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.3);transition:background .2s}
.ga-f:hover .ga-play{background:var(--rouge)}
.ga-f small{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#a89e92}
.ga-f small .m{color:var(--rouge-l)}
.ga-f b{font-family:var(--serif);font-weight:400;font-size:clamp(20px,1.7vw,26px);line-height:1.1;color:var(--ivoire)}
.ga-u{font-size:13px;color:var(--texte-sombre)}
.ga-pied{display:flex;justify-content:center;margin-top:clamp(30px,4vw,50px)}
@media (max-width:900px){.ga-grille{grid-template-columns:repeat(2,minmax(0,1fr))}.ga-f b{font-size:18px}.ga-u{display:none}}

/* ===== La salle de projection : écran + fiche + liste sur le côté ===== */
.sp2{display:grid;grid-template-rows:auto minmax(0,1fr);padding:0 var(--gutter) 22px;overflow:hidden}
.sp2 .sp-tete{position:static;gap:16px;background:none;padding:14px 0}
.sp2 .sp-onglets{flex:1;justify-content:center;margin:0}
.sp-corps{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(18px,2.4vw,34px);min-height:0}
.sp-ecran{position:relative;display:grid;place-items:center;min-height:0;background:#000;border-radius:4px;overflow:hidden}
.sp-ecran .pr-media{position:absolute;inset:0}
.sp-ecran .pr-media video,.sp-ecran .pr-media img{max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;box-shadow:none}
.sp-ecran .pr-media iframe{width:100%;height:100%;aspect-ratio:auto}
.sp-ecran .pr-media.v iframe{width:auto;height:100%;aspect-ratio:9/16;margin:0 auto}
.sp-cote{display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin}
.sp-fiche{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;border-bottom:1px solid rgba(247,240,232,.12)}
.sp-fiche h3{font-size:clamp(30px,2.6vw,44px)}
.sp-fiche .pr-nav{margin-top:6px}
.sp-formule{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(217,80,59,.45);border-radius:8px;font-size:14px;color:var(--texte-sombre)}
.sp-formule b{color:var(--ivoire);font-weight:500}
.sp-formule .btn{align-self:flex-start;min-height:40px;font-size:14px}
.sp-suite{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris-m)}
.sp-liste{list-style:none;display:flex;flex-direction:column;gap:4px}
.sp-liste li{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;padding:6px;border-radius:6px;cursor:pointer;transition:background .2s}
.sp-liste li:hover,.sp-liste li:focus-visible{background:rgba(247,240,232,.06)}
.sp-liste li.on{background:rgba(217,80,59,.16)}
.sp-liste img{width:76px;height:48px;object-fit:cover;border-radius:3px}
.sp-liste b{display:block;font-family:var(--serif);font-weight:400;font-size:18px;line-height:1.1;color:var(--ivoire)}
.sp-liste small{display:block;font-family:var(--mono);font-size:10.5px;color:var(--gris-m);margin-top:2px}
@media (max-width:900px){
  .sp2{display:block;overflow-y:auto;padding-bottom:40px}
  .sp2 .sp-tete{position:sticky;top:0;z-index:3;flex-wrap:wrap;background:var(--noir)}
  .sp2 .sp-onglets{order:3;flex-basis:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .sp2 .sp-onglets button{flex:none}
  .sp-corps{display:block}
  .sp-ecran{height:min(62vh,calc(100vw * 16 / 9));max-height:62vh}
  .sp-ecran:has(.pr-media:not(.v)){height:auto;aspect-ratio:16/9}
  .sp-cote{overflow:visible;margin-top:18px}
}
.galerie .wrap{max-width:var(--max)}

/* ===== Nos formules : la seule présentation commerciale (section 05 fondue ici) ===== */
.pb-tete{align-items:flex-end}
.pb-tete .f-objectif{margin:0;justify-content:flex-end;max-width:640px}
.pb-cartes{align-items:start}
.pb-c{min-height:0}
.pb-c:hover{transform:none}
.pb-c .pb-p{margin-top:6px}
.pb-x{font-size:14px;color:var(--texte-2);margin-top:4px}
.pb-c.top .pb-x{color:var(--texte-sombre)}
.pb-c .f-acts{margin-top:10px}
.pb-c .f-acts .btn{min-height:40px;padding:0 16px}
.pb-c.top .f-bt{border-color:rgba(247,240,232,.25);color:var(--ivoire)}
.pb-c.top .f-bt[aria-expanded="true"]{background:rgba(247,240,232,.1);border-color:rgba(247,240,232,.4)}
.pb-c .f-det{border-top-color:var(--gris-2)}
.pb-c .f-det p{font-size:14px}
.pb-c.top .f-det{border-top-color:rgba(247,240,232,.18)}
.pb-c.top .f-det p,.pb-c.top .pts{color:var(--texte-sombre)}
.pb-c .pts{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px}
.pb-c .pts li{display:grid;grid-template-columns:14px 1fr;gap:6px}
.pb-c .pts li::before{content:"—";color:var(--rouge)}
.pb-c.top .pts li::before{color:var(--rouge-l)}
.pb-c.vise{outline:3px solid rgba(193,58,43,.3);outline-offset:4px}
.pb-aussi button{display:inline-flex;align-items:baseline;gap:8px;min-height:44px;padding:11px 18px;border:1px solid var(--gris-2);border-radius:999px;font-size:14.5px;background:var(--blanc-2);transition:border-color .2s,background .2s}
.pb-aussi button b{font-weight:500}
.pb-aussi button span{font-family:var(--mono);font-size:12px;color:var(--texte-2)}
.pb-aussi button::after{content:"+";color:var(--rouge);margin-left:2px}
.pb-aussi button:hover{border-color:var(--rouge)}
.pb-aussi button[aria-expanded="true"]{background:var(--encre);border-color:var(--encre);color:var(--ivoire)}
.pb-aussi button[aria-expanded="true"] span{color:var(--texte-sombre)}
.pb-aussi button[aria-expanded="true"]::after{content:"–";color:var(--rouge-l)}
.pb-autres{margin-top:16px;padding:20px;border:1px solid var(--gris-2);border-radius:10px;background:var(--blanc-2)}
.pb-autres-t{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.pb-autres-t b{font-family:var(--serif);font-weight:400;font-size:28px}
.pb-fermer{font-family:var(--mono);font-size:12px;color:var(--texte-2)}
.pb-fermer:hover{color:var(--rouge)}
.pb-autres-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;align-items:start}
.pb-autres-g .pb-c{background:#fff}
.pb-autres .f-note{margin-top:14px}
.pb-pied{margin-top:clamp(30px,4vw,48px);padding-top:24px;border-top:1px solid var(--gris-2)}
.pb-pied .etapes{grid-template-columns:repeat(3,1fr);gap:20px}
.pb-pied .mention{margin-top:16px}
@media (max-width:900px){
  .pb-tete .f-objectif{justify-content:flex-start}
  .pb-pied .etapes{grid-template-columns:1fr}
  .pb-aussi button{flex-direction:column;align-items:flex-start;gap:2px;border-radius:10px;padding:10px 14px;font-size:14px;text-align:left}
  .pb-aussi button::after{display:none}
}
@media (max-width:700px){.pb-cartes{grid-template-columns:1fr}.pb-c,.pb-c.top{min-height:0}}

/* ===== Cylindre seul, collection repliée (01/11/2026) ===== */
.seuil-bas{position:absolute;z-index:7;left:0;right:0;bottom:5vh;display:flex;flex-direction:column;align-items:center;gap:14px}
.seuil-bas .seuil-aide{position:static}
.seuil-tout{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid rgba(247,240,232,.4);background:rgba(18,17,16,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ivoire);font-size:15px;transition:background .2s,color .2s}
.seuil-tout span{color:var(--rouge-l)}
.seuil-tout:hover{background:var(--ivoire);color:var(--noir)}
.galerie:has(#gaCorps[hidden]){padding:0}
.ga-pied{flex-wrap:wrap;gap:12px 22px;align-items:center}
.ga-lien{font-size:15px;color:var(--rouge-l);font-weight:500;border-bottom:1px solid currentColor;padding-bottom:2px}
.ga-lien.gris{color:var(--texte-sombre);font-weight:400}