:root{--nuit:#030807;--sapin:#0b2420;--sapin-2:#103029;--lisiere:#1e433b;--menthe:#34d6aa;--minerai:#f26b1d;--minerai-2:#ff9a3c;--acier:#eef3f1;--acier-2:#8da7a0;--marque:"Unbounded","Arial Black",system-ui,sans-serif;--texte:"Montserrat","Segoe UI",system-ui,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-behavior:smooth}body{background:var(--nuit);color:var(--acier);font-family:var(--texte);margin:0;line-height:1.65}html.intro,html.intro body{height:100%;overflow:hidden}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0}.sans-anim *,.sans-anim :before,.sans-anim :after{transition:none!important}#scene{z-index:0;background:var(--nuit) center/cover no-repeat;transform-origin:50%;position:fixed;inset:0}#scene canvas{width:100%;height:100%;display:block}.scene-statique{opacity:.38;background-image:url(/roche.jpg)!important}.vignette{z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 45%,#020605d9 100%);position:fixed;inset:0}.voile-page{z-index:1;pointer-events:none;opacity:0;background:linear-gradient(#03080759 0%,#030807b8 45%,#030807e6 100%);transition:opacity .9s;position:fixed;inset:0}html.prete .voile-page{opacity:1}.attente{z-index:6;letter-spacing:.3em;text-transform:uppercase;color:var(--acier-2);pointer-events:none;place-items:center;font-size:12px;display:grid;position:fixed;inset:0}.attente[hidden]{display:none}.titre{z-index:4;font-family:var(--marque);pointer-events:none;justify-content:center;margin:0;font-size:clamp(40px,8.4vw,118px);font-weight:800;line-height:1;display:flex;position:fixed;bottom:calc(13vh + 42px);left:16px;right:16px}.titre[hidden],.devise[hidden]{display:none!important}#motIntro{display:inline-flex}.l{color:#f1f5f3;text-shadow:0 6px 26px #000000e6,0 0 2px #0009;opacity:0;filter:blur(16px);display:inline-block;position:relative;transform:translateY(.45em)scale(1.9)}.l.x{color:#ff8e3a}.l.x:after{content:"X";color:#c9470c;text-shadow:none;clip-path:polygon(100% 0,100% 100%,0 100%);position:absolute;inset:0}.l.x:before{content:"";opacity:0;border:3px solid #ffb25c;border-radius:50%;width:.22em;height:.22em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 18px #ff6a1a}.titre.on .l{animation:.75s cubic-bezier(.2,.9,.25,1.2) forwards frappe;animation-delay:calc(var(--i) * 75ms)}.titre.on .l.x{animation:.75s cubic-bezier(.2,.9,.25,1.2) .52s forwards frappe,2.4s ease-out .6s forwards lueurX}.titre.on .l.x:before{animation:1.1s ease-out .62s forwards onde}@keyframes frappe{to{opacity:1;filter:blur();transform:none}}@keyframes lueurX{0%{text-shadow:0 6px 26px #000000e6}18%{text-shadow:0 0 30px #ff6a1a,0 0 70px #ff4a0a,0 6px 26px #000000e6}to{text-shadow:0 0 18px #ff6a1a99,0 6px 26px #000000e6}}@keyframes onde{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(11)}}.devise{z-index:4;text-align:center;pointer-events:none;text-transform:uppercase;letter-spacing:1.1em;opacity:0;text-shadow:0 2px 12px #000000e6;font-size:clamp(10px,1.25vw,15px);font-weight:500;position:fixed;bottom:13vh;left:16px;right:16px}.devise b{color:var(--minerai);font-weight:500}.devise.on{animation:1.4s cubic-bezier(.2,.8,.2,1) forwards devise}.devise.part{animation:.5s forwards disparait}@keyframes devise{to{opacity:1;letter-spacing:.34em}}@keyframes disparait{0%{opacity:1;letter-spacing:.34em}to{opacity:0;letter-spacing:.34em}}.passer{z-index:6;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));font-family:var(--texte);letter-spacing:.06em;color:var(--acier-2);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07120f99;border:1px solid #34d6aa59;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:600;position:fixed}.passer:hover,.passer:focus-visible{color:var(--acier);outline:none;box-shadow:0 0 16px #34d6aa73}html.prete .passer{display:none}.barre{z-index:5;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid #0000;transition:background .4s,border-color .4s;position:fixed;top:0;left:0;right:0}html.defile .barre{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--lisiere);background:#030807cc}.barre-in{align-items:center;gap:20px;max-width:1180px;margin:0 auto;padding:12px 20px;display:flex}.marque{flex:none;align-items:center;gap:12px;text-decoration:none;display:flex}.marque svg{display:block}#logo2d,#motNav{opacity:0;transition:opacity .25s}html.logo-pose #logo2d,html.logo-pose #motNav{opacity:1}.liens{gap:26px;margin-left:auto;font-size:14px;font-weight:500;display:flex}.liens a{color:var(--acier-2);text-decoration:none}.liens a:hover,.liens a:focus-visible{color:var(--acier)}.liens,.barre .b-cta{opacity:0;transition:opacity .8s .4s}html.prete .liens,html.prete .barre .b-cta{opacity:1}@media (width<=760px){.liens{display:none}.barre .b-cta{margin-left:auto}}.b-cta{font-family:var(--texte);letter-spacing:.03em;background:linear-gradient(180deg,var(--minerai-2),var(--minerai));color:#1a0b02;cursor:pointer;border:0;border-radius:10px;padding:11px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 0 18px #f26b1d66}.b-cta:hover,.b-cta:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 0 28px #f26b1da6}.b-fantome{color:var(--acier);border:1px solid #34d6aa73;border-radius:10px;padding:11px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.b-fantome:hover,.b-fantome:focus-visible{outline:none;box-shadow:0 0 16px #34d6aa66}#page{z-index:2;opacity:0;transition:opacity 1.1s,transform 1.1s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateY(28px)}html.prete #page{opacity:1;transform:none}.gouttiere{padding-inline:20px}.colonne{max-width:1120px;margin:0 auto}.heros{align-items:center;min-height:100svh;padding-block:120px 64px;display:flex}.surtitre{letter-spacing:.26em;text-transform:uppercase;color:var(--menthe);font-size:12px;font-weight:700}.heros h1{font-family:var(--marque);max-width:15ch;margin-top:16px;font-size:clamp(32px,5.4vw,66px);font-weight:700;line-height:1.08}.heros h1 .x{color:var(--minerai);text-shadow:0 0 30px #f26b1d73}.accroche{color:#b9cbc5;max-width:56ch;margin-top:22px;font-size:clamp(16px,1.5vw,18px)}.boutons{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.chiffres{background:var(--lisiere);border:1px solid var(--lisiere);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;max-width:760px;margin-top:56px;display:grid;overflow:hidden}.chiffre{background:#0b2420d9;padding:18px 20px}.chiffre .v{font-family:var(--marque);font-variant-numeric:tabular-nums;color:var(--acier);font-size:28px;font-weight:700}.chiffre .v.o{color:var(--minerai);text-shadow:0 0 16px #f26b1d73}.chiffre .v.m{color:var(--menthe);text-shadow:0 0 16px #34d6aa73}.chiffre .e{letter-spacing:.12em;text-transform:uppercase;color:var(--acier-2);margin-top:2px;font-size:11px}section{border-top:1px solid #1e433bb3;padding-block:88px}.etq{letter-spacing:.26em;text-transform:uppercase;color:var(--minerai);font-size:12px;font-weight:700}.sec-titre{font-family:var(--marque);margin-top:12px;font-size:clamp(24px,3.4vw,38px);font-weight:700;line-height:1.15}.sec-intro{color:#a9bdb6;max-width:62ch;margin-top:14px;font-size:16px}.modules{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin-top:40px;display:grid}.module{border:1px solid var(--lisiere);background:#0b2420d1;border-radius:14px;min-width:0;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s}.module:hover{border-color:#34d6aa80;transform:translateY(-4px);box-shadow:0 0 24px #34d6aa1f}.module .ico{background:var(--sapin-2);width:42px;height:42px;color:var(--menthe);border:1px solid #34d6aa66;border-radius:10px;place-items:center;margin-bottom:14px;display:grid;box-shadow:0 0 12px #34d6aa2e}.module h3{font-size:16px;font-weight:700}.module p{color:#a9bdb6;margin-top:8px;font-size:14px}.atelier{grid-template-columns:1.1fr .9fr;align-items:center;gap:44px;display:grid}.atelier ul{flex-direction:column;gap:14px;margin:24px 0 0;padding:0;list-style:none;display:flex}.atelier li{color:#a9bdb6;gap:12px;font-size:15px;display:flex}.atelier li strong{color:var(--acier)}.coche{width:22px;height:22px;color:var(--menthe);background:#34d6aa24;border:1px solid #34d6aa80;border-radius:7px;flex:none;place-items:center;margin-top:1px;font-size:12px;font-weight:700;display:grid}@media (width<=840px){.atelier{grid-template-columns:1fr}}.ecran{border:1px solid var(--lisiere);background:#030807e6;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #0000008c}.ecran-barre{background:var(--sapin);border-bottom:1px solid var(--lisiere);color:var(--acier-2);align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.ecran-corps{flex-direction:column;gap:10px;padding:14px;display:flex}.e-tuiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.e-tuile{background:var(--sapin);border:1px solid var(--lisiere);border-radius:9px;padding:10px 12px}.e-tuile .v{font-family:var(--marque);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.e-tuile .v.o{color:var(--minerai)}.e-tuile .v.m{color:var(--menthe)}.e-tuile .l2{letter-spacing:.08em;text-transform:uppercase;color:var(--acier-2);font-size:9.5px}.e-ligne{background:var(--sapin);border:1px solid var(--lisiere);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.e-ligne .d{font-weight:700}.e-ligne .n{color:var(--acier-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pill{letter-spacing:.06em;text-transform:uppercase;border-radius:4px;flex:none;margin-left:auto;padding:2px 7px;font-size:9.5px;font-weight:700}.p-pret{background:var(--menthe);color:#04231b;box-shadow:0 0 10px #34d6aa8c}.p-cours{color:#241a02;background:#e8b93d;box-shadow:0 0 9px #e8b93d73}.p-retard{color:#fff;background:#e14b4b;box-shadow:0 0 10px #e14b4b80}.principes{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin-top:40px;display:grid}.principe{border:1px solid var(--lisiere);background:#0b2420d1;border-radius:14px;padding:22px 24px}.principe h3{align-items:center;gap:10px;font-size:15.5px;font-weight:700;display:flex}.principe h3:before{content:"";background:var(--minerai);width:8px;height:8px;box-shadow:0 0 10px var(--minerai);border-radius:50%}.principe p{color:#a9bdb6;margin-top:8px;font-size:14px}.final{text-align:center}.final .colonne{flex-direction:column;align-items:center;gap:20px;display:flex}.final h2 .x{color:var(--minerai);text-shadow:0 0 26px #f26b1d80}.final p{color:#a9bdb6;max-width:54ch}.pied{z-index:2;border-top:1px solid #1e433bb3;padding-block:28px;position:relative}.pied .colonne{color:var(--acier-2);flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}.rejouer{font-family:var(--texte);color:var(--acier-2);cursor:pointer;background:0 0;border:1px solid #34d6aa59;border-radius:999px;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:600}.rejouer:hover,.rejouer:focus-visible{color:var(--acier);outline:none;box-shadow:0 0 14px #34d6aa66}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.titre.on .l,.titre.on .l.x{animation-duration:10ms;animation-delay:0s}.titre.on .l.x:before{animation:none}.devise.on{animation-duration:10ms}#page,.voile-page,.module{transition:none}}.liens a[aria-current=page]{color:var(--acier);border-bottom:1px solid var(--menthe)}.pied a{color:var(--menthe);text-decoration:none}.sponsor{align-items:center;gap:8px;display:inline-flex}.sponsor img{width:auto;height:24px;display:block}.pied .rejouer{margin-left:auto}@media (width<=760px){.barre-in{flex-wrap:wrap;gap:8px 12px;padding:10px 14px}.liens{white-space:nowrap;order:3;gap:18px;width:100%;margin:0;padding-bottom:3px;font-size:12px;display:flex;overflow-x:auto}.barre .b-cta{margin-left:auto;padding:9px 12px;font-size:12px}.pied .rejouer{margin-left:0}}