/* El logotip original, il·luminat. Composició plana amb resposta subtil al punter. */
html:has(.home){background:#071114;scrollbar-width:none}
.home{background:#071114;color:#f7f4ec;min-width:280px}
.home-scene{position:relative;isolation:isolate;min-height:560px;height:100svh;overflow:hidden;background:#071114}
.ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 58% 62% at 50% 47%,#18383e 0%,#0b2026 43%,#071114 88%);opacity:.9;transition:opacity 2.4s ease}
.home-art{position:absolute;inset:0;pointer-events:none;transform:translate(var(--move-x,0),var(--move-y,0));transition:transform .65s ease}
.beam{position:absolute;left:50%;top:23%;width:clamp(240px,43vw,660px);height:6px;transform:translateX(-50%);border-radius:3px;background:#dbf9f6;box-shadow:0 0 4px #fff,0 0 13px #c4f7f8,0 0 40px #8ed8e5aa;opacity:.95;transition:opacity 1.8s ease,box-shadow 2.3s ease,background 1.8s ease}
.beam:before,.beam:after{content:'';position:absolute;top:-2px;width:8px;height:10px;background:#34545a;border:1px solid #6c8c8f;border-radius:1px}
.beam:before{left:-4px}.beam:after{right:-4px}
.light-pool{position:absolute;left:50%;top:24%;width:70%;height:53%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 30%,#85e2eb19,transparent 65%);filter:blur(28px);transition:opacity 2.5s ease}
.home-logo{position:absolute;top:46%;left:50%;width:min(58vw,820px);margin:0;transform:translate(calc(-50% + var(--move-x,0px)),calc(-50% + var(--move-y,0px)));filter:drop-shadow(0 0 2px #fff8) drop-shadow(0 0 16px #c4f7f85e) drop-shadow(0 0 54px #83c8d145);transition:opacity 2.4s cubic-bezier(.25,.1,.25,1),filter 2.7s ease,transform .65s ease;opacity:.98}
.home-logo img{width:100%;height:auto}
.home-nav{position:absolute;inset:0;padding:clamp(24px,3.2vw,54px);padding-top:max(clamp(24px,3.2vw,54px),env(safe-area-inset-top));padding-bottom:max(74px,calc(env(safe-area-inset-bottom) + 60px));display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:62px 1fr 62px;gap:24px;pointer-events:none}
.home-link{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:14px 25px;border:1px solid #71888b88;background:#0a1b1d55;font:600 14px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;transition:background .22s,border-color .22s,color .22s;max-width:330px}
.home-link svg{width:21px;height:21px;opacity:.65;transition:transform .22s,opacity .22s}
.home-link:hover{background:#c4f7f811;border-color:#c4f7f8;color:#d9ffff}
.home-link:hover svg{transform:translateX(4px);opacity:1}
.home-link:focus-visible{outline:2px solid #c4f7f8;outline-offset:5px}
.home-concerts{grid-area:1/1;justify-self:start;min-width:210px;background:#c4f7f8;color:#071114;border-color:#c4f7f8}
.home-concerts:hover{background:#e5ffff;color:#071114}
.home-botiga{grid-area:1/3;justify-self:end;min-width:185px}
.home-musica{grid-area:3/1;width:100%}
.home-grup{grid-area:3/2;width:100%;justify-self:center}
.home-contractacio{grid-area:3/3;width:100%;justify-self:end}
.home-credit{position:absolute;inset:auto 20px max(22px,env(safe-area-inset-bottom));text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#9ab0b3;line-height:1.6;pointer-events:none}
.js:not(.home-ready) .home-logo{opacity:.07;filter:drop-shadow(0 0 0 transparent)}
.js:not(.home-ready) .ambient{opacity:0}
.js:not(.home-ready) .beam{opacity:.13;box-shadow:0 0 0 transparent;background:#56767a}
.js:not(.home-ready) .light-pool{opacity:0}
@media(min-width:1600px){.home-nav{padding-inline:64px}.home-logo{width:820px}.home-link{max-width:380px}}
@media(max-width:760px){
.home-scene{min-height:540px}
.home-nav{padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(65px,calc(env(safe-area-inset-bottom) + 52px));grid-template-columns:1fr 1fr;grid-template-rows:52px 1fr 52px 52px;gap:14px}
.home-link{font-size:11px;letter-spacing:.07em;padding:12px 17px;gap:12px;min-width:0;max-width:none;min-height:52px}
.home-link svg{width:18px;height:18px}
.home-concerts{grid-area:1/1;width:100%}.home-botiga{grid-area:1/2;width:100%}
.home-musica{grid-area:3/1/4/3;justify-content:center;gap:20px;width:100%}
.home-grup{grid-area:4/1}.home-contractacio{grid-area:4/2}
.home-logo{width:83%;max-width:570px;top:43%}
.beam{width:68%;height:4px;top:26%}.beam:before,.beam:after{height:8px;width:6px}
.light-pool{top:26%;height:40%;width:100%}.ambient{background:radial-gradient(ellipse 90% 50% at 50% 43%,#17363c 0%,#0b2026 49%,#071114 95%)}
.home-credit{font-size:9px;letter-spacing:.12em;bottom:max(20px,env(safe-area-inset-bottom))}
}
@media(max-width:360px){.home-nav{padding-inline:18px;gap:12px}.home-link{padding-inline:12px;font-size:10px}.home-link svg{width:16px}.home-logo{width:85%}}
@media(max-height:600px) and (min-width:761px){.home-scene{min-height:430px}.home-nav{padding:20px 28px 54px;grid-template-rows:48px 1fr 48px}.home-link{min-height:48px;font-size:12px}.home-logo{width:min(43vw,580px);top:47%}.beam{top:23%;width:38%}.home-credit{bottom:14px}}
@media(prefers-reduced-motion:reduce){.home-logo,.home-art{transform:translate(-50%,-50%)}.home-art{transform:none}.js:not(.home-ready) .home-logo{opacity:.98;filter:drop-shadow(0 0 15px #c4f7f85e)}.js:not(.home-ready) .ambient{opacity:.9}.js:not(.home-ready) .beam{opacity:.95;box-shadow:0 0 13px #c4f7f8;background:#dbf9f6}.js:not(.home-ready) .light-pool{opacity:1}}

/* V2: encesa de fluorescent antic, sense flaixos de pantalla sencera. */
.home-scene{background:#020506}
.ignition-skip{display:none;position:absolute;bottom:16px;right:24px;z-index:5;min-height:44px;padding:10px 14px;background:transparent;color:#9aabad;font-size:12px;cursor:pointer}
.js:not(.home-ready) .ignition-skip{display:block}
.js:not(.home-ready) .home-logo{opacity:0;filter:drop-shadow(0 0 1px #c4f7f830)}
.js:not(.home-ready) .beam{opacity:0}
.js:not(.home-ready) .home-nav,.js:not(.home-ready) .home-credit{opacity:0}
.home-nav,.home-credit{transition:opacity .7s ease}
.igniting .beam{animation:old-tube 4.6s linear both;transition:none}
.igniting .home-logo{animation:old-logo 4.6s linear both;transition:transform .65s ease}
.igniting .ambient,.igniting .light-pool{animation:room-light 4.6s ease both;transition:none}
.igniting .home-nav,.igniting .home-credit{animation:controls-light 4.6s ease both}
@keyframes old-tube{0%,9%{opacity:0}12%{opacity:.34}17%,27%{opacity:.03}31%{opacity:.55}37%,48%{opacity:.06}53%{opacity:.7}61%{opacity:.25}72%{opacity:.75}83%,100%{opacity:.95}}
@keyframes old-logo{0%,26%{opacity:0;filter:drop-shadow(0 0 1px #c4f7f820)}32%{opacity:.12}39%,48%{opacity:.01}55%{opacity:.28}63%{opacity:.08}73%{opacity:.5;filter:drop-shadow(0 0 8px #c4f7f840)}85%{opacity:.75}100%{opacity:.98;filter:drop-shadow(0 0 2px #fff8) drop-shadow(0 0 16px #c4f7f85e) drop-shadow(0 0 54px #83c8d145)}}
@keyframes room-light{0%,48%{opacity:0}61%{opacity:.12}70%{opacity:.08}85%{opacity:.5}100%{opacity:.9}}
@keyframes controls-light{0%,72%{opacity:0}86%{opacity:.35}100%{opacity:1}}
@media(max-width:760px){.ignition-skip{right:50%;transform:translateX(50%);bottom:15px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.js:not(.home-ready) .home-nav,.js:not(.home-ready) .home-credit{opacity:1}.js:not(.home-ready) .home-logo{opacity:.98}.ignition-skip{display:none!important}}
.js.igniting:not(.home-ready) .beam{background:#dbf9f6;box-shadow:0 0 4px #fff,0 0 13px #c4f7f8,0 0 40px #8ed8e5aa}
/* Accès typographiques intégrés à la scène. */
.home-nav{padding-bottom:150px;grid-template-rows:56px 1fr 56px}
.home-link{border:0;background:none!important;box-shadow:none;color:#e2eeee;padding:10px 0;min-width:0!important;max-width:none;width:auto;gap:16px;font-size:16px;letter-spacing:.015em;text-transform:none;font-weight:600;position:relative}
.home-link span{position:relative;padding-block:8px}
.home-link span:after{content:'';position:absolute;bottom:0;left:0;width:22px;height:1px;background:#a7d6d8;opacity:.5;transition:width .35s,opacity .35s}
.home-link:hover{color:#fff;border:0;background:none}
.home-link:hover span:after{width:100%;opacity:1}
.home-link svg{display:none}
.home-concerts{font-size:19px;color:#d6ffff}
.home-musica{justify-self:start}.home-grup{justify-self:center}.home-contractacio{justify-self:end}
.home-botiga{justify-self:end}
.home-credit{font-size:9px;bottom:12px;opacity:.6}
.home .orbit-menu{bottom:44px;background:#0b2025a6;box-shadow:0 0 0 7px #c4f7f805,0 0 35px #c4f7f809}
.js:not(.home-ready) .orbit-menu{opacity:0}.igniting .orbit-menu{animation:controls-light 4.6s ease both}.orbit-menu{transition:opacity .7s,box-shadow .25s}
.orbit-menu:focus-visible{opacity:1!important}
@media(max-width:760px){.home-nav{padding:20px 27px 145px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:52px 1fr 52px;gap:12px}.home-concerts{grid-area:1/1/2/3;justify-self:start;width:auto;font-size:17px}.home-botiga{grid-area:1/3;width:auto}.home-musica{grid-area:3/1;width:auto;justify-content:flex-start}.home-grup{grid-area:3/2;width:auto}.home-contractacio{grid-area:3/3;width:auto}.home-link{font-size:13px;padding:10px 0;white-space:nowrap;letter-spacing:0}.home-concerts{font-size:17px}.home-logo{top:43%}.home .orbit-menu{bottom:49px}.home-credit{bottom:18px}.ignition-skip{bottom:10px}}
@media(prefers-reduced-motion:reduce){.js:not(.home-ready) .orbit-menu{opacity:1}}
.home-link{min-width:44px!important;min-height:52px}