:root{interpolate-size:allow-keywords}section{position:relative}[tabindex="-1"]:focus{outline:none}.lecteur-mascotte{transform-origin:50% 80%;width:40px;height:40px;transform:rotate(calc(var(--kick,0) * -9deg)) translateY(calc(var(--kick,0) * 2px));display:block}.tracklist-eq,.console-eq{align-items:flex-end;gap:2px;display:inline-flex}.tracklist-eq i,.console-eq i{background:var(--orange);transform-origin:bottom;border-radius:2px;width:3px;height:100%;display:block;transform:scaleY(.35)}@keyframes eq{0%,to{transform:scaleY(.3)}25%{transform:scaleY(1)}50%{transform:scaleY(.55)}75%{transform:scaleY(.85)}}.tracklist-eq i:nth-child(2),.console-eq i:nth-child(2){animation-delay:-.31s}.tracklist-eq i:nth-child(3),.console-eq i:nth-child(3){animation-delay:-.55s}.console-eq i:nth-child(4){animation-delay:-.12s}.console-eq i:nth-child(5){animation-delay:-.68s}.hero{isolation:isolate;margin-top:-80px;padding-top:80px}.hero-neons{z-index:-1;pointer-events:none;height:130svh;position:absolute;inset:0 0 auto;overflow:hidden}.neon{animation:respire 16s var(--ease-in-out) infinite alternate;border-radius:50%;position:absolute}.neon-petrole{background:radial-gradient(closest-side, rgba(var(--petrole-rgb), .95), rgba(var(--petrole-rgb), .4) 48%, transparent 76%);width:92vmax;height:92vmax;top:-50vmax;left:-46vmax}.neon-orange{background:radial-gradient(closest-side, rgba(var(--orange-rgb), .48), rgba(var(--orange-rgb), .14) 50%, transparent 76%);width:80vmax;height:80vmax;animation-delay:-8s;top:-18vmax;right:-42vmax}@keyframes respire{0%{transform:translate(0,0)scale(1)}to{transform:translate(3vmax,2vmax)scale(1.08)}}.hero-contenu{padding-top:clamp(36px,8vh,112px)}.hero-titre{letter-spacing:-.004em;margin-top:22px;font-size:clamp(2.9rem,6.6vw + 1.3rem,7.4rem);line-height:1}.hero-mot{display:inline-block}.hero-accent{color:var(--orange);transform-origin:0 85%;transform:scale(calc(1 + var(--kick,0) * .02))}.hero-bas{gap:26px;margin-top:clamp(26px,4vw,44px);display:grid}.hero-chapo{max-width:38ch}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px 26px;display:flex}.hero-scene{height:clamp(130px,22vh,240px);margin-top:clamp(20px,4vh,48px);position:relative}.visualiseur{touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.hero-pied{border-top:1px solid var(--ligne);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:18px 0;display:flex}.hero-preuve{color:var(--texte-doux);flex-wrap:wrap;gap:6px 18px;font-size:.6875rem;display:flex}.hero-preuve span+span:before{content:"·";color:var(--orange);margin-right:18px}.hero-video{color:var(--blanc);align-items:center;gap:10px;font-size:.9375rem;font-weight:650;display:inline-flex}.hero-video svg{background:var(--orange);width:22px;height:22px;color:var(--noir);border-radius:50%;padding:5px}.hero-video-duree{color:var(--texte-doux);font-size:.6875rem}.video{aspect-ratio:16/9;border-radius:var(--rayon);box-shadow:0 0 0 1px var(--ligne), 0 60px 120px -40px #000000e6;transform-origin:50% 0;background:#0d0d0d;margin-top:clamp(40px,6vw,72px);position:relative;overflow:hidden}.video-fond{background:radial-gradient(45% 60% at 58% 42%, rgba(var(--orange-rgb), .42), transparent 70%), radial-gradient(50% 70% at 92% 100%, rgba(var(--petrole-rgb), .9), transparent 70%), linear-gradient(180deg, #121212, #0a0a0a);position:absolute;inset:0}.video iframe,.video video{border:0;width:100%;height:100%;position:absolute;inset:0}.video video{object-fit:contain;background:#000}.video-play{aspect-ratio:1;background:var(--blanc);width:clamp(64px,9vw,92px);color:var(--noir);transition:transform .22s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 20px 60px -10px #0009}.video-play:before{content:"";animation:onde-play 2.4s var(--ease-out) infinite;border:1px solid #ffffff59;border-radius:50%;position:absolute;inset:-10px}@keyframes onde-play{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.video-play svg{width:36%;margin-left:6%}.video-play:active{transform:scale(.95)}@media (hover:hover) and (pointer:fine){.video-play:hover{transform:scale(1.06)}}.video-legende,.video-tc{color:#ffffffb3;font-size:.625rem;position:absolute}.video-legende{align-items:center;gap:8px;display:flex;bottom:16px;left:18px}.video-direct{background:var(--orange);width:7px;height:7px;box-shadow:0 0 10px var(--orange);border-radius:50%}.video-tc{font-variant-numeric:tabular-nums;top:16px;right:18px}.video-message{backdrop-filter:blur(10px);text-align:center;background:#0a0a0ac7;border-radius:12px;width:min(90%,440px);padding:12px 16px;font-size:.9rem;position:absolute;bottom:18%;left:50%;translate:-50%}.video.lit .video-play,.video.lit .video-legende,.video.lit .video-tc,.video.lit .video-fond{display:none}.probleme{padding-block:clamp(110px,16vw,200px) clamp(80px,11vw,150px)}.probleme-grille{gap:48px;margin-top:30px;display:grid}.probleme-exemple{color:var(--texte);margin-bottom:18px;font-size:clamp(1.05rem,1.6vw,1.25rem)}.k-mot{--k-eteint:#2c2c2c}.js .karaoke .k-mot{background-image:linear-gradient(90deg, var(--blanc) 50%, var(--k-eteint) 50%);color:#0000;background-position:100% 0;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.compteur{font-variant-numeric:tabular-nums}.courbe{align-self:end;padding:20px 20px 18px}.courbe-tete{color:var(--texte-doux);justify-content:space-between;align-items:center;gap:12px;display:flex}.courbe-tete .mono{font-size:.625rem}.courbe-legende{align-items:center;gap:8px;display:inline-flex}.courbe-legende i{background:#ffffffbf;border-radius:2px;width:14px;height:2px}.courbe-svg{width:100%;height:auto;margin-top:18px;overflow:visible}.courbe-grille{stroke:#ffffff0f;stroke-dasharray:2 4}.courbe-base{stroke:#ffffff24}.courbe-j{stroke:rgba(var(--orange-rgb), .55);stroke-dasharray:3 3}.courbe-ligne{fill:none;stroke:#ffffffd9;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.courbe-pic{fill:var(--orange);transform-box:fill-box;transform-origin:50%}.courbe-halo{fill:rgba(var(--orange-rgb), .25);transform-box:fill-box;transform-origin:50%}.courbe-axe{color:var(--texte-doux);justify-content:space-between;margin-top:10px;font-size:.5625rem;display:flex}.courbe-axe-j{color:var(--orange)}.courbe-note{border-top:1px solid var(--ligne);color:var(--texte);margin-top:14px;padding-top:14px;font-size:.9375rem}.interlude{background:radial-gradient(70% 55% at 50% 0%, #5aa9b859, transparent 70%), linear-gradient(180deg, var(--noir) 0%, var(--petrole-profond) 18%, var(--petrole) 52%, #0b3a46 74%, var(--noir) 100%);isolation:isolate;padding-block:clamp(110px,16vw,210px);overflow:hidden}.scene{z-index:-1;pointer-events:none;position:absolute;inset:0}.faisceau{top:-4%;left:calc(var(--x) - 60vw);transform-origin:50% 0;background:conic-gradient(from 166deg at 50% 0%, transparent 0deg, var(--c) 14deg, transparent 28deg);mix-blend-mode:screen;width:120vw;height:110%;animation:balaye 9s var(--ease-in-out) infinite alternate;animation-play-state:paused;position:absolute;-webkit-mask-image:linear-gradient(#000 0%,#00000073 55%,#0000 92%);mask-image:linear-gradient(#000 0%,#00000073 55%,#0000 92%)}[data-scene].en-scene .faisceau{animation-play-state:running}.faisceau-1{--x:14%;--c:rgba(var(--orange-rgb), .3);--de:-18deg;--a:8deg}.faisceau-2{--x:52%;--c:#5aa9b83d;--de:12deg;--a:-12deg;animation-duration:11s;animation-delay:-4s}.faisceau-3{--x:88%;--c:rgba(var(--orange-rgb), .26);--de:20deg;--a:-6deg;animation-duration:10s;animation-delay:-2s}@keyframes balaye{0%{transform:rotate(var(--de))}to{transform:rotate(var(--a))}}.brume{background:radial-gradient(80% 70% at 50% 100%, rgba(var(--orange-rgb), .22), transparent 70%);height:60%;position:absolute;inset:auto 0 0}.interlude-titre{max-width:15ch;margin-top:30px}.barre{--barre:1;background-image:linear-gradient(var(--orange), var(--orange));background-position:0 56%;background-repeat:no-repeat;background-size:calc(var(--barre) * 100%) .08em;color:rgba(255, 255, 255, calc(1 - var(--barre) * .55))}.neon-texte{color:#fff3ea;text-shadow:0 0 .03em #fff, 0 0 .12em var(--orange), 0 0 .4em rgba(var(--orange-rgb), .7), 0 0 .9em rgba(var(--orange-rgb), .35)}.js .neon-texte:not(.allume){color:#ffffff24;text-shadow:none}.neon-texte.allume{animation:1.3s step-end both neon-allumage}@keyframes neon-allumage{0%{opacity:.15}8%{opacity:1}14%{opacity:.2}22%{opacity:1}30%{opacity:.35}38%,to{opacity:1}}.interlude-texte{color:#ffffffd1;max-width:44ch;margin-top:30px}.instrument{padding-top:clamp(110px,15vw,190px)}.instrument-intro{gap:22px;margin-top:30px;display:grid}.seq{height:290svh;margin-top:24px;position:relative}.seq-colle{align-items:center;height:100svh;padding-bottom:76px;display:flex;position:sticky;top:0}.seq-mise{gap:22px;display:grid}.seq-etapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.seq-etape{opacity:.38;gap:8px;padding-top:12px;transition:opacity .3s;display:grid;position:relative}.seq-etape:before{content:"";background:var(--petrole-clair);border-radius:2px;height:2px;position:absolute;inset:0 0 auto}.seq-etape:last-child:before{background:var(--orange)}.seq-etape.actif,html:not(.js) .seq-etape{opacity:1}.seq-etape-num{font-family:var(--f-titre);color:var(--petrole-clair);font-size:1.5rem;line-height:1}.seq-etape:last-child .seq-etape-num{color:var(--orange)}.seq-etape-titre{font-size:.8125rem;font-weight:650;line-height:1.3}.seq-etape-texte{color:var(--texte-doux);margin-top:6px;font-size:.9375rem;display:none}.seq-machine{--gap:3px;--label:62px;background:linear-gradient(#1d1d1d,#121212 40%,#0f0f0f);border:1px solid #ffffff12;border-radius:22px;padding:14px;position:relative;box-shadow:inset 0 1px #ffffff12,0 50px 90px -40px #000000f2}.seq-haut{gap:10px;display:grid}.seq-ecran,.fader-valeur{font-family:var(--f-mono);color:#bfe9f1;text-shadow:0 0 8px #5aa9b8a6;background:linear-gradient(#ffffff0a,#0000 40%),#082a32;border-radius:10px;box-shadow:inset 0 2px 8px #0009,0 0 0 1px #5aa9b82e}.seq-ecran{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;padding:10px 12px;display:grid}.seq-champ{min-width:0;display:grid}.seq-champ span{letter-spacing:.14em;text-transform:uppercase;opacity:.6;font-size:.5625rem}.seq-champ b{white-space:nowrap;text-overflow:ellipsis;min-height:1.35em;font-size:.8125rem;font-weight:500;overflow:hidden}.seq-champ b.frappe:after{content:"▌";margin-left:1px;animation:.8s step-end infinite curseur}@keyframes curseur{50%{opacity:0}}.seq-statut{color:var(--texte-doux);align-items:center;gap:8px;font-size:.625rem;display:flex}.seq-led{background:var(--petrole-clair);width:8px;height:8px;box-shadow:0 0 10px var(--petrole-clair);border-radius:50%;display:inline-block}.seq-statut[data-phase=compose] .seq-led{background:var(--orange);box-shadow:0 0 10px var(--orange);animation:.5s step-end infinite curseur}.seq-grille{grid-template-columns:var(--label) repeat(var(--pas), minmax(0, 1fr));grid-template-rows:auto repeat(var(--pistes), auto);column-gap:var(--gap);align-items:center;row-gap:5px;margin-top:14px;display:grid;position:relative}.seq-coin,.seq-semaine{letter-spacing:.08em;color:var(--texte-doux);padding-bottom:6px;font-size:.5rem}.seq-semaine{text-align:center;border-bottom:1px solid var(--ligne);grid-column:span 2}.seq-semaine.est-sortie{color:var(--orange);border-bottom-color:var(--orange)}.seq-long{display:none}.seq-nom{color:var(--texte);white-space:nowrap;text-overflow:ellipsis;padding-right:6px;font-size:.6875rem;font-weight:550;overflow:hidden}.seq-pas{aspect-ratio:1/1.3;transition:background-color .16s ease, box-shadow .16s ease, transform .16s var(--ease-out);background:#222;border-radius:3px;box-shadow:inset 0 1px #ffffff0d,inset 0 -2px #00000073}.seq-pas.semaine-alt{background:#2a2a2a}.seq-pas.col-sortie{background:#2d1a10}.seq-pas.on,html:not(.js) .seq-pas:not([data-v="0"]){background:rgba(var(--orange-rgb), .45);box-shadow:inset 0 1px 0 #ffffff40, 0 0 10px rgba(var(--orange-rgb), .25)}.seq-pas.on[data-v="2"],html:not(.js) .seq-pas[data-v="2"]{background:rgba(var(--orange-rgb), .75);box-shadow:inset 0 1px 0 #ffffff4d, 0 0 14px rgba(var(--orange-rgb), .45)}.seq-pas.on[data-v="3"],html:not(.js) .seq-pas[data-v="3"]{background:var(--orange);box-shadow:inset 0 1px 0 #ffffff73, 0 0 18px rgba(var(--orange-rgb), .75)}.seq-pas.on.joue{box-shadow:0 0 22px rgba(var(--orange-rgb), .95);background:#ffd9c2;transform:scale(1.18)}.seq-tete-zone{grid-area:2/2/-1/-1;grid-template-columns:repeat(var(--pas), minmax(0, 1fr));column-gap:var(--gap);pointer-events:none;display:grid;position:absolute;inset:-3px 0}.seq-tete{transform:translateX(calc(var(--col,0) * (100% + var(--gap))));opacity:var(--tete,0);background:linear-gradient(#5aa9b80d,#5aa9b847,#5aa9b80d);border-radius:4px;grid-column:1;box-shadow:0 0 0 1px #5aa9b8b3,0 0 24px #5aa9b859}.seq-note{letter-spacing:.1em;color:var(--texte-doux);margin-top:14px;font-size:.5625rem}.instrument-cta{margin-top:-40px;padding-bottom:clamp(90px,12vw,160px);display:flex}.demo{padding-block:clamp(60px,10vw,140px)}.demo-grille{gap:40px;display:grid}.demo-intro .titre-l{margin-top:30px}.demo-intro .chapo{margin-top:22px}.demo-precision{max-width:40ch;color:var(--texte-doux);margin-top:16px;font-size:.875rem}.console{padding:clamp(20px,3vw,32px)}.console-champs{gap:22px 28px;display:grid}.champ{gap:6px;display:grid}.champ-nom{color:var(--texte-doux);font-size:.625rem}.champ-option{letter-spacing:.08em;text-transform:none;color:#ffffff59;margin-left:6px}.champ-type{border:0;min-width:0;margin:0;padding:0}.champ-type legend{margin-bottom:6px;padding:0}.touches{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:6px;min-height:46px;display:grid}.touche{cursor:pointer;display:grid;position:relative}.touche input{opacity:0;cursor:pointer;position:absolute;inset:0}.touche span{min-height:44px;color:var(--texte);background:linear-gradient(#262626,#1b1b1b);border-radius:8px;place-items:center;padding:0 4px;font-size:.8125rem;font-weight:600;transition:background-color .16s,color .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px #00000073}.touche input:checked+span{color:var(--noir);background:var(--orange);box-shadow:inset 0 1px 0 #ffffff59, 0 0 14px rgba(var(--orange-rgb), .45)}.touche input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}.champ input:not([type=range]){border:0;border-bottom:1px solid var(--ligne-forte);width:100%;min-height:46px;color:var(--blanc);caret-color:var(--orange);-webkit-appearance:none;appearance:none;background:0 0;border-radius:0;padding:8px 0;font-size:1rem;transition:border-color .2s}.champ input::placeholder{color:#ffffff47}.champ input:focus{border-bottom-color:var(--orange);outline:none}.champ input[type=date]{color-scheme:dark}.champ input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7)}.fader-tete{justify-content:space-between;align-items:center;display:flex}.fader-valeur{text-align:right;font-variant-numeric:tabular-nums;min-width:74px;padding:5px 10px;font-size:.875rem}.fader{--val:30%;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:44px;margin:4px 0 0}.fader:focus{outline:none}.fader::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--orange), #ff9a5c) 0 0 / var(--val) 100% no-repeat, #262626;border-radius:6px;height:6px;box-shadow:inset 0 1px 2px #0009}.fader::-moz-range-track{background:#262626;border-radius:6px;height:6px}.fader::-moz-range-progress{background:var(--orange);border-radius:6px;height:6px}.fader::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(90deg,#0000 45%,#fff 45% 55%,#0000 55%) 50%/100% 60% no-repeat,linear-gradient(#4a4a4a,#222 50%,#3a3a3a);border:1px solid #5a5a5a;border-radius:5px;width:22px;height:38px;margin-top:-16px;box-shadow:0 4px 10px #0009}.fader::-moz-range-thumb{background:linear-gradient(90deg,#0000 45%,#fff 45% 55%,#0000 55%) 50%/100% 60% no-repeat,linear-gradient(#4a4a4a,#222 50%,#3a3a3a);border:1px solid #5a5a5a;border-radius:5px;width:22px;height:38px;box-shadow:0 4px 10px #0009}.fader:focus-visible::-webkit-slider-thumb{outline:2px solid var(--orange);outline-offset:2px}.fader:focus-visible::-moz-range-thumb{outline:2px solid var(--orange);outline-offset:2px}.fader-graduations{color:#ffffff59;justify-content:space-between;font-size:.5625rem;display:flex}.console-bouton{width:100%;margin-top:28px}.console-eq{height:16px;display:none}.console-eq i{background:var(--noir)}.console.compose .console-eq{display:inline-flex}.console.compose .console-eq i{animation:.7s ease-in-out infinite eq}.console-bouton:disabled{cursor:progress;opacity:.85}.console-annonce{border-bottom:1px dashed var(--ligne-forte);color:var(--texte);text-wrap:pretty;gap:8px;margin-bottom:24px;padding-bottom:24px;display:grid}.console-mention{color:var(--texte-doux);text-align:center;margin-top:12px;font-size:.75rem}.console-resultat{border-top:1px dashed var(--ligne-forte);margin-top:26px;padding-top:24px}.console-resultat[hidden]{display:none}.console-resultat-titre{color:var(--petrole-clair);align-items:center;gap:10px;font-size:.6875rem;display:flex}.console-texte{color:var(--blanc);gap:12px;margin:16px 0 24px;font-size:1rem;line-height:1.6;display:grid}.console-texte .note-dev{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffd36b;font-size:.625rem}.console-texte .erreur{color:#ffb08a}.console-resultat .btn{white-space:normal;text-align:center;width:100%;padding-block:12px;line-height:1.25}.kit{padding-block:clamp(100px,14vw,190px) clamp(40px,6vw,90px);overflow:clip}.kit-lueur{z-index:-1;background:radial-gradient(40% 40% at 22% 52%, rgba(var(--orange-rgb), .22), transparent 70%), radial-gradient(40% 50% at 90% 30%, rgba(var(--petrole-rgb), .55), transparent 70%);pointer-events:none;position:absolute;inset:0}.kit-grille{gap:56px;margin-top:34px;display:grid}.disque{aspect-ratio:1;perspective:1200px;width:min(72vw,460px);position:relative}.vinyle{transform:translateX(var(--sortie,34%));position:absolute;inset:2.5%}.vinyle-disque{background:radial-gradient(circle,#0000 0 33%,#ffffff0d 33.5%,#0000 34.5%),repeating-radial-gradient(circle,#0c0c0c 0 1.1px,#191919 1.1px 2.4px);border-radius:50%;animation:1.8s linear infinite paused tourne;position:absolute;inset:0;box-shadow:0 0 0 1px #ffffff0a,0 30px 60px -20px #000000e6}.disque.tourne .vinyle-disque{animation-play-state:running}@keyframes tourne{to{transform:rotate(360deg)}}.vinyle-rond{background:conic-gradient(from 210deg, var(--orange), #c24a10, var(--petrole), #1d6c7e, var(--orange));color:var(--noir);text-align:center;border-radius:50%;place-content:center;justify-items:center;gap:2px;display:grid;position:absolute;inset:33%;container-type:inline-size}.vinyle-rond:after{content:"";aspect-ratio:1;background:var(--noir);border-radius:50%;width:7%;position:absolute;top:50%;left:50%;translate:-50% -50%}.vinyle-rond-logo{width:40cqi;height:auto;position:absolute;top:8%;left:50%;translate:-50%}.vinyle-rond-face{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9;font-size:.4375rem;position:absolute;inset:62% 0 auto}.vinyle-reflet{background:conic-gradient(from 25deg, transparent 0 8%, #ffffff1a 13%, transparent 19% 52%, #ffffff12 58%, transparent 65%);pointer-events:none;border-radius:50%;position:absolute;inset:0;mask:radial-gradient(circle,#0000 0 33%,#000 34%)}.pochette{--gx:30%;--gy:20%;z-index:2;background:radial-gradient(80% 60% at 85% 0%, rgba(var(--petrole-rgb), .85), transparent 70%), radial-gradient(70% 50% at 0% 100%, rgba(var(--orange-rgb), .35), transparent 70%), #0c0c0c;height:100%;transform-style:preserve-3d;border-radius:6px;flex-direction:column;justify-content:space-between;padding:7%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff12,0 60px 120px -40px #000000f2;container-type:inline-size}.pochette-ondes{opacity:.95;align-items:flex-end;gap:2.4%;height:40%;display:flex;position:absolute;bottom:24%;left:7%;right:7%}.pochette-ondes span{height:var(--h);background:var(--orange);transform-origin:bottom;border-radius:99px;flex:1}.pochette-ondes span.froid{background:var(--petrole-clair)}.disque.tourne .pochette-ondes span{animation:1.7s ease-in-out infinite eq;animation-delay:calc(var(--i) * -.13s)}.pochette-haut{color:#ffffffbf;justify-content:space-between;gap:8px;font-size:2.4cqi;display:flex;position:relative}.pochette-label{align-items:center;gap:1.6cqi;display:inline-flex}.pochette-logo{width:7cqi;height:auto}.pochette-titre{font-family:var(--f-titre);text-transform:uppercase;color:var(--blanc);text-shadow:0 2px 30px #00000080;margin-top:4cqi;font-size:19cqi;font-weight:400;line-height:.92;display:grid;position:relative}.pochette-bas{justify-content:space-between;align-items:flex-end;gap:4cqi;margin-top:auto;display:flex;position:relative}.pochette-bas .mono{color:#fff9;font-size:2.2cqi}.cartouche{color:#000;font-family:var(--f-texte);text-transform:uppercase;text-align:center;background:#fff;border:.5cqi solid #fff;line-height:1;display:grid}.cartouche-haut{letter-spacing:-.02em;padding:1.2cqi 1.6cqi .9cqi;font-size:4.2cqi;font-weight:850}.cartouche-bas{color:#fff;letter-spacing:.06em;background:#000;padding:.9cqi 1.4cqi;font-size:1.9cqi;font-weight:700}.pastille{aspect-ratio:1;text-align:center;width:25cqi;color:var(--noir);background:radial-gradient(circle at 32% 28%, #ffa36a, var(--orange) 55%, #e5550a);transition:rotate .3s var(--ease-out);border-radius:50%;place-content:center;gap:.6cqi;display:grid;position:absolute;top:22%;right:6%;transform:translateZ(30px);box-shadow:0 1.6cqi 3.6cqi #00000080,inset 0 -.6cqi 1.2cqi #0000002e}.pastille b{font-family:var(--f-titre);font-size:8.4cqi;font-weight:400;line-height:.9}.pastille span{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;font-size:1.55cqi}.pochette-blister{z-index:3;background:radial-gradient(60% 45% at var(--gx) var(--gy), #ffffff1a, transparent 60%), linear-gradient(118deg, transparent 32%, #ffffff0f 42%, transparent 50%);pointer-events:none;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.pochette:hover .pastille{rotate:-6deg}}.kit-offre{gap:30px;min-width:0;display:grid}.kit-promesse{letter-spacing:-.015em;text-wrap:balance;max-width:26ch;font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:650;line-height:1.3}.kit-faces{gap:22px;display:grid}.face-nom{color:var(--orange);margin-bottom:4px;font-size:.625rem}.morceau{border-top:1px solid var(--ligne);grid-template-columns:38px minmax(0,1fr);gap:10px;padding-block:14px;display:grid}.morceau-num{color:var(--petrole-clair);padding-top:3px;font-size:.6875rem}.morceau-corps{gap:3px;display:grid}.morceau-titre{font-weight:650}.morceau-texte{color:var(--texte-doux);font-size:.9375rem}.prix{border-top:1px solid var(--ligne-forte);align-items:flex-end;gap:18px;padding-top:26px;display:flex}.prix-montant{font-family:var(--f-titre);align-items:flex-start;font-size:clamp(4.4rem,11vw,6.4rem);line-height:.8;display:flex}.prix-euro{margin-left:6px;font-size:.42em;line-height:1}.prix-detail{gap:8px;padding-bottom:2px;display:grid}.prix-detail p:first-child{font-weight:550}.prix-rarete{letter-spacing:.1em;color:var(--orange);font-size:.625rem}.kit-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kit-cta{width:100%}.kit-garantie{color:var(--texte);align-items:flex-start;gap:12px;font-size:.9375rem;display:flex}.kit-garantie svg{width:22px;color:var(--petrole-clair);flex:none}.cachee{border-radius:var(--rayon);background:radial-gradient(70% 120% at 100% 0%, rgba(var(--petrole-rgb), .9), transparent 70%), linear-gradient(180deg, #ffffff08, #ffffff03), var(--noir-2);isolation:isolate;gap:24px;margin-top:clamp(56px,8vw,96px);padding:clamp(24px,4vw,44px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #5aa9b840,0 40px 80px -40px #000000e6}.cachee-sillons{z-index:-1;aspect-ratio:1;pointer-events:none;background:repeating-radial-gradient(circle,#0000 0 6px,#ffffff0d 6px 7px);border-radius:50%;width:min(520px,70%);position:absolute;top:50%;right:-18%;translate:0 -50%;mask:radial-gradient(circle,#0000 0 22%,#000 23% 70%,#0000 71%)}.cachee-surtitre{color:var(--petrole-clair);align-items:center;gap:10px;font-size:.6875rem;display:inline-flex}.cachee-point{background:var(--petrole-clair);width:7px;height:7px;box-shadow:0 0 10px var(--petrole-clair);border-radius:50%}.cachee-titre{margin-top:14px}.cachee-texte{max-width:46ch;color:var(--texte);margin-top:12px}.cachee-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.alexis{padding-block:clamp(80px,12vw,160px)}.alexis-grille{gap:44px;display:grid}.portrait{aspect-ratio:4/5;border-radius:var(--rayon);max-height:78svh;box-shadow:0 0 0 1px var(--ligne);background:#0e0e0e;position:relative;overflow:hidden;container-type:inline-size}.alexis-texte{align-content:center;gap:18px;min-width:0;display:grid}.alexis-nom{margin-top:14px;font-size:clamp(3.6rem,11vw,7rem)}.alexis-surnom{color:var(--orange)}.alexis-bio{max-width:46ch;color:var(--texte);font-size:1.0625rem}.streams{border-top:1px solid var(--ligne);gap:10px;margin-top:14px;padding-top:22px;display:grid}.odometre{font-family:var(--f-titre);font-variant-numeric:tabular-nums;align-items:flex-start;height:1em;font-size:clamp(3rem,7.5vw,4.6rem);line-height:1;display:flex;overflow:hidden}.odo-chiffre{height:1em;display:block;overflow:hidden}.odo-rouleau{transform:translateY(calc(var(--c) * -1em));transition:transform 2.2s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * 70ms);flex-direction:column;display:flex}.odo-rouleau span{height:1em;line-height:1;display:block}.js .odometre:not(.joue) .odo-rouleau{transition:none;transform:translateY(0)}.odo-espace{width:.2em}.odo-plus{color:var(--orange);margin-left:.06em}.streams-legende{color:var(--texte)}.streams-legende strong{color:var(--blanc);font-weight:650}.temoignage{border-left:2px solid var(--orange);margin:10px 0 0;padding-left:18px}.temoignage p{font-size:1.0625rem}.temoignage footer{color:var(--texte-doux);margin-top:8px;font-size:.625rem}.questions{padding-block:clamp(80px,12vw,160px)}.questions-grille{gap:36px;display:grid}.questions-intro .titre-l{margin-top:30px}.questions-autre{color:var(--texte-doux);margin-top:18px;font-size:.9375rem}.questions-autre .lien{min-height:0}.faq-item{border-top:1px solid var(--ligne)}.faq-item:last-child{border-bottom:1px solid var(--ligne)}.faq-item summary{cursor:pointer;-webkit-tap-highlight-color:transparent;grid-template-columns:40px minmax(0,1fr) 22px;align-items:center;gap:8px;min-height:72px;padding-block:16px;font-size:1.0625rem;font-weight:600;list-style:none;display:grid}.faq-item summary::-webkit-details-marker{display:none}.faq-num{color:var(--texte-doux);font-size:.6875rem;transition:color .2s}.faq-item[open] .faq-num{color:var(--orange)}.faq-plus{justify-self:end;width:14px;height:14px;position:relative}.faq-plus:before,.faq-plus:after{content:"";width:100%;height:1.5px;transition:transform .26s var(--ease-out);background:currentColor;border-radius:2px;position:absolute;top:50%;left:0}.faq-plus:after{transform:rotate(90deg)}.faq-item[open] .faq-plus:after{transform:rotate(0)}.faq-item::details-content{block-size:0;transition:block-size .32s var(--ease-out), content-visibility .32s allow-discrete;overflow:hidden}.faq-item[open]::details-content{block-size:auto}.faq-reponse p{max-width:60ch;color:var(--texte);padding:0 0 22px 48px}@media (hover:hover) and (pointer:fine){.faq-item summary:hover .faq-num{color:var(--orange)}}.outro{text-align:center;isolation:isolate;padding-top:clamp(120px,16vw,220px);overflow:clip}.outro-lueur{z-index:-1;background:radial-gradient(70% 55% at 50% 100%, rgba(var(--orange-rgb), .5), rgba(var(--orange-rgb), .12) 45%, transparent 75%), radial-gradient(40% 40% at 88% 22%, rgba(var(--petrole-rgb), .7), transparent 70%);position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 30%)}.outro-contenu{justify-items:center;display:grid}.outro-kicker{justify-content:center}.outro-titre{margin-top:26px;font-size:clamp(2.7rem,6vw + .8rem,6.6rem)}.outro-actions{flex-direction:column;align-items:center;gap:10px;margin-top:40px;display:flex}.signature{justify-items:center;margin-top:60px;display:grid}.signature-script{width:min(290px,70vw);height:auto;overflow:visible}.signature-script text{font-family:var(--f-script);fill:var(--blanc);stroke:var(--blanc);stroke-width:1.2px;stroke-dasharray:900;stroke-dashoffset:0;font-size:104px;font-weight:700}.js .signature:not(.ecrit) .signature-script text{fill-opacity:0;stroke-dashoffset:900px}.signature.ecrit .signature-script text{animation:trace 1.8s var(--ease-in-out) both, encre .6s ease 1.4s both}@keyframes trace{0%{stroke-dashoffset:900px}to{stroke-dashoffset:0}}@keyframes encre{0%{fill-opacity:0}to{fill-opacity:1}}.signature-bloc{font-family:var(--f-titre);text-transform:uppercase;color:var(--orange);margin-top:-.32em;font-size:clamp(2.3rem,6vw,3.6rem);line-height:1}.js .signature:not(.ecrit) .signature-bloc{opacity:0;transform:translateY(14px)}.signature.ecrit .signature-bloc{transition:opacity .5s ease 1.5s, transform .6s var(--ease-out) 1.5s}.outro-scene{height:clamp(140px,22vw,260px);margin-top:40px;position:relative}.pied{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.lecteur{left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom));z-index:var(--z-lecteur);backdrop-filter:blur(18px)saturate(150%);width:min(1120px,100% - 20px);min-height:64px;transition:transform .52s var(--ease-out-expo);background:#101010cc;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-inline:auto;padding:8px;display:grid;position:fixed;transform:translateY(calc(100% + 30px));box-shadow:0 0 0 1px #ffffff14,0 24px 60px -20px #000000f2}.lecteur.visible{transform:none}.lecteur-progres{background:#ffffff14;border-radius:2px;height:2px;position:absolute;top:0;left:16px;right:16px;overflow:hidden}.lecteur-progres span{background:var(--degrade);transform-origin:0;height:100%;transform:scaleX(var(--p,0));display:block}.lecteur-gauche{text-align:left;border-radius:12px;align-items:center;gap:10px;min-width:0;min-height:48px;padding:4px 8px 4px 4px;transition:background-color .2s;display:flex}.lecteur-pochette{background:radial-gradient(80% 80% at 20% 15%, rgba(var(--orange-rgb), .35), transparent 70%), radial-gradient(80% 80% at 85% 90%, rgba(var(--petrole-rgb), .9), transparent 70%), #121212;border-radius:9px;flex:none;place-items:center;width:44px;height:44px;display:none;box-shadow:inset 0 0 0 1px #ffffff14}.lecteur-mascotte{width:36px;height:36px}.lecteur-titres{min-width:0;line-height:1.25;display:grid}.lecteur-piste{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:650;overflow:hidden}.lecteur-piste.change{animation:titre-entre .36s var(--ease-out)}@keyframes titre-entre{0%{opacity:0;transform:translateY(8px)}}.lecteur-artiste{color:var(--texte-doux);white-space:nowrap;font-size:.75rem}.lecteur-chevron{width:18px;color:var(--texte-doux);flex:none}.lecteur-centre{display:none}.lecteur-droite{align-items:center;gap:6px;display:flex}.lecteur-icone{width:44px;height:44px;color:var(--blanc);border-radius:12px;place-items:center;transition:background-color .2s,color .2s;display:grid}.lecteur-icone svg{width:22px}.lecteur-son .icone-on,.lecteur-son[aria-pressed=true] .icone-off{display:none}.lecteur-son[aria-pressed=true] .icone-on{display:block}.lecteur-son[aria-pressed=true]{color:var(--orange)}.lecteur-cta{padding-inline:16px}@media (hover:hover) and (pointer:fine){.lecteur-icone:hover,.lecteur-gauche:hover{background:#ffffff0f}}.tracklist{inset:auto 0 calc(86px + env(safe-area-inset-bottom));width:min(420px,100% - 20px);color:var(--blanc);backdrop-filter:blur(18px);opacity:1;transition:opacity .22s ease, transform .26s var(--ease-out), overlay .26s allow-discrete, display .26s allow-discrete;background:#121212f0;border:0;border-radius:18px;margin:0 auto;padding:14px;position:fixed;transform:none;box-shadow:0 0 0 1px #ffffff14,0 30px 80px -20px #000000f2}.tracklist:not(:popover-open){opacity:0;transform:translateY(10px)}@starting-style{.tracklist:popover-open{opacity:0;transform:translateY(10px)}}.tracklist::backdrop{background:#00000059}.tracklist-tete{color:var(--texte-doux);justify-content:space-between;padding:4px 8px 12px;font-size:.625rem;display:flex}.tracklist a{border-radius:10px;grid-template-columns:26px 16px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:46px;padding:0 10px;display:grid}.tracklist-num,.tracklist-temps{color:var(--texte-doux);font-size:.6875rem}.tracklist-temps{font-variant-numeric:tabular-nums}.tracklist-eq{visibility:hidden;height:12px}.tracklist-instru{color:var(--petrole-clair);border-radius:6px;padding:3px 7px;font-size:.5625rem;box-shadow:inset 0 0 0 1px #5aa9b866}.tracklist-instru-vide{color:var(--texte-doux);border:1px dashed var(--ligne-forte);box-shadow:none}.tracklist a[aria-current=true] .tracklist-titre{color:var(--orange)}.tracklist a[aria-current=true] .tracklist-eq{visibility:visible}.tracklist a[aria-current=true] .tracklist-eq i{animation:.9s ease-in-out infinite eq}@media (hover:hover) and (pointer:fine){.tracklist a:hover{background:#ffffff0f}}.revele-masque,.intro .hero-ligne{margin-block:-.16em -.06em;padding-block:.16em .06em;overflow:hidden}.revele-int{display:inline-block}.intro .entete,.intro .hero-kicker,.intro .hero-bas,.intro .hero-pied{opacity:0}.intro .hero-mot{transform:translateY(108%)}.intro .entete,.intro .hero-kicker,.intro .hero-bas,.intro .hero-pied,.intro .hero-mot{animation:0s 3.5s forwards secours}@keyframes secours{to{opacity:1;transform:none}}@media (width>=640px){.console-champs{grid-template-columns:repeat(2,minmax(0,1fr))}.champ-large{grid-column:1/-1}.seq-machine{--gap:4px;--label:84px;padding:20px}.seq-ecran{grid-template-columns:repeat(4,minmax(0,1fr))}.seq-semaine,.seq-coin{font-size:.5625rem}.seq-long{display:inline}.seq-court{display:none}.seq-nom{font-size:.75rem}.lecteur-pochette{display:grid}.kit-cta{width:auto}.hero-preuve{font-size:.75rem}}@media (width>=900px){.hero-bas{grid-template-columns:minmax(0,1fr) auto;align-items:end}.hero-actions{justify-content:flex-end}.probleme-grille{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;gap:64px}.instrument-intro{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end}.instrument-intro .chapo{justify-self:end}.seq-mise{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);align-items:center;gap:48px}.seq-etapes{grid-template-columns:1fr;gap:30px}.seq-etape{padding-top:18px}.seq-etape-num{font-size:2.4rem}.seq-etape-titre{font-size:1.125rem}.seq-etape-texte{display:block}.seq-machine{padding:26px}.seq-pas{border-radius:4px}.demo-grille{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:72px}.demo-intro{position:sticky;top:60px}.kit-grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:72px}.cachee{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px}.disque{width:min(74%,460px)}.alexis-grille{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:80px}.questions-grille{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px}.lecteur{bottom:calc(14px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;gap:18px}.lecteur-progres{display:none}.lecteur-centre{align-items:center;gap:12px;min-width:0;display:flex}.lecteur-temps{color:var(--texte-doux);font-variant-numeric:tabular-nums;font-size:.625rem}.lecteur-onde{cursor:pointer;flex:1;min-width:0;height:34px}.tracklist{inset:auto auto calc(92px + env(safe-area-inset-bottom)) max(10px, calc((100% - 1120px) / 2));margin:0}}@media (width>=1200px){.seq-machine{--gap:5px;--label:96px}}@keyframes photo-apparition{0%{opacity:0}}.hero-photo{z-index:-2;opacity:.38;pointer-events:none;height:min(100svh,980px);animation:photo-apparition 1.6s var(--ease-out) .3s both;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 30%,#0000 92%);mask-image:linear-gradient(#000 30%,#0000 92%)}.hero-photo img{object-fit:cover;object-position:62% 18%;width:100%;height:100%}.video-photo{object-fit:cover;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.interlude-photo{object-fit:cover;object-position:35% 15%;opacity:.3;width:100%;height:62%;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000 45% 70%,#0000);mask-image:linear-gradient(#0000,#000 45% 70%,#0000)}.portrait-photo{object-fit:cover;object-position:50% 30%;width:100%;height:100%;position:absolute;inset:0}.outro-photo{z-index:-2;opacity:.32;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 70% at 50% 42%,#000 25%,#0000 85%);mask-image:radial-gradient(85% 70% at 50% 42%,#000 25%,#0000 85%)}.outro-photo img{object-fit:cover;object-position:50% 32%;width:100%;height:100%}@media (width>=900px){.hero-photo{opacity:.8;-webkit-mask-composite:source-in;width:62%;left:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 42%),linear-gradient(#000 50%,#0000 95%);mask-image:linear-gradient(90deg,#0000 0%,#000 42%),linear-gradient(#000 50%,#0000 95%);mask-composite:intersect}.interlude-photo{opacity:.5;-webkit-mask-composite:source-in;width:54%;height:100%;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%),linear-gradient(#0000,#000 20% 68%,#0000);mask-image:linear-gradient(90deg,#0000,#000 45%),linear-gradient(#0000,#000 20% 68%,#0000);mask-composite:intersect}}@media (prefers-reduced-motion:reduce){.neon,.hero-photo,.faisceau,.video-play:before,.vinyle-disque,.pochette-ondes span,.tracklist a[aria-current=true] .tracklist-eq i,.console.compose .console-eq i,.seq-champ b.frappe:after,.seq-statut[data-phase=compose] .seq-led{animation:none}.seq{height:auto}.seq-colle{height:auto;padding-block:24px 64px;position:static}.instrument-cta{margin-top:0}.seq-etape{opacity:1}.seq-pas,.lecteur,.lecteur-gauche,.lecteur-icone,.tracklist,.faq-plus:before,.faq-plus:after,.pastille,.video-play,.faq-num,.faq-item::details-content{transition:none}.lecteur-piste.change,.neon-texte.allume{animation:none}.hero-accent,.logo-mascotte,.lecteur-mascotte{transform:none}.odo-rouleau{transition:none}.signature.ecrit .signature-script text{animation:none}.signature.ecrit .signature-bloc{transition:none}}