@font-face{font-family:BSD;src:url(/experience/assets/fonts/big-shoulders-display-latin-900-normal.woff2)format("woff2");font-weight:900}@font-face{font-family:MR;src:url(/experience/assets/fonts/manrope-latin-600-normal.woff2)format("woff2");font-weight:600}@font-face{font-family:MR;src:url(/experience/assets/fonts/manrope-latin-800-normal.woff2)format("woff2");font-weight:800}@font-face{font-family:JBM;src:url(/experience/assets/fonts/jbmono500.woff2)format("woff2");font-weight:500}:root{--nuit:#0a0f16;--papier:#ecece6;--argent:#9aa3b5;--gris:#8b8b95;--signal:#2f6bff}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--nuit);height:100%;color:var(--papier);-webkit-font-smoothing:antialiased;font-family:MR,system-ui,sans-serif;font-size:17.5px;font-weight:600;overflow:hidden}canvas#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.barre{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;padding:20px clamp(16px,3vw,40px);display:flex;position:fixed;top:0;left:0;right:0}.barre a{pointer-events:auto;color:var(--papier);text-decoration:none}.logo{align-items:center;gap:12px;font-family:MR;font-size:18px;font-weight:800;display:flex}.logo svg{width:64px;height:auto;display:block}.std{letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0f1659;border:1px solid #ecece673;padding:9px 12px;font-family:JBM;font-size:11.5px}.std:hover{border-color:var(--papier)}.fil{z-index:5;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;top:50%;right:clamp(14px,2vw,28px);transform:translateY(-50%)}.fil button{color:#ecece680;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:10px;display:flex}.fil b{font-family:BSD;font-size:16px;font-weight:900}.fil span{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;max-width:0;font-family:JBM;font-size:10.5px;transition:max-width .5s,opacity .4s;overflow:hidden}.fil button.on{color:var(--papier)}.fil button.on span,.fil button:hover span{opacity:1;max-width:160px}.ch{z-index:4;pointer-events:none;transition:opacity .6s;position:fixed}.ch-accueil{text-shadow:0 2px 30px #0000008c;max-width:min(760px,62vw);bottom:clamp(64px,12vh,120px);left:clamp(16px,4vw,64px)}.sur{letter-spacing:.16em;text-transform:uppercase;color:#ecece6bf;font-family:JBM;font-size:11.5px}.ch-accueil h1{text-transform:uppercase;margin-top:14px;font-family:BSD;font-size:clamp(2.8rem,6.6vw,6.4rem);font-weight:900;line-height:.88}.ch-accueil h1 em{color:var(--signal);font-style:normal}.lede{color:#d6d8dc;max-width:44ch;margin-top:16px;font-size:1.05rem;line-height:1.5}.ch-titre{text-shadow:0 1px 16px #000000b3;top:96px;left:clamp(16px,4vw,64px)}.ch-titre .aide{color:#c9ccd2;margin-top:6px;font-size:.95rem}.etiq{z-index:4;pointer-events:none;opacity:0;will-change:transform;align-items:center;gap:8px;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.etiq i{border:2px solid var(--papier);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 12px #ffdcaa99}.etiq span{text-transform:uppercase;letter-spacing:.01em;text-shadow:0 2px 14px #000000f2;white-space:nowrap;font-family:BSD;font-size:22px;font-weight:900}.etiq-ecran span{font-size:26px}.panneau{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0f16b8;border:1px solid #ecece62e;width:min(520px,100vw - 32px);padding:26px 28px 24px;position:fixed;bottom:clamp(40px,8vh,90px);left:clamp(16px,4vw,64px)}.panneau h2{text-transform:uppercase;margin-top:10px;font-family:BSD;font-size:2.4rem;font-weight:900;line-height:.92}.panneau p:last-child{color:#d6d8dc;margin-top:12px;line-height:1.55}.fermer{color:var(--papier);cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1;position:absolute;top:8px;right:10px}.modal{z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05080cc7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[hidden],.panneau[hidden]{display:none}.mbox{width:min(1100px,92vw);padding:18px;position:relative}.mbox video{background:#000;border:1px solid #ecece633;width:100%;display:block}.mbox h2{text-transform:uppercase;margin-top:6px;font-family:BSD;font-size:2.6rem;font-weight:900}.mbox .sur{margin-top:14px}.hint{z-index:4;letter-spacing:.14em;text-transform:uppercase;color:#ecece6b3;white-space:nowrap;text-shadow:0 1px 8px #000c;font-family:JBM;font-size:11px;transition:opacity .6s;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.voile{z-index:9;background:var(--nuit);justify-content:center;align-items:center;transition:opacity 1.6s;display:flex;position:fixed;inset:0}.voile span{letter-spacing:.2em;text-transform:uppercase;color:var(--gris);font-family:JBM;font-size:12px}.voile.fini{opacity:0;pointer-events:none}.fps{z-index:9;color:#9f9;background:#0009;padding:6px 8px;font:12px/1.3 JBM,monospace;position:fixed;bottom:10px;left:10px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=899px){.fil{background:#0a0f1699;border-radius:999px;flex-direction:row;gap:14px;padding:8px 14px;top:auto;bottom:46px;right:50%;transform:translate(50%)}.fil span{display:none}.ch-accueil{max-width:none;bottom:110px;right:16px}.ch-titre{top:78px}.etiq span{font-size:17px}.panneau{bottom:96px}.hint{font-size:9.5px;bottom:14px}.logo svg{width:52px}}@media (prefers-reduced-motion:reduce){.ch,.etiq,.voile{transition:none}}.sans-gpu{z-index:9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f16db;border:1px solid #ecece633;width:min(460px,100vw - 32px);padding:24px 26px;line-height:1.5;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.sans-gpu[hidden]{display:none}.sans-gpu p+p{color:#d6d8dc;margin:10px 0 16px}.sans-gpu .std{display:inline-block}.blanc{z-index:7;pointer-events:none;opacity:0;background:radial-gradient(at 50% 45%,#fffdf7 0%,#f6efe2 55%,#e9e2d6 100%);position:fixed;inset:0}.outils{pointer-events:auto;gap:10px;display:flex}button.std{color:var(--papier);cursor:pointer;font-weight:500}.std:focus-visible,.fil button:focus-visible,.a2-carte a:focus-visible{outline:2px solid var(--papier);outline-offset:3px}@media (width<=899px){.barre{padding:14px 16px}.logo b{display:none}.outils{gap:8px}.outils .std{letter-spacing:.1em;padding:9px 10px;font-size:10px}.fil button.a2,body.en-acte2 .fil button{display:none}body.en-acte2 .fil button.a2{display:flex}}.a2-carte{z-index:4;-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:linear-gradient(#0a0f169e,#0a0f16bd);border:1px solid #ecece629;width:min(470px,100vw - 32px);padding:22px 26px;transition:opacity .7s,transform .9s;position:fixed;bottom:clamp(40px,9vh,96px);left:clamp(16px,4vw,64px);transform:translateY(10px)}.a2-carte.on{opacity:1;transform:none}.a2-carte.on.a2-contact{pointer-events:auto}.a2-carte h2{text-transform:uppercase;margin-top:10px;font-family:BSD;font-size:clamp(2rem,3.4vw,2.7rem);font-weight:900;line-height:.92}.a2-carte .a2-phrase{color:#dfe1e4;margin-top:12px;line-height:1.55}.a2-carte .a2-regle{color:#c9ccd2;border-top:1px solid #ecece624;margin-top:14px;padding-top:12px;font-size:.95rem;line-height:1.5}.a2-carte .a2-regle b{letter-spacing:.16em;text-transform:uppercase;color:#e9c79a;margin-bottom:4px;font-family:JBM;font-size:10.5px;font-weight:500;display:block}.a2-intro{-webkit-backdrop-filter:none;text-shadow:0 2px 24px #0000008c;background:0 0;border-color:#0000;width:min(640px,100vw - 32px)}.a2-intro h2{font-size:clamp(2.8rem,6vw,5.2rem)}.a2-courriel{margin-top:16px}.a2-courriel a{letter-spacing:.14em;text-transform:uppercase;color:var(--papier);border:1px solid #ecece673;padding:11px 14px;font-family:JBM;font-size:12px;text-decoration:none;display:inline-block}.a2-courriel a:hover{border-color:var(--papier)}.a2-signe{letter-spacing:.16em;text-transform:uppercase;color:#ecece6b3;margin-top:18px;font-family:JBM;font-size:11px}.a2-fondu{z-index:8;background:var(--nuit);opacity:0;pointer-events:none;transition:opacity .35s;position:fixed;inset:0}.a2-fondu.on{opacity:1}@media (width<=899px){.a2-carte{padding:16px 18px;bottom:96px}.a2-carte h2{font-size:1.75rem}.a2-carte .a2-phrase{margin-top:8px;font-size:.95rem}.a2-carte .a2-regle{margin-top:10px;padding-top:9px;font-size:.88rem}.a2-intro h2{font-size:2.6rem}}@media (prefers-reduced-motion:reduce){.a2-carte,.a2-fondu{transition:none}}