:root{--klapo-fond:#12101f;--klapo-carte:#1e1b33;--klapo-texte:#f5f2ff;--klapo-texte-doux:#8b84b8;--klapo-accent:#7c5cff;--klapo-accent-fond:#6e4cf5;--klapo-accent-texte:#8f76ff;--klapo-danger:#ff5470;--klapo-succes:#00e0b8;--klapo-or:#e8c46a;--klapo-inactif:#39335a;--espace-xs:4px;--espace-s:8px;--espace-m:16px;--espace-l:24px;--espace-xl:32px;--rayon-s:8px;--rayon-m:14px;--rayon-l:20px;--duree-rapide:.15s;--duree-normale:.25s;--duree-lente:.4s;--liseré:#f5f2ff1a;--typo-titre:34px;--typo-sous-titre:24px;--typo-corps:16px;--typo-petit:13px}@font-face{font-family:Bungee;src:url(/polices/bungee-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--taille-affiche:clamp(var(--typo-titre), 7.5vw, 92px);--taille-titre:clamp(var(--typo-sous-titre), 4.2vw, 46px);--taille-sous-titre:clamp(20px, 2.2vw, 26px);--taille-corps:clamp(var(--typo-corps), 1.05vw, 18px);--taille-petit:clamp(var(--typo-petit), .9vw, 14px);--largeur:1120px;--largeur-texte:62ch;color-scheme:dark}html{-webkit-text-size-adjust:100%}body{background:var(--klapo-fond);color:var(--klapo-texte);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--taille-corps);font-weight:var(--graisse-corps,400);background-image:radial-gradient(70% 40% at 15% 0%, color-mix(in oklab, var(--klapo-accent) 16%, transparent), transparent 70%), radial-gradient(60% 45% at 88% 12%, color-mix(in oklab, var(--klapo-accent) 11%, transparent), transparent 70%);background-repeat:no-repeat;background-attachment:scroll;line-height:1.5;overflow-x:hidden}.affiche,h1,h2,h3{text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance;font-family:Bungee,Arial Black,sans-serif;font-weight:400;line-height:1.12}h1{font-size:var(--taille-affiche)}h2{font-size:var(--taille-titre)}h3{font-size:var(--taille-sous-titre)}p{max-width:var(--largeur-texte);text-wrap:pretty}.doux{color:var(--klapo-texte-doux)}.mention{font-size:var(--taille-petit);color:var(--klapo-texte-doux)}.punchline{text-wrap:balance;overflow-wrap:break-word;hyphens:none;font-size:clamp(20px,2.6vw,30px);line-height:1.35}a{color:var(--klapo-accent-texte);text-underline-offset:3px}:focus-visible{outline:2px solid var(--klapo-accent-texte);outline-offset:3px;border-radius:var(--rayon-s)}.contenu{width:100%;max-width:var(--largeur);padding-inline:var(--espace-l);margin-inline:auto}section{padding-block:clamp(var(--espace-xl), 8vw, 120px);position:relative}.lieu{isolation:isolate;position:relative}.lieu:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(75% 55% at 50% 0%, color-mix(in oklab, var(--lumiere,var(--klapo-accent)) 13%, transparent), transparent 72%);position:absolute;inset:0}.lieu--carte{background:color-mix(in oklab, var(--klapo-carte) 55%, transparent);border-block:1px solid var(--liseré)}.entete-section{margin-bottom:clamp(var(--espace-l), 4vw, var(--espace-xl))}.entete-section p{margin-top:var(--espace-m);color:var(--klapo-texte-doux);font-size:var(--taille-sous-titre);line-height:1.45}.bouton{justify-content:center;align-items:center;gap:var(--espace-s);background:var(--klapo-accent-fond);color:var(--klapo-texte);font-weight:800;font-size:var(--taille-corps);padding:14px var(--espace-l);border-radius:var(--rayon-m);min-height:48px;transition:transform var(--duree-rapide) ease-out, background var(--duree-rapide) ease-out;border:2px solid #0000;text-decoration:none;display:inline-flex}.bouton:hover{background:color-mix(in oklab, var(--klapo-accent-fond) 88%, white)}.bouton:active{transform:scale(.97)}.bouton--secondaire{border-color:color-mix(in oklab, var(--klapo-texte-doux) 45%, transparent);color:var(--klapo-texte);background:0 0}.bouton--secondaire:hover{background:color-mix(in oklab, var(--klapo-carte) 80%, transparent);border-color:var(--klapo-texte-doux)}.bouton--grand{padding:18px var(--espace-xl);min-height:58px;font-size:clamp(17px,1.4vw,20px)}.actions{gap:var(--espace-m);margin-top:var(--espace-l);flex-wrap:wrap;display:flex}.grille{gap:var(--espace-m);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.grille--4,.grille--3{grid-template-columns:1fr}@media (width>=560px){.grille--4,.grille--3{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.grille--4{grid-template-columns:repeat(4,1fr)}.grille--3{grid-template-columns:repeat(3,1fr)}}.grille--plateaux{grid-template-columns:1fr}@media (width>=760px){.grille--plateaux{grid-template-columns:repeat(2,1fr)}}.carte{background:var(--klapo-carte);border-radius:var(--rayon-m);border-top:1px solid var(--liseré);padding:var(--espace-l);gap:var(--espace-s);flex-direction:column;display:flex}.carte h3{font-size:var(--taille-sous-titre)}.carte p{color:var(--klapo-texte-doux)}.numero{color:var(--klapo-accent-texte);font-variant-numeric:tabular-nums;font-family:Bungee,sans-serif;font-size:30px;line-height:1}.fiche{gap:var(--espace-l);padding:var(--espace-m) 0;margin-block:var(--espace-l);border-block:1px solid var(--liseré);flex-wrap:wrap;list-style:none;display:flex}.fiche div{flex-direction:column;gap:2px;display:flex}.fiche dt{font-size:var(--taille-petit);text-transform:uppercase;letter-spacing:.06em;color:var(--klapo-texte-doux)}.fiche dd{font-variant-numeric:tabular-nums;font-family:Bungee,sans-serif;font-size:20px}.tampon{color:var(--klapo-succes);border:3px solid var(--klapo-succes);border-radius:var(--rayon-s);padding:var(--espace-s) var(--espace-m);letter-spacing:.04em;font-family:Bungee,sans-serif;font-size:clamp(22px,3vw,34px);display:inline-block;rotate:-12deg}.hall{padding-block:clamp(64px, 11vw, 150px) clamp(var(--espace-xl), 6vw, 90px);position:relative;overflow:hidden}.hall__poursuites{z-index:-2;pointer-events:none;background:conic-gradient(from 168deg at 22% -12%, transparent 0deg, color-mix(in oklab, var(--klapo-accent) 22%, transparent) 6deg, transparent 13deg), conic-gradient(from 179deg at 78% -12%, transparent 0deg, color-mix(in oklab, var(--klapo-accent) 17%, transparent) 6deg, transparent 13deg);filter:blur(2px);height:120%;position:absolute;inset:-10% -5% auto}.hall__rideau{z-index:-1;pointer-events:none;opacity:.5;background:repeating-linear-gradient(90deg, color-mix(in oklab, var(--klapo-accent) 20%, var(--klapo-fond)) 0 7px, color-mix(in oklab, var(--klapo-fond) 92%, black) 7px 15px);width:clamp(16px,3.4vw,54px);height:min(72%,620px);position:absolute;top:0;mask-image:linear-gradient(#000 40%,#0000)}.hall__rideau--gauche{border-right:1px solid color-mix(in oklab, var(--klapo-or) 40%, transparent);left:0;mask-image:linear-gradient(#000 40%,#0000),linear-gradient(90deg,#000 55%,#0000);mask-composite:intersect}.hall__rideau--droite{border-left:1px solid color-mix(in oklab, var(--klapo-or) 40%, transparent);right:0;mask-image:linear-gradient(#000 40%,#0000),linear-gradient(270deg,#000 55%,#0000);mask-composite:intersect}.hall__fauteuils{height:clamp(34px,5vw,62px);margin-top:clamp(var(--espace-l), 5vw, 64px);background:repeating-radial-gradient(circle at 24px 100%, #6d1220 0 22px, color-mix(in oklab, #6d1220 60%, var(--klapo-fond)) 22px 24px, transparent 24px 48px);opacity:.75;mask-image:linear-gradient(#000,#0000 88%)}.hall__sur{font-size:var(--taille-petit);text-transform:uppercase;letter-spacing:.16em;color:var(--klapo-accent-texte);margin-bottom:var(--espace-m);display:inline-block}.hall h1{max-width:16ch}.hall__accroche{margin-top:var(--espace-l);font-size:var(--taille-sous-titre);color:var(--klapo-texte-doux);line-height:1.45}.scene{margin-top:clamp(var(--espace-l), 5vw, 56px);border-radius:var(--rayon-l);border:1px solid var(--liseré);background:color-mix(in oklab, var(--klapo-carte) 70%, black);max-width:720px;overflow:hidden}.scene video,.scene img{background:color-mix(in oklab, var(--klapo-carte) 80%, black);width:100%;height:auto;display:block}.scene__bande{padding:var(--espace-m) var(--espace-l);border-top:1px solid var(--liseré);background:var(--klapo-carte);align-items:center;min-height:84px;display:flex}.regie{z-index:50;background:color-mix(in oklab, var(--klapo-fond) 88%, transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--liseré);position:sticky;top:0}.regie .contenu{align-items:center;gap:var(--espace-m);flex-wrap:wrap;min-height:64px;display:flex}@media (width<=559px){.regie{position:static}.regie .contenu{min-height:0;padding-block:var(--espace-s);gap:var(--espace-s)}.regie__marque{font-size:20px}}.regie__marque{color:var(--klapo-texte);align-items:center;gap:var(--espace-s);margin-right:auto;font-family:Bungee,sans-serif;font-size:22px;text-decoration:none;display:inline-flex}.regie nav{align-items:center;gap:clamp(var(--espace-s), 1.6vw, var(--espace-l));flex-wrap:wrap;display:flex}.regie nav a:not(.bouton){color:var(--klapo-texte-doux);font-weight:700;font-size:var(--taille-petit);padding:var(--espace-s) 0;text-decoration:none}.regie nav a:not(.bouton):hover,.regie nav a[aria-current=page]{color:var(--klapo-texte)}.regie nav .bouton{font-size:var(--taille-petit);padding:10px var(--espace-m);min-height:40px}.regie nav a[aria-current=page]{box-shadow:inset 0 -2px 0 0 var(--klapo-accent-texte)}.evitement{left:-9999px;top:var(--espace-s);z-index:100;background:var(--klapo-carte);color:var(--klapo-texte);padding:var(--espace-s) var(--espace-m);border-radius:var(--rayon-s);position:absolute}.evitement:focus{left:var(--espace-m)}.langues{gap:var(--espace-xs);align-items:center;list-style:none;display:flex}.langues a{min-width:40px;min-height:40px;padding:0 var(--espace-xs);border-radius:var(--rayon-s);color:var(--klapo-texte-doux);font-size:var(--taille-petit);text-transform:uppercase;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.langues a[aria-current=true]{color:var(--klapo-texte);background:var(--klapo-carte);border:1px solid var(--liseré)}.fil{font-size:var(--taille-petit);color:var(--klapo-texte-doux);padding-top:var(--espace-l)}.fil ol{gap:var(--espace-s);flex-wrap:wrap;list-style:none;display:flex}.fil li+li:before{content:"·";margin-right:var(--espace-s)}.plateau{gap:var(--espace-s);padding:var(--espace-l);border-radius:var(--rayon-m);border-top:1px solid var(--liseré);background:radial-gradient(120% 90% at 0% 0%, color-mix(in oklab, var(--lumiere) 18%, transparent), transparent 62%) var(--klapo-carte);color:inherit;transition:transform var(--duree-rapide) ease-out;flex-direction:column;text-decoration:none;display:flex;position:relative}.plateau:hover{transform:translateY(-2px)}.plateau h3{font-size:var(--taille-sous-titre)}.plateau p{color:var(--klapo-texte-doux)}.plateau__meta{padding-top:var(--espace-m);font-size:var(--taille-petit);color:var(--klapo-texte-doux);font-variant-numeric:tabular-nums;margin-top:auto}.plateau__aller{color:var(--klapo-accent-texte);font-weight:800;font-size:var(--taille-petit)}.pied{border-top:1px solid var(--liseré);padding-block:clamp(var(--espace-xl), 6vw, 72px);background:color-mix(in oklab, var(--klapo-carte) 40%, transparent)}.pied .grille{gap:var(--espace-l);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.pied h2{font-size:var(--taille-petit);text-transform:uppercase;letter-spacing:.1em;color:var(--klapo-texte-doux);margin-bottom:var(--espace-m)}.pied ul{gap:var(--espace-s);flex-direction:column;list-style:none;display:flex}.pied a{color:var(--klapo-texte);font-size:var(--taille-petit);text-decoration:none}.pied a:hover{text-decoration:underline}.pied__bas{margin-top:var(--espace-xl);padding-top:var(--espace-m);border-top:1px solid var(--liseré);gap:var(--espace-m);font-size:var(--taille-petit);color:var(--klapo-texte-doux);flex-wrap:wrap;justify-content:space-between;display:flex}@keyframes paraitre{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.paraitre{animation:paraitre var(--duree-normale) ease-out both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.studio{z-index:-2;pointer-events:none;animation:paraitre var(--duree-lente) ease-out both;position:fixed;inset:0}.studio canvas,.studio-avant canvas{display:block;width:100%!important;height:100%!important}.studio-avant{z-index:2;pointer-events:none;animation:paraitre var(--duree-lente) ease-out both;position:fixed;inset:0;mask-image:linear-gradient(#000 0 52%,#0000 78%)}.studio-actif{background:var(--klapo-fond)}.studio-actif body{background-color:#0000;background-image:none}.studio-actif .hall__poursuites,.studio-actif .hall__rideau,.studio-actif .hall__fauteuils{display:none}.studio-actif .lieu:before{opacity:0}.studio-actif .scene{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1024px){.studio-actif main>section{background:linear-gradient(to bottom, transparent 0%, color-mix(in oklab, var(--klapo-fond) 62%, transparent) 30%, color-mix(in oklab, var(--klapo-fond) 94%, transparent) 58%, var(--klapo-fond) 82%)}.studio-actif .hall{background:linear-gradient(to bottom, transparent 0%, color-mix(in oklab, var(--klapo-fond) 45%, transparent) 55%, color-mix(in oklab, var(--klapo-fond) 80%, transparent) 100%);align-items:center;min-height:96vh;display:flex}.studio-actif main>section .contenu{max-width:var(--largeur);margin-inline:auto}.studio-actif .hall h1{max-width:15ch;font-size:clamp(44px,5.6vw,88px)}.studio-actif main>section p{max-width:54ch}}.studio-actif .lieu--carte{background-color:#0000;border-block-color:#0000}.studio-actif .regie,.studio-actif .pied{background:color-mix(in oklab, var(--klapo-fond) 94%, transparent)}#grain{z-index:60;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(6,end) infinite grain-pas;position:fixed;inset:-60px}@keyframes grain-pas{0%{transform:translate(0)}20%{transform:translate(-28px,14px)}40%{transform:translate(16px,-22px)}60%{transform:translate(-10px,-30px)}80%{transform:translate(26px,8px)}to{transform:translate(0)}}#vignette{z-index:59;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,#0000 58%,oklab(0% none none/.46) 100%);position:fixed;inset:0}.rail{z-index:61;flex-direction:column;gap:14px;display:none;position:fixed;top:50%;right:clamp(10px,1.6vw,26px);transform:translateY(-50%)}@media (width>=1024px){.rail{display:flex}}.rail a{place-items:center;width:26px;height:12px;display:grid}.rail i{background:color-mix(in oklab, var(--klapo-texte-doux) 40%, transparent);width:14px;height:1px;transition:width var(--duree-normale) ease-out, background var(--duree-normale) ease-out;display:block}.rail a:hover i,.rail a:focus-visible i{background:var(--klapo-texte-doux);width:24px}.rail a.on i{background:var(--klapo-texte);width:24px}[data-scene] h2 .mot{vertical-align:bottom;display:inline-block;overflow:clip}html.js [data-scene] h2 .mot>span{transition:transform .55s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--rang,0) * 70ms);display:inline-block;transform:translateY(110%)}html.js [data-scene].vu h2 .mot>span{transform:translateY(0)}@media (prefers-reduced-motion:reduce){#grain{animation:none}html.js [data-scene] h2 .mot>span{transition:none;transform:none}}#premier-plan{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:clip}.fg-etage{display:none}#premier-plan .fg-etage{display:block;position:absolute;inset:0}.fg-piece{opacity:0;filter:drop-shadow(0 0 26px color-mix(in oklab, var(--klapo-accent) 34%, transparent));will-change:transform, opacity;transition:opacity .7s ease-out,transform .9s cubic-bezier(.22,1,.36,1);position:absolute}[data-fg-in=up]{transform:translateY(12%)}[data-fg-in=left]{transform:translate(-9%,4%)}[data-fg-in=right]{transform:translate(9%,4%)}.fg-on .fg-piece{opacity:1;transform:translate(0,0)}[data-fg=hall] .fg-camera{width:clamp(300px,30vw,520px);bottom:-40px;left:max(-60px,-4vw)}[data-fg=hall] .fg-rideau{width:clamp(200px,21vw,380px);top:-30px;right:-3vw}[data-fg=fiction] .fg-tele{width:clamp(260px,26vw,440px);bottom:-30px;right:2vw}[data-fg=fiction] .fg-cables{width:clamp(300px,34vw,560px);bottom:-46px;left:-2vw}[data-fg=boucle] .fg-perche{width:clamp(320px,38vw,640px);top:-36px;right:-4vw}[data-fg=revelation] .fg-projecteur{width:clamp(240px,24vw,420px);bottom:-36px;left:1vw}[data-fg=modes] .fg-camera{width:clamp(280px,27vw,480px);bottom:-40px;right:max(-70px,-5vw);transform:scaleX(-1)translate(-9%,4%)}[data-fg=modes].fg-on .fg-camera{transform:scaleX(-1)translate(0,0)}[data-fg=salle] .fg-fauteuils{width:clamp(520px,62vw,1080px);bottom:-60px;left:50%;translate:-50%}[data-fg=salle] .fg-popcorn{width:clamp(200px,20vw,340px);bottom:-24px;right:1vw}[data-fg=palmares] .fg-rideau{width:clamp(220px,22vw,400px);top:-30px;left:-3vw;transform:scaleX(-1)translate(-9%,4%)}[data-fg=palmares].fg-on .fg-rideau{transform:scaleX(-1)translate(0,0)}[data-fg=palmares] .fg-projecteur{width:clamp(220px,21vw,380px);bottom:-36px;right:2vw}@media (prefers-reduced-motion:reduce){.fg-piece{transition:none}}:root{--masse:cubic-bezier(.32, .72, 0, 1)}html.js [data-revele]{opacity:0;filter:blur(8px);transition:opacity .85s var(--masse), transform .85s var(--masse), filter .85s var(--masse);transform:translateY(4rem)}html.js [data-revele].vu{opacity:1;filter:none;transform:none}.phrase{padding-block:clamp(90px,14vw,190px)}.phrase__texte{text-transform:uppercase;text-align:center;text-wrap:balance;max-width:21ch;margin-inline:auto;font-family:Bungee,Arial Black,sans-serif;font-size:clamp(30px,4.6vw,58px);line-height:1.2}html.js .phrase .mot>span{color:color-mix(in oklab, var(--klapo-texte) 26%, transparent);transition:color .6s var(--masse);transition-delay:calc(var(--rang,0) * 90ms);transform:none}html.js .phrase.vu .mot>span{color:var(--klapo-texte)}@media (prefers-reduced-motion:reduce){html.js [data-revele]{opacity:1;filter:none;transition:none;transform:none}html.js .phrase .mot>span{color:var(--klapo-texte);transition:none}}