.studio{--encre:#e8eaf0;--encre-basse:#7a828f;--fond:#05060a;--trait:#ffffff17;--lueur:#30aa8c29;--nxl-wipe:cubic-bezier(.19, 1, .22, 1);--nxl-settle:cubic-bezier(.33, .9, .24, 1);--nxl-snap:cubic-bezier(.34, 1.12, .36, 1);--marge:clamp(1rem, 4vw, 3rem);background:radial-gradient(60% 55% at 32% 18%, var(--lueur), transparent 70%), var(--fond);color:var(--encre);font-family:var(--font-body), system-ui, sans-serif;flex-direction:column;align-items:center;padding:0 16px;display:flex;position:relative;overflow-x:clip}.studio__grain{z-index:30;opacity:.055;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.studio__ondes{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.studio__scene,.chapitres,.studio__fin{z-index:1;position:relative}.studio__langues{z-index:60;gap:.15rem;display:flex;position:fixed;top:18px;right:clamp(16px,3vw,2.5rem)}.studio__langue{color:var(--encre-basse);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;padding:.35rem .5rem;font-size:.72rem}.studio__langue[aria-pressed=true],.studio__langue:hover{color:var(--encre)}.studio__langue:focus-visible{outline:2px solid var(--encre);outline-offset:2px}.studio__scene{--h:min(76svh, 760px, calc((100vw - 34rem) * .86));width:100%;max-width:1440px;min-height:100svh;padding:var(--marge) 0;grid-template-columns:1fr minmax(0,26rem) 1fr;grid-template-areas:"gauche texte droite";align-content:center;align-items:center;gap:clamp(1.5rem,3vw,3.5rem);display:grid}.studio__poste--gauche{--penche:-4deg;grid-area:gauche;justify-self:end}.studio__poste--droite{--penche:4deg;grid-area:droite;justify-self:start}.studio__texte{text-align:center;grid-area:texte}.studio__texte .studio__phrase{margin-inline:auto}.studio__texte .studio__actions{justify-content:center}.studio__poste{transform:rotate(var(--penche));transition:transform .9s var(--nxl-settle);position:relative}.studio__poste:hover{transform:rotate(calc(var(--penche) * .4))}.studio__poste:before,.studio__poste:after{content:"";z-index:0;pointer-events:none;position:absolute}.studio__poste:before{background:radial-gradient(closest-side,#aaebd742,#4fe1b017 55%,#0000);animation:7s ease-in-out infinite alternate projecteur;inset:-22% -45%}.studio__poste--droite:before{animation-delay:-3.5s}.studio__poste:after{background:radial-gradient(closest-side,#aaebd733,#0000);height:16%;bottom:-9%;left:-25%;right:-25%}@keyframes projecteur{0%{opacity:.75}to{opacity:1}}.studio__cadre{z-index:1;height:var(--h);aspect-ratio:9/16;background:#0a1412;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,inset 0 1px #ffffff2e,0 40px 100px -30px #000000f2,0 0 70px -10px #78dcbe38}.studio__video{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.studio__son{z-index:3;color:var(--encre);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .3s var(--nxl-settle), border-color .3s var(--nxl-settle);background:#05060ac7;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem .95rem;font-size:.72rem;display:inline-flex;position:absolute;bottom:14px;left:14px}.studio__son:hover{background:#05060af2;border-color:#ffffff59}.studio__son:focus-visible,.studio__bouton:focus-visible,.studio__lien:focus-visible,.studio__suite:focus-visible,.studio__maison:focus-visible{outline:2px solid var(--encre);outline-offset:3px}.studio__surtitre,.studio__suite,.studio__maison{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem}.studio__surtitre{color:var(--encre-basse);margin:0 0 1.25rem}.studio__titre,.studio__fin-titre,.chapitres__titre,.chapitre__titre{font-family:var(--font-titre), var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;margin:0;font-weight:600}.studio__titre{font-size:clamp(2.4rem,4.6vw,4.2rem);line-height:.98}.studio__phrase{max-width:26rem;color:var(--encre-basse);margin:1.4rem 0 0;font-size:1.05rem;line-height:1.55}.studio__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2.2rem;display:flex}.studio__bouton{background:var(--encre);color:var(--fond);transition:transform .35s var(--nxl-snap), background .3s var(--nxl-settle);border-radius:999px;padding:.95rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.studio__bouton:hover{background:#fff;transform:translateY(-2px)}.studio__lien,.studio__suite{color:var(--encre);transition:background-size .6s var(--nxl-wipe);background:linear-gradient(currentColor,currentColor) 0 100%/0% 1px no-repeat;padding-bottom:3px;text-decoration:none}.studio__lien{background-image:linear-gradient(var(--trait), var(--trait)), linear-gradient(currentColor, currentColor);background-position:0 100%,0 100%;background-size:100% 1px,0% 1px}.studio__lien:hover{background-size:100% 1px,100% 1px}.studio__suite{color:var(--encre-basse);gap:.6rem;margin-top:3rem;display:inline-flex}.studio__suite:hover{color:var(--encre);background-size:100% 1px}.chapitres{border-top:1px solid var(--trait);width:100%;max-width:1180px;padding-top:clamp(4rem,10vw,8rem)}.chapitres__entete{max-width:60rem;margin-bottom:clamp(2rem,7vw,6rem)}.chapitres__titre{font-size:clamp(2.2rem,4.6vw,4.2rem);line-height:.98}.chapitres__titre span{color:var(--encre-basse)}.chapitres__corps{grid-template-columns:auto minmax(0,30rem);justify-content:center;gap:clamp(3rem,8vw,8rem);display:grid}.chapitres__ecran{align-self:start;position:sticky;top:max(16px,50svh - min(39svh,380px))}.chapitres__cadre{aspect-ratio:9/16;height:min(78svh,760px);box-shadow:0 0 0 1px var(--trait), 0 40px 120px -30px #000000e6, 0 0 90px -20px var(--lueur);background:#0a1412;border-radius:22px;position:relative;overflow:hidden}.chapitres__plan{clip-path:inset(0);position:absolute;inset:0}.chapitres__plan[data-bouge=true]{transition:clip-path 1.6s var(--nxl-wipe)}.chapitres__plan[data-etat=attente]{clip-path:inset(100% 0 0)}.chapitres__plan[data-etat=passe]{clip-path:inset(0 0 100%)}.chapitres__video{object-fit:cover;width:100%;height:100%;transition:transform 1.9s var(--nxl-settle);display:block;transform:scale(1.12)}.chapitres__plan[data-etat=actif] .chapitres__video{transform:scale(1)}.chapitres__liste{margin:0;padding:0;list-style:none}.chapitre{opacity:.22;min-height:100svh;transition:opacity .7s var(--nxl-settle);flex-direction:column;justify-content:center;display:flex}.chapitre[data-actif=true]{opacity:1}.chapitre__numero{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;color:var(--encre);margin:0 0 1.5rem;font-size:.8rem}.chapitre__numero span{color:var(--encre-basse)}.chapitre__titre{font-size:clamp(2rem,3.6vw,3.3rem);line-height:1}.chapitre__phrase{color:var(--encre-basse);margin:1.2rem 0 0;font-size:1.1rem;line-height:1.55}.chapitre__fiche{border-top:1px solid var(--trait);gap:.9rem;margin:2rem 0 0;padding-top:1.4rem;display:grid}.chapitre__fiche div{grid-template-columns:7.5rem 1fr;gap:1rem;display:grid}.chapitre__fiche dt{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--encre-basse);padding-top:.2rem;font-size:.68rem}.chapitre__fiche dd{margin:0}.chapitres__legende{display:none}.studio__fin{width:100%;max-width:1180px;min-height:90svh;padding:clamp(4rem, 10vw, 8rem) 0 var(--marge);border-top:1px solid var(--trait);flex-direction:column;justify-content:center;display:flex}.studio__fin-titre{font-size:clamp(2.8rem,8vw,7.5rem);line-height:.94}.studio__maison{color:var(--encre-basse);margin-top:auto;padding-top:4rem;text-decoration:none;display:inline-block}.studio__maison:hover{color:var(--encre)}@media (max-width:1100px){.studio__scene{--h:auto;grid-template-columns:1fr 1fr;grid-template-areas:"gauche droite""texte texte";gap:2.5rem 1.25rem;max-width:640px;min-height:0;padding-top:clamp(16px,5vw,3rem)}.studio__poste{--penche:0deg;justify-self:stretch}.studio__cadre{width:100%;height:auto}}@media (max-width:760px){.studio{background:radial-gradient(90% 30% at 50% 12%, var(--lueur), transparent 70%), var(--fond)}.studio__scene{gap:2rem 10px;max-width:440px;padding-top:72px}.studio__langues{top:16px;right:10px}.studio__cadre{border-radius:14px}.studio__son{gap:.35rem;padding:.45rem .65rem;font-size:.58rem;bottom:8px;left:8px}.studio__suite{margin-top:2.2rem;margin-bottom:3rem}.chapitres,.studio__fin{max-width:440px}.chapitres__corps{grid-template-columns:minmax(0,1fr);gap:0;margin-top:2.5rem}.chapitres__ecran{z-index:2;background:var(--fond);flex-direction:column;align-items:center;height:100svh;padding-top:12px;display:flex;top:0}.chapitres__cadre{border-radius:18px;flex:none;height:52svh}.chapitres__son{padding:.45rem .7rem;font-size:.62rem;bottom:10px;left:10px}.chapitres__legende{flex:1;width:100%;margin-top:1.1rem;display:block;position:relative}.legende{opacity:0;transition:opacity .6s var(--nxl-settle);position:absolute;inset:0}.legende[data-actif=true]{opacity:1}.chapitre{pointer-events:none;min-height:75svh;opacity:0!important}.chapitre:last-child{min-height:120svh}.chapitre__numero{margin-bottom:.8rem}.chapitre__titre{font-size:1.75rem}.chapitre__phrase{margin-top:.7rem;font-size:.98rem;line-height:1.5}.chapitre__fiche{gap:.5rem;margin-top:1rem;padding-top:.9rem;font-size:.9rem}.chapitre__fiche div{grid-template-columns:5.5rem 1fr}}@media (prefers-reduced-motion:reduce){.studio__poste,.studio__bouton,.studio__son,.studio__lien,.studio__suite,.chapitre,.legende,.chapitres__plan[data-bouge=true],.chapitres__video{transition:none}.studio__poste:before{animation:none}}