*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:#0b1019;overscroll-behavior:none}:root{--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--ease-morph: cubic-bezier(.2, 0, 0, 1);--flip-in: .48s;--flip-out: .38s}.imm{position:relative;width:100%;height:100vh;height:100dvh;min-height:480px;overflow:hidden;background:#0b1019;font-family:Funnel Sans,system-ui,sans-serif;color:#eef1f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.imm .scene{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;transition:opacity .55s var(--ease-out)}.imm .scene canvas{display:block;width:100%!important;height:100%!important}.imm .scene.scene--vertical{touch-action:pan-y}.imm.focus .scene{opacity:.5}.imm .vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;background:radial-gradient(circle at 50% 46%,transparent 44%,rgba(7,10,17,.12) 60%,rgba(7,10,17,.28) 70%,rgba(7,10,17,.5) 82%,rgba(7,10,17,.68) 91%,rgba(7,10,17,.85) 100%)}.imm .grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;opacity:.07;mix-blend-mode:soft-light;background-image:url(/musiq/assets/grain-ByiFr-SY.png);background-size:128px 128px}@media (pointer: coarse){.imm .grain{display:none}}.imm .intro{position:absolute;z-index:12;pointer-events:none;left:max(30px,env(safe-area-inset-left));bottom:calc(30px + env(safe-area-inset-bottom));max-width:min(38ch,62vw);transition:opacity .5s var(--ease-out),transform .6s var(--ease-out)}.imm .intro.gone{opacity:0;transform:translateY(8px)}.imm .intro-kicker{display:block;font-family:Funnel Display,Funnel Sans,system-ui,sans-serif;font-size:clamp(24px,2.6vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.05;color:#fff}.imm .intro-body{margin:10px 0 0;font-size:clamp(15.5px,1.5vw,18px);line-height:1.45;color:#ffffffd6;text-wrap:pretty}.imm .intro-hint{display:block;margin-top:16px;font-size:13px;color:#fff9;animation:hint-breathe 3.4s var(--ease-in-out) infinite}.imm .intro.gone .intro-hint{animation-play-state:paused}@keyframes hint-breathe{0%,to{opacity:.45}50%{opacity:.85}}@media (max-width: 760px){.imm .intro{left:0;right:0;bottom:0;max-width:none;padding:96px 22px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(#0b101900,#0b1019e6 42%,#0b1019f5)}}.imm .sr-list{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}.imm .webgl-err{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;z-index:30}.imm .webgl-err span{font-size:15px;opacity:.75;max-width:36ch}.imm .motion-cta{position:absolute;z-index:30;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%);padding:0 20px;height:44px;border:0;border-radius:999px;background:#eff2f6;color:#0c0d11;cursor:pointer;font:inherit;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 10px 24px -12px #0009;transition:filter .18s var(--ease-out)}.imm .motion-cta:active{transform:translate(-50%) scale(.97)}.imm .motion-cta--inline{position:static;transform:none;margin-top:16px;display:inline-flex;align-items:center;pointer-events:auto}.imm .motion-cta--inline:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.imm .motion-cta:hover{filter:brightness(.94)}}.imm .fiche{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:6vw;pointer-events:none;touch-action:manipulation;visibility:hidden;transition:visibility 0s linear var(--flip-out)}.imm .fiche.open{pointer-events:auto;visibility:visible;transition-delay:0s}.imm .fscrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 30% 30%,hsl(var(--rh, 210) 40% 18% / .7),hsl(var(--rh, 210) 30% 6% / .82) 70%);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);opacity:0;transition:opacity var(--flip-out) var(--ease-out)}.imm .fiche.open .fscrim{opacity:1;transition-duration:var(--flip-in)}.imm .fstage{position:relative;display:flex;align-items:center;gap:clamp(30px,6vw,80px);width:100%;max-width:1100px;outline:none}.imm .fcover-flip{flex:0 0 auto;perspective:1100px}.imm .fcover{width:clamp(260px,46vw,520px);aspect-ratio:1;background-size:cover;background-position:center;border-radius:4px;box-shadow:0 40px 90px -30px #000000bf,0 0 0 1px #ffffff0f;cursor:pointer}.imm .ftext{position:relative;flex:1 1 0;min-width:0;max-width:460px;color:#fff}.imm .ftext>*{opacity:0;transform:translateY(12px);transition:opacity .28s var(--ease-out),transform .36s var(--ease-out)}.imm .fiche.open .ftext>*{opacity:1;transform:none}.imm .fiche.open .ftitle{transition-delay:calc(var(--flip-in) * .21)}.imm .fiche.open .fmeta{transition-delay:calc(var(--flip-in) * .26)}.imm .fiche.open .fnote{transition-delay:calc(var(--flip-in) * .31)}.imm .fiche.open .factions{transition-delay:calc(var(--flip-in) * .36)}.imm .fiche:not(.open) .ftext>*{transition-duration:.12s;transition-delay:0s}.imm .ftitle{font-family:Funnel Display,Funnel Sans,system-ui,sans-serif;font-weight:700;font-size:clamp(30px,4.4vw,54px);line-height:1.02;letter-spacing:-.025em;margin:0;text-wrap:balance}.imm .fmeta{display:flex;flex-wrap:wrap;gap:0 8px;margin:8px 0 0;font-size:15px;color:#ffffffa8}.imm .fmeta b{color:#fff;font-weight:600}.imm .fmeta span:before{content:"·";margin-right:8px;color:#ffffff59}.imm .fnote{font-size:clamp(15.5px,1.3vw,18px);line-height:1.52;margin:16px 0 0;max-width:46ch;color:#ffffffe6;text-wrap:pretty}.imm .factions{position:relative;display:flex;align-items:center;gap:8px;margin-top:20px}.imm .fbtn,.imm .fpill{border:0;padding:0;cursor:pointer;font:inherit;background:hsl(var(--rh, 210) 26% 95%);color:#0c0d11;box-shadow:0 10px 24px -12px #0009;transition:transform .12s var(--ease-out)}.imm .fbtn{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.imm .fbtn svg,.imm .fpill-lab svg{width:16px;height:16px;flex:0 0 auto}.imm .fbtn:active,.imm .fpill:active{transform:scale(.96)}.imm .fpill{position:relative;flex:0 1 204px;min-width:0;height:40px;border-radius:999px;overflow:hidden;isolation:isolate}.imm .fpill-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:hsl(var(--rh, 210) 70% 80%);transform-origin:left;transform:scaleX(0);transition:transform .25s linear,opacity .3s var(--ease-out)}.imm .fpill-mark{position:absolute;top:9px;bottom:9px;width:2px;margin-left:-1px;border-radius:1px;background:#0c0d1152;z-index:-1;transition:opacity .3s}.imm .fpill-lab{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:10px;padding:0 16px;white-space:nowrap;transition:opacity .28s var(--ease-out),transform .36s var(--ease-out)}.imm .fpill-two{display:grid;gap:3px;text-align:left;min-width:0}.imm .fpill-two>span{font-size:14px;font-weight:600;line-height:1}.imm .fpill-two small{font-size:11.5px;font-weight:500;line-height:1;opacity:.58;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.imm .fpill-listen{opacity:0;transform:translateY(10px)}.imm .fpill.done .fpill-share{opacity:0;transform:translateY(-10px)}.imm .fpill.done .fpill-listen{opacity:1;transform:none}.imm .fpill.done .fpill-fill,.imm .fpill.done .fpill-mark{opacity:0}.imm .fmenu{position:absolute;left:0;bottom:52px;z-index:5;width:min(268px,calc(100vw - 56px));padding:8px;border-radius:18px;background:hsl(var(--rh, 210) 18% 13% / .97);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 50px -10px #000000b3;transform-origin:24px 100%;animation:fmenu-in .24s var(--ease-out)}@keyframes fmenu-in{0%{opacity:0;transform:scale(.94) translateY(6px)}}.imm .fmenu button{width:100%;min-height:46px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;border:0;border-radius:12px;background:none;color:#fff;cursor:pointer;font:inherit;font-size:15px;font-weight:500;text-align:left}.imm .fmenu button:active,.imm .fmenu button[aria-checked=true]{background:#ffffff14}.imm .fmenu button svg{width:17px;height:17px;opacity:.8}.imm .fmenu-q{font-size:12.5px;color:#fff9;padding:8px 12px 6px}.imm .fmenu-sep{height:1px;background:#ffffff1a;margin:6px 4px}.imm .fmenu-ck{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center}.imm .fmenu [aria-checked=true] .fmenu-ck{background:hsl(var(--rh, 210) 70% 72%);border-color:transparent}.imm .fmenu [aria-checked=true] .fmenu-ck:after{content:"";width:7px;height:7px;border-radius:50%;background:#0c0d11}.imm .fmenu-foot{font-size:12px;color:#ffffff80;padding:8px 12px 4px}@media (hover: hover) and (pointer: fine){.imm .fmenu button:hover{background:#ffffff14}}.imm .fclose{position:fixed;z-index:41;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));width:42px;height:42px;opacity:0;transition:opacity .2s var(--ease-out),transform .12s var(--ease-out)}.imm .fiche.open .fclose{opacity:1;transition-delay:calc(var(--flip-in) * .3),0s}.imm .fiche--touch.open .fclose{opacity:0;pointer-events:none}.imm .fiche--touch.open .fclose:focus-visible{opacity:1;pointer-events:auto}.imm .ftoast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));z-index:42;transform:translate(-50%,8px);padding:11px 16px;border-radius:999px;background:#0c0d11e0;color:#fff;font-size:13.5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out),transform .3s var(--ease-out)}.imm .ftoast.on{opacity:1;transform:translate(-50%)}.imm button:focus-visible,.imm a:focus-visible{outline:2px solid #fff;outline-offset:3px;opacity:1}.imm button:focus:not(:focus-visible),.imm a:focus:not(:focus-visible){outline:none}.imm .fiche--touch .fscrim{background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.imm.focus .scene.scene--vertical{opacity:1}.imm .scene--vertical:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(130% 60% at 50% 18%,hsl(var(--rh, 210) 50% 30%),hsl(var(--rh, 210) 35% 12%) 60%,hsl(var(--rh, 210) 30% 7%));opacity:0;transition:opacity var(--flip-out) var(--ease-out)}.imm.focus .scene--vertical:before{opacity:1;transition-duration:var(--flip-in)}@media (max-width: 760px){.imm .fiche{padding:0}.imm .fstage{flex-direction:column;align-items:center;justify-content:safe center;gap:22px;max-width:none;height:100%;padding:calc(64px + env(safe-area-inset-top)) 28px calc(64px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.imm .fcover{width:min(calc(100vw - 56px),calc(100dvh - 380px),420px);min-width:200px}.imm .ftext{flex:none;width:min(calc(100vw - 56px),420px);max-width:none}.imm .fnote{max-width:none}.imm .fiche--touch,.imm .fiche--touch .fstage{touch-action:pinch-zoom}}@media (max-height: 560px) and (orientation: landscape){.imm .fiche{padding:4vh 6vw}.imm .fstage{flex-direction:row;align-items:center;gap:5vw;max-width:none;height:100%;padding:0;overflow-y:auto}.imm .fcover{width:min(44vw,78vh);min-width:0}.imm .ftext{width:auto;max-width:52vw}.imm .ftitle{font-size:clamp(22px,4.2vw,36px)}.imm .fnote{margin-top:12px;max-width:none}.imm .factions{margin-top:14px}.imm .fiche--touch .fscrim{background:hsl(var(--rh, 210) 30% 8% / .92)}.imm .fiche--touch,.imm .fiche--touch .fstage{touch-action:manipulation}}@media (prefers-reduced-motion: reduce){.imm .fcover{opacity:0;transform:none!important;transition:opacity .24s ease!important}.imm .fiche.open .fcover{opacity:1}.imm .ftext>*{transform:none!important;transition:opacity .24s ease!important}.imm .scene{transition:opacity .3s ease!important}.imm .vwall-cover{transition:none!important}}.cursor-dot{position:fixed;top:0;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:1.5px solid rgba(255,255,255,.75);pointer-events:none;z-index:40;opacity:0;transition:width .15s ease,height .15s ease,margin .15s ease,opacity .15s ease}.cursor-dot--hover{width:26px;height:26px;margin:-13px 0 0 -13px;background:#ffffff1f}@media (hover: hover) and (pointer: fine){.scene{cursor:none}.cursor-dot--live{opacity:1}}@media (prefers-reduced-motion: reduce){.cursor-dot{transition:none}}.imm .vwall{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.imm .vwall-item{height:calc(min(80vw,58dvh) + 4dvh);width:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:0 9vw;perspective:1100px}.imm .vwall-cover{width:min(80vw,58dvh);aspect-ratio:1;background-size:cover;background-position:center;background-color:#ffffff0d;border-radius:4px;box-shadow:0 24px 60px #00000073;position:relative;transform:rotateY(var(--ty, 0deg)) rotateX(var(--tx, 0deg)) scale(var(--s, 1));translate:0 0;transition:translate .42s var(--ease-out),scale .1s var(--ease-out)}
