:root{--tinta: #f6efe2;--tinta-suau: #d9cfe0;--or: #e9c77b;--or-fort: #e9b93f;--vermell: #c0303a;--fons: #0f1430;--paper: #efe0bd;--tinta-paper: #3b2a1a;--titol: "Archivo", system-ui, sans-serif;--text: "Inter", system-ui, sans-serif;--antic: "EB Garamond", Georgia, serif;--gotica: "UnifrakturMaguntia", Georgia, serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--fons);color:var(--tinta);font:400 1rem/1.6 var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}.cel{position:fixed;inset:0;z-index:-1}.cel__capa{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease}.cel__capa--carrer{background:linear-gradient(180deg,#0f1430,#262452 34%,#5e3b6c 58%,#b85f6a 78%,#eda06a)}.cel__capa--regne{background:linear-gradient(180deg,#04061a,#0c1131 55%,#191d42)}.cel__capa--discos{background:radial-gradient(120% 80% at 50% 20%,#2b1f33,#110e17 62%,#09080c)}.cel__capa--ram{background:linear-gradient(180deg,#24193a,#5a3358 40%,#b4607a 75%,#eea585)}body[data-cel=carrer] .cel__capa--carrer,body[data-cel=regne] .cel__capa--regne,body[data-cel=discos] .cel__capa--discos,body[data-cel=ram] .cel__capa--ram{opacity:1}.fulles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}.fulla{position:absolute;top:-40px;left:var(--x);width:var(--s);height:var(--s);animation:cau var(--t) linear var(--d) infinite}.fulla svg{width:100%;height:100%;display:block;animation:balanceja 2.6s ease-in-out infinite alternate}@keyframes cau{to{transform:translate(var(--deriva),calc(100svh + 80px)) rotate(420deg)}}@keyframes balanceja{0%{transform:rotate(-30deg) translate(-10px)}to{transform:rotate(30deg) translate(10px)}}.porta{position:relative;height:100svh;min-height:560px;display:grid;place-items:start center;overflow:hidden;text-align:center}.porta__muntanyes{position:absolute;inset:34% 0 0}.porta__muntanyes svg{position:absolute;inset:0;width:100%;height:100%}.porta__contingut{position:relative;z-index:4;padding:max(9svh,56px) 16px 0;display:grid;justify-items:center}.porta__xifra{font:800 clamp(8.5rem,42vw,19rem) / .82 var(--titol);letter-spacing:-.04em;background:linear-gradient(180deg,#fff3d6,#f2c46d 55%,#d0813c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 40px rgba(240,160,90,.35));animation:entra 1.4s cubic-bezier(.2,.8,.2,1) both}.porta__titol{margin-top:18px;font:700 clamp(1.7rem,6.4vw,3.2rem) / 1.1 var(--titol);letter-spacing:-.01em;text-wrap:balance;animation:entra 1.4s .25s cubic-bezier(.2,.8,.2,1) both}.boto{margin-top:30px;display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border:0;border-radius:999px;background:var(--tinta);color:#241a2c;font:600 1.05rem/1 var(--titol);box-shadow:0 10px 40px #00000059,0 0 #f6efe280;animation:entra 1.4s .5s cubic-bezier(.2,.8,.2,1) both,crida 2.4s 2.2s ease-out infinite;transition:transform .2s ease}.boto:hover{transform:translateY(-2px)}.boto:focus-visible,.canco:focus-visible,.segell:focus-visible,.radio button:focus-visible{outline:3px solid var(--or);outline-offset:3px}.porta__so{margin-top:14px;display:inline-flex;align-items:center;gap:8px;font-size:.92rem;color:var(--tinta-suau);animation:entra 1.4s .7s ease both}.baixa{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:calc(50% - 13px);z-index:4;color:var(--tinta);opacity:.8;animation:baixa 2s ease-in-out infinite}@keyframes entra{0%{opacity:0;transform:translateY(24px)}}@keyframes crida{0%{box-shadow:0 10px 40px #00000059,0 0 #f6efe273}70%,to{box-shadow:0 10px 40px #00000059,0 0 0 18px #f6efe200}}@keyframes baixa{50%{transform:translateY(8px)}}.carrer{position:relative;height:600vh}.carrer__escena{position:sticky;top:0;height:100svh;overflow:hidden}.carrer__capa{position:absolute;inset:0}.carrer__capa svg{position:absolute;left:0;bottom:0;will-change:transform}.carrer__frase{position:absolute;left:16px;right:86px;bottom:max(calc(env(safe-area-inset-bottom) + 14px),2.6svh);z-index:5;min-height:2.6em;display:flex;align-items:flex-end;font:600 clamp(1.08rem,2.4vw,1.7rem) / 1.25 var(--titol);text-wrap:balance;text-shadow:0 2px 14px rgba(0,0,0,.8);opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}@media(min-width:760px){.carrer__frase{left:50%;right:auto;width:min(760px,70vw);translate:-50% 0;justify-content:center;text-align:center}}.carrer__frase.es-veu{opacity:1;transform:none}.bossa{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;z-index:5;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#0f10228c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transform:scale(.6);transition:opacity .5s ease,transform .5s ease}.bossa.te-coses{opacity:1;transform:none}.bossa span{position:absolute;right:-2px;bottom:-2px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--or);color:#2a1d14;font:800 .8rem/24px var(--titol);text-align:center}.bossa.bota{animation:bota .6s cubic-bezier(.3,1.6,.5,1)}@keyframes bota{40%{transform:scale(1.25) rotate(-8deg)}}.edifici .aparador__fons,.edifici .finestra-encesa{transition:filter .6s ease,opacity .6s ease}.edifici .aparador__fons{opacity:.78}.edifici.es-actiu .aparador__fons{opacity:1;filter:brightness(1.12)}.edifici .rotul{transition:fill .5s ease}.edifici.es-actiu .rotul{fill:#fff0c2;filter:drop-shadow(0 0 6px rgba(255,210,120,.9))}.taca{opacity:.45;transition:opacity .6s ease}.taca.es-actiu{opacity:1}.aparador__foto{cursor:zoom-in}.aparador__foto:focus-visible{outline:none}.aparador__foto:focus-visible rect:nth-of-type(1){stroke:#fff;stroke-width:4}.fum circle{fill:#cdcde11a;filter:blur(4px);transform-box:fill-box;transform-origin:center;animation:fum 5s ease-out infinite}@keyframes fum{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(18px,-110px) scale(2)}}.regne{position:relative;padding-bottom:10svh}.regne__escena{position:relative;height:72svh;min-height:440px;overflow:hidden}.castell{position:absolute;inset:0;width:100%;height:100%}.regne__titol{padding:16svh 16px 0;text-align:center;font:800 clamp(2rem,7.4vw,4.2rem) / 1.05 var(--titol);letter-spacing:-.015em;text-wrap:balance}.estel{animation:parpelleja 3.6s ease-in-out infinite alternate}@keyframes parpelleja{0%{opacity:.25}}.bandera{transform-box:fill-box;transform-origin:left center;animation:oneja 2.2s ease-in-out infinite alternate}@keyframes oneja{0%{transform:skewY(5deg) scaleX(1)}to{transform:skewY(-5deg) scaleX(.9)}}.flama{transform-box:fill-box;transform-origin:center bottom;animation:flameja .28s ease-in-out infinite alternate}.flama-halo{animation:halo .5s ease-in-out infinite alternate}@keyframes flameja{to{transform:scale(.86,1.12) skew(4deg)}}@keyframes halo{to{opacity:.7}}.pergami{--alt: 600px;position:relative;width:min(620px,calc(100% - 40px));margin:-14svh auto 0;z-index:2}.pergami__paper{position:relative;padding:clamp(34px,7vw,56px) clamp(22px,6vw,54px);background:radial-gradient(120% 60% at 50% 0%,rgba(255,250,230,.55),transparent 60%),radial-gradient(40% 30% at 85% 80%,rgba(150,100,40,.18),transparent 70%),radial-gradient(30% 20% at 12% 40%,rgba(150,100,40,.14),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.25 0 0 0 0 0.1 0 0 0 0.14 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23f)'/%3E%3C/svg%3E"),var(--paper);color:var(--tinta-paper);font:500 clamp(1.12rem,3.6vw,1.32rem) / 1.55 var(--antic);box-shadow:inset 0 0 60px #78501e59,0 30px 60px #00000073}.js .pergami__paper{clip-path:inset(50% 0 50% 0);transition:clip-path 2s cubic-bezier(.6,0,.2,1)}.js .pergami.vist .pergami__paper{clip-path:inset(0 0 0 0)}.pergami__paper p+p{margin-top:.85em}.js .pergami__paper p{opacity:0;transform:translateY(6px);transition:opacity .9s ease,transform .9s ease;transition-delay:calc(1.3s + var(--i) * .45s)}.js .pergami.vist .pergami__paper p{opacity:1;transform:none}.pergami__inici{font-style:italic}.capitular{float:left;margin:.08em .18em 0 0;padding:.08em .16em .02em;background:#2f4f8f;border:3px solid var(--or-fort);box-shadow:inset 0 0 0 2px #a8323e;color:var(--or-fort);font:400 3.6em/.9 var(--gotica);font-style:normal}.pergami__signatura{display:flex;align-items:center;justify-content:flex-end;gap:14px;font-style:italic}.pergami__lacre{width:46px;height:46px;flex:none;border-radius:46% 54% 50% 50%;background:radial-gradient(circle at 38% 32%,#d23b45,#7a141c 75%);box-shadow:inset 0 0 0 6px #5e0f1573,0 3px 6px #0000004d}.pergami__rotlle{position:absolute;left:-14px;right:-14px;height:28px;z-index:1;border-radius:14px;background:linear-gradient(180deg,#7a5530,#e2c48c 38%,#b48a52 70%,#6b4724);box-shadow:0 6px 14px #00000073;transition:transform 2s cubic-bezier(.6,0,.2,1)}.pergami__rotlle:before,.pergami__rotlle:after{content:"";position:absolute;top:-4px;width:20px;height:36px;border-radius:8px;background:linear-gradient(180deg,#3b2412,#7a5530 45%,#2a180b)}.pergami__rotlle:before{left:-14px}.pergami__rotlle:after{right:-14px}.pergami__rotlle--dalt{top:-14px}.pergami__rotlle--baix{bottom:-14px}.js .pergami__rotlle--dalt{transform:translateY(calc(var(--alt) / 2))}.js .pergami__rotlle--baix{transform:translateY(calc(var(--alt) / -2))}.js .pergami.vist .pergami__rotlle{transform:none}.regne__escut{width:min(250px,62vw);margin:12svh auto 0}.escut{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}.js .escut__vora{stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 2.2s ease}.js .escut__camps{opacity:0;transition:opacity 1.2s 1s ease}.js .regne__escut{transform:scale(.9);transition:transform 2.4s cubic-bezier(.2,.8,.2,1)}.js .regne__escut.vist{transform:none}.js .vist .escut__vora{stroke-dashoffset:0}.js .vist .escut__camps{opacity:1}.discos{padding:14svh 16px 12svh;display:grid;justify-items:center;gap:34px}.discos__titol{font:800 clamp(2rem,7.4vw,4.2rem) / 1.05 var(--titol);letter-spacing:-.015em;text-align:center}.discos__plat{width:min(440px,100%);padding:0;border:0;background:none;filter:drop-shadow(0 30px 50px rgba(0,0,0,.6))}.tocadiscos{display:block;width:100%;height:auto}.tocadiscos__disc{transform-box:fill-box;transform-origin:center;animation:gira 1.8s linear infinite;animation-play-state:paused}.discos.sona .tocadiscos__disc{animation-play-state:running}.tocadiscos__brac{transform-box:view-box;transform-origin:352px 58px;transform:rotate(-24deg);transition:transform 1s cubic-bezier(.4,0,.2,1)}.discos.sona .tocadiscos__brac{transform:rotate(0)}.tocadiscos__led{transition:fill .4s ease}.discos.sona .tocadiscos__led{fill:#ff4a52}@keyframes gira{to{transform:rotate(360deg)}}.discos__llista{width:min(1040px,100%);display:grid;gap:28px}@media(min-width:820px){.discos__llista{grid-template-columns:repeat(3,1fr)}}.grup__nom{margin-bottom:10px;padding-bottom:8px;border-bottom:3px solid var(--color);font:800 1.5rem/1.1 var(--titol);letter-spacing:.02em;text-transform:uppercase}.grup ul{margin:0;padding:0;list-style:none}.canco{width:100%;display:flex;align-items:center;gap:14px;padding:12px 6px;border:0;border-radius:10px;background:none;text-align:left;transition:background .3s ease}.canco:hover{background:#ffffff0f}.canco__icona{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--color);color:#fff}.canco__icona .radio__eq{display:none}.canco.sona .canco__icona svg{display:none}.canco.sona .canco__icona .radio__eq{display:flex}.canco__titol{font:500 1.05rem/1.3 var(--text)}.canco.es-actual .canco__titol{color:var(--or)}.canco__nota{margin:-4px 0 6px 54px;font-size:.88rem;color:var(--tinta-suau)}.final{padding:16svh 16px 8svh;display:grid;justify-items:center;text-align:center}.final__ram{width:min(380px,84vw)}.ram{display:block;width:100%;height:auto;overflow:visible}.js .ram__tija{stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 1.5s ease var(--d)}.js .ram__flor{transform-box:fill-box;transform-origin:center;transform:scale(0) rotate(-120deg);transition:transform 1.2s cubic-bezier(.2,1.5,.4,1) calc(var(--d) + .6s)}.js .ram__fulla{transform-box:fill-box;transform-origin:center bottom;transform:scale(0);transition:transform 1s ease .9s}.js .ram__nuvol{opacity:0;transition:opacity 1s ease calc(var(--d) + 1.2s)}.js .final__ram.vist .ram__tija{stroke-dashoffset:0}.js .final__ram.vist .ram__flor,.js .final__ram.vist .ram__fulla{transform:none}.js .final__ram.vist .ram__nuvol{opacity:1}.final__titol{margin-top:28px;font:800 clamp(2.8rem,11vw,6rem) / 1 var(--titol);letter-spacing:-.03em}.final__text{margin-top:16px;max-width:30ch;font:500 clamp(1.1rem,3.6vw,1.35rem) / 1.45 var(--titol);color:#fff3ea;text-wrap:balance}.js [data-revela].final__titol,.js [data-revela].final__text{opacity:0;transform:translateY(18px);transition:opacity 1.1s ease .3s,transform 1.1s ease .3s}.js [data-revela].final__titol.vist,.js [data-revela].final__text.vist{opacity:1;transform:none}.pista{padding:8svh 16px calc(18svh + 70px);display:grid;justify-items:center;text-align:center}.pista__abans{margin-bottom:30px;font:600 clamp(1.25rem,4.4vw,1.7rem) / 1.3 var(--titol)}.carta{--alt: 170px;position:relative;width:min(400px,100%);height:var(--alt);border-radius:4px;background:linear-gradient(180deg,transparent 32.8%,rgba(120,80,30,.22) 33.3%,transparent 34%,transparent 65.8%,rgba(120,80,30,.22) 66.3%,transparent 67%),radial-gradient(120% 70% at 50% 0%,rgba(255,250,230,.6),transparent 60%),var(--paper);color:var(--tinta-paper);box-shadow:inset 0 0 40px #78501e4d,0 26px 50px #0006;transition:height 1.3s cubic-bezier(.6,0,.2,1),background-size 1s ease}.carta.oberta{background-size:100% 0,100% 100%,100% 100%;background-repeat:no-repeat;animation:desplega 1.3s cubic-bezier(.6,0,.2,1)}@keyframes desplega{40%{transform:perspective(700px) rotateX(10deg)}}.carta__contingut{padding:34px 28px 30px;opacity:0;transition:opacity .9s ease .9s}.carta.oberta .carta__contingut{opacity:1}.carta__pista{font:500 clamp(1.25rem,4.6vw,1.5rem) / 1.45 var(--antic);white-space:pre-line}.carta__ajuda{margin-top:18px;padding:10px 18px;border:1.5px solid currentColor;border-radius:999px;background:none;font:600 .95rem/1 var(--titol)}.carta__mes{margin-top:16px;font:italic 500 1.2rem/1.45 var(--antic)}.segell{position:absolute;left:50%;top:85px;width:104px;height:104px;margin:-52px 0 0 -52px;padding:0;border:0;background:none;filter:drop-shadow(0 6px 10px rgba(60,10,10,.45));animation:batega 1.8s ease-in-out infinite}.segell__meitat{position:absolute;inset:0;transition:transform 1s cubic-bezier(.3,0,.6,1),opacity 1s ease}.segell__meitat svg{width:100%;height:100%;display:block}.segell__meitat--e{clip-path:polygon(0 0,52% 0,46% 22%,55% 41%,45% 60%,54% 80%,48% 100%,0 100%)}.segell__meitat--d{clip-path:polygon(52% 0,100% 0,100% 100%,48% 100%,54% 80%,45% 60%,55% 41%,46% 22%)}.carta.oberta .segell{pointer-events:none;animation:none}.carta.oberta .segell__meitat--e{transform:translate(-70px,60px) rotate(-40deg);opacity:0}.carta.oberta .segell__meitat--d{transform:translate(70px,70px) rotate(35deg);opacity:0}@keyframes batega{50%{transform:scale(1.06)}}.pista__indicacio{margin-top:22px;font:600 1rem/1 var(--titol);color:var(--tinta);opacity:.85;transition:opacity .5s ease}.pista__indicacio.fet{opacity:0}.pista__final{margin-top:6px;opacity:0;transform:translateY(14px);transition:opacity 1.2s ease,transform 1.2s ease}.pista__final.vist{opacity:1;transform:none}.pista__adeu{font:800 clamp(1.8rem,7vw,3rem) / 1.1 var(--titol);letter-spacing:-.02em}.pista__signa{margin-top:10px;font:italic 500 1.3rem/1.3 var(--antic);color:#fff3ea}.pluja{position:fixed;inset:0;z-index:40;overflow:hidden;pointer-events:none}.pluja span{position:absolute;top:-30px;left:var(--x);width:var(--s);height:calc(var(--s) * .8);border-radius:80% 0;background:var(--c);opacity:.9;animation:cau var(--t) cubic-bezier(.3,.2,.6,1) var(--d) forwards}.radio{position:fixed;right:16px;bottom:max(16px,calc(env(safe-area-inset-bottom) + 8px));z-index:50;display:flex;align-items:center;gap:10px}.radio__boto{position:relative;width:56px;height:56px;flex:none;display:grid;place-items:center;padding:0;border:1px solid rgba(233,199,123,.45);border-radius:50%;background:#12101cb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 24px #0006}.radio.callada .radio__boto:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid var(--or);animation:ona 2s ease-out infinite}@keyframes ona{to{transform:scale(1.5);opacity:0}}.radio__disc{transform-box:fill-box;transform-origin:center;animation:gira 2.4s linear infinite paused}.radio.sona .radio__disc{animation-play-state:running}.radio__eq{display:flex;align-items:flex-end;gap:2px;height:12px}.radio__boto .radio__eq{position:absolute;right:6px;bottom:6px;opacity:0;transition:opacity .3s ease}.radio.sona .radio__boto .radio__eq{opacity:1}.radio__eq i{width:3px;height:100%;border-radius:1px;background:var(--or);transform-origin:bottom;animation:eq .9s ease-in-out infinite alternate}.canco .radio__eq i{background:#fff}.radio__eq i:nth-child(2){animation-delay:-.3s}.radio__eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%{transform:scaleY(.25)}}.radio__nom{max-width:min(260px,calc(100vw - 110px));padding:9px 14px;border:0;border-radius:999px;background:#12101cc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:500 .88rem/1.2 var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translate(10px);pointer-events:none;transition:opacity .4s ease,transform .4s ease}.radio.mostra-nom .radio__nom,.radio.obert .radio__nom{opacity:1;transform:none;pointer-events:auto}.radio__targeta{position:absolute;right:0;bottom:70px;width:268px;padding:12px;border-radius:16px;background:#15131d;box-shadow:0 16px 40px #00000080;opacity:0;transform:translateY(12px) scale(.96);transform-origin:bottom right;pointer-events:none;transition:opacity .35s ease,transform .35s ease}.radio.obert .radio__targeta{opacity:1;transform:none;pointer-events:auto}.radio__video{overflow:hidden;border-radius:10px;background:#000;aspect-ratio:16 / 9}.radio__video iframe{display:block;width:100%;height:100%}.radio__avis{display:none;margin-top:10px;font-size:.9rem;color:var(--or)}.radio__targeta.cal-tocar .radio__avis{display:block}.radio__tanca{position:absolute;top:-12px;right:-12px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:#2a2635}.foto-gran{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px 16px;background:#080810e6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.foto-gran[hidden]{display:none}.foto-gran figure{margin:0;display:grid;gap:16px;justify-items:center}.foto-gran img{max-width:100%;max-height:72svh;border:10px solid #f4ecd8;box-shadow:0 30px 60px #0009}.foto-gran figcaption{max-width:34ch;text-align:center;font:600 1.15rem/1.35 var(--titol)}.foto-gran__tanca{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff1f}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.3s!important;transition-delay:0s!important}}