:root{
  --night:#0d0b14;
  --night-2:#17131f;
  --night-3:#221c2d;
  --line:#2f2839;
  --text:#f2ede6;
  --text-dim:#a79fb2;
  --yellow:#feed01;
  /* paleta per defecte: Verd elèctric (dracs 2019 i 2026) */
  --accent:#b4ff39;
  --accent-hi:#d4ff8a;
  --accent-fill:#a6f22a;
  --on-accent-fill:#0d0b14;
  --accent-press:#8fd61b;
  --accent-deep:#3d6b00;
  --accent-2:#3d94ff;
  --field:#1d4fff;
  --field-deep:#0f2fb0;
  --on-field:#ffffff;
  --on-field-dim:#e3e9ff;
  --close:#a6f22a;
  --on-close:#0d0b14;
  --confetti:#b4ff39,#3d94ff,#ffffff,#00e5ff;
  --gold:#f2c230;
  --silver:#e3e6ec;
  --bronze:#d98a4e;
  --display:"Bricolage Grotesque", system-ui, sans-serif;
  --body:"Hanken Grotesk", system-ui, sans-serif;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --gutter:clamp(16px,4vw,56px);
  --falatell:url("data:image/png;base64,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"); /* incrustat: les màscares CSS no carreguen obrint el fitxer en local (file://) */
}
/* Blau elèctric (carrossa 2023) */
:root[data-theme="blau"]{
  --accent:#5c97ff;--accent-hi:#9dbfff;--accent-fill:#1f5fff;--on-accent-fill:#fff;--accent-press:#1546cc;--accent-deep:#0d2a80;
  --accent-2:#c6ff3d;--field:#1638e6;--field-deep:#0b1f8f;--on-field:#fff;--on-field-dim:#e0e6ff;
  --close:#c6ff3d;--on-close:#0d0b14;--confetti:#5c97ff,#c6ff3d,#ffffff,#ff2d95}
/* Vermell fènix (carrossa 2025) */
:root[data-theme="vermell"]{
  --accent:#ff5533;--accent-hi:#ff9270;--accent-fill:#e0230d;--on-accent-fill:#fff;--accent-press:#b81a08;--accent-deep:#6e1105;
  --accent-2:#ffb21a;--field:#b3140b;--field-deep:#7a0c06;--on-field:#fff;--on-field-dim:#ffe3dd;
  --close:#ff7a1a;--on-close:#0d0b14;--confetti:#ff5533,#ff7a1a,#ffb21a,#ffffff}
/* Blau i groc */
:root[data-theme="blaugroc"]{
  --accent:#ffd60a;--accent-hi:#ffe566;--accent-fill:#1f4fff;--on-accent-fill:#fff;--accent-press:#1639cc;--accent-deep:#6b5800;
  --accent-2:#5c97ff;--field:#1f4fff;--field-deep:#0f2fb0;--on-field:#fff;--on-field-dim:#e3e9ff;
  --close:#ffd60a;--on-close:#0d0b14;--confetti:#ffd60a,#1f4fff,#ffffff,#5c97ff}
/* Magenta CMYK (colors del logo) */
:root[data-theme="magenta"]{
  --accent:#ff2d95;--accent-hi:#ff5aab;--accent-fill:#e5007e;--on-accent-fill:#fff;--accent-press:#c8006e;--accent-deep:#8c0050;
  --accent-2:#29b6f0;--field:#1f5ead;--field-deep:#163f78;--on-field:#fff;--on-field-dim:#dbe6f7;
  --close:#e5007e;--on-close:#fff;--confetti:#e5007e,#29b6f0,#feed01,#ffffff}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--night);color:var(--text);font:400 1.0625rem/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--accent-fill);color:var(--on-accent-fill)}
img{display:block;max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:2px}
.wrap{padding-inline:var(--gutter);max-width:1440px;margin-inline:auto}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:.92;letter-spacing:-.02em;margin:0;text-wrap:balance;font-variation-settings:"wdth" 85}
h1,h2{text-transform:uppercase}
h2{font-size:clamp(2.4rem,6.2vw,5.6rem)}
.lede{font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--text-dim);max-width:52ch;text-wrap:pretty}
.tag{display:inline-block;font:600 .75rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;padding:.45em .7em;border-radius:99px;background:var(--night-3);color:var(--text-dim)}
.tag--example{background:transparent;border:1px dashed currentColor;color:var(--yellow)}
.falatell{display:inline-block;aspect-ratio:96/224;background:currentColor;-webkit-mask:var(--falatell) center/contain no-repeat;mask:var(--falatell) center/contain no-repeat}
.btn{display:inline-flex;align-items:center;gap:.6em;font:700 1rem/1 var(--body);padding:1.05em 1.5em;border-radius:99px;text-decoration:none;border:0;cursor:pointer;transition:transform .2s var(--ease-out),background-color .2s,box-shadow .2s}
.btn:active{transform:scale(.97)}
.btn--accent{background:var(--accent-fill);color:var(--on-accent-fill);box-shadow:0 10px 24px -12px rgb(0 0 0 / .6)}
.btn--accent:hover{background:var(--accent-press)}
.btn--ghost{color:var(--text);box-shadow:inset 0 0 0 1.5px rgb(242 237 230 / .35)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--text)}
.btn svg{width:1.1em;height:1.1em}
.btn--sm{padding:.7em 1.1em;font-size:.85rem;letter-spacing:0;text-transform:none}

/* NAV */
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:18px var(--gutter);transition:background-color .3s,backdrop-filter .3s}
.nav.is-scrolled{background:rgb(13 11 20 / .82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font:800 1.15rem/1 var(--display);letter-spacing:-.02em}
.brand img{width:42px;height:42px}
.brand small{display:block;font:500 .75rem/1.2 var(--body);letter-spacing:.02em;color:var(--text-dim)}
.nav ul{display:flex;gap:clamp(.8rem,1.6vw,1.6rem);list-style:none;margin:0;padding:0;font-weight:600;font-size:.95rem}
.nav ul a{text-decoration:none;opacity:.8;transition:opacity .2s}
.nav ul a:hover{opacity:1}
.nav .btn{padding:.8em 1.2em;font-size:.9rem}
.nav__actions{display:flex;align-items:center;gap:.9rem}
.nav__ig{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--text);opacity:.85;transition:opacity .2s,background-color .2s}
.nav__ig:hover{opacity:1;background:rgb(255 255 255 / .1)}
.nav__ig svg{width:22px;height:22px}
.menu-btn{display:none;background:none;border:0;color:var(--text);padding:8px;cursor:pointer}
@media (max-width:1020px){
  .nav ul{display:none}
  .menu-btn{display:block}
  .nav .btn{display:none}
  .nav.is-open ul{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--night);padding:1rem var(--gutter) 2rem;font:800 2rem/1.1 var(--display);gap:.6rem;border-bottom:1px solid var(--line)}
}

/* HERO */
.hero{position:relative;min-height:100svh;display:grid;align-content:end;overflow:hidden;isolation:isolate;--x:62%;--y:42%;--r:clamp(170px,24vmax,380px)}
.hero__photo{position:absolute;inset:0;z-index:-2;background:url("picats-2025-rua.jpg") 50% 38%/cover}
.hero__photo--dark{filter:brightness(.22) saturate(.5) contrast(1.1)}
.hero__photo--lit{z-index:-1;filter:saturate(1.15) contrast(1.05);
  -webkit-mask:radial-gradient(circle var(--r) at var(--x) var(--y),#000 0 55%,rgb(0 0 0 / .55) 70%,transparent 100%);
          mask:radial-gradient(circle var(--r) at var(--x) var(--y),#000 0 55%,rgb(0 0 0 / .55) 70%,transparent 100%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(13 11 20 / .55),transparent 30%,transparent 45%,rgb(13 11 20 / .92) 88%)}
.hero__beam{position:absolute;z-index:-1;pointer-events:none;left:var(--x);top:var(--y);width:calc(var(--r)*2.2);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,transparent),transparent 62%);mix-blend-mode:screen}
.hero__inner{padding-block:clamp(110px,16vh,180px) clamp(28px,5vh,56px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,64px) clamp(48px,9vw,160px);align-items:end}
.confetti{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
#confetti{z-index:0}
.hero__inner{position:relative;z-index:1}
.hero__name{text-shadow:0 2px 28px rgb(13 11 20 / .75);font-size:clamp(2.8rem,7.4vw,7.4rem);line-height:.88;letter-spacing:-.025em;font-variation-settings:"wdth" 78}
.hero__name span{display:block;color:var(--text)}
.hero__name b{font-weight:inherit;color:#2f80ed} /* blau de la bandera d'Escòcia, aclarit per llegir-se sobre la nit */
.hero__who{margin:1.4rem 0 0;font-size:clamp(1.05rem,1.4vw,1.25rem);max-width:40ch;color:var(--text);text-wrap:pretty}
.hero__who em{font-style:normal;color:var(--accent-hi)}
.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem}
.count{justify-self:start;text-align:left}
.count__label{font:600 1rem/1.3 var(--body);color:#d9d2e0;margin:0 0 .4rem;text-shadow:0 1px 14px rgb(13 11 20 / .95),0 0 3px rgb(13 11 20 / .9)}
.count__clock,.hero__who{text-shadow:0 1px 14px rgb(13 11 20 / .9)}
.count__label{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 2.4rem;margin-bottom:1rem}
.count__label strong{color:var(--text)}
.count__tag{display:inline-flex;align-items:center;gap:.8rem}
.count__tag .ico-mask{width:34px}
.ico-cal{width:20px;height:20px;color:var(--accent);flex:none}
.count__logo{align-self:center;height:clamp(40px,4.4vw,56px);width:auto;max-width:none;margin-left:clamp(.4rem,1.5vw,1.4rem);padding-left:clamp(.8rem,1.8vw,1.6rem);border-left:1px solid rgb(255 255 255 / .25);opacity:.95}
.count__days{display:flex;align-items:flex-end;justify-content:flex-start;gap:.15em;font:800 clamp(7rem,19vw,17rem)/.78 var(--display);letter-spacing:-.04em;color:var(--accent);font-variation-settings:"wdth" 75}
.digits{filter:drop-shadow(0 0 40px color-mix(in srgb,var(--accent) 30%,transparent))}
.count__days small{font-size:.16em;letter-spacing:-.01em;line-height:1;padding-bottom:.35em;color:var(--text)}
.digits{display:inline-flex}
.digit{display:inline-block;height:1em;overflow:hidden;line-height:1}
.digit__reel{display:flex;flex-direction:column;transition:transform .7s var(--ease-out)}
.digit__reel span{height:1em;line-height:1;text-align:center}
.count__clock{display:flex;justify-content:flex-start;gap:1.2rem;margin-top:1rem;font:700 clamp(1.4rem,2.4vw,2rem)/1 var(--display);font-variant-numeric:tabular-nums}
.count__clock div{display:grid;justify-items:start;gap:.3rem}
.count__clock small{font:600 .75rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}
.credit{position:absolute;right:var(--gutter);top:92px;font-size:.75rem;color:rgb(242 237 230 / .6);letter-spacing:.04em;text-shadow:0 1px 8px rgb(13 11 20 / .9)}
@media (max-width:860px){
  .hero__inner{grid-template-columns:1fr;gap:2.2rem}
  .hero__inner{padding-top:96px}
  .hero__name{font-size:clamp(2.6rem,12vw,4rem)}
  .hero__who{margin:1rem 0 1.4rem}
  .credit{top:84px}
}

/* SPONSORS */
.sponsors{border-block:1px solid var(--line);background:var(--night-2);display:flex;align-items:stretch;overflow:hidden}
.sponsors__title{flex:none;display:grid;place-content:center;justify-items:center;text-align:center;gap:.7rem;padding:1.4rem var(--gutter);border-right:1px solid var(--line);font:700 .8rem/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);background:var(--night-2);z-index:1}
.ticker{display:flex;gap:0;animation:ticker 40s linear infinite;width:max-content}
.sponsors:hover .ticker{animation-play-state:paused}
@keyframes ticker{to{transform:translateX(-50%)}}
.slot{display:flex;align-items:center;gap:.8rem;padding:1.5rem 2.6rem;border-right:1px solid var(--line);font:700 1.15rem/1 var(--display);color:var(--text-dim);white-space:nowrap}
.slot--logo{width:220px;height:88px;padding:0 28px;justify-content:center;flex:none}
.slot--square img{max-height:68px!important}
.slot--logo img{max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain;display:block}
.slot .falatell{height:26px;color:var(--accent-deep)}
.slot a{color:var(--accent);text-decoration:none}
@media (prefers-reduced-motion:reduce){.ticker{animation:none}}

section{scroll-margin-top:80px}
.sec{padding-block:clamp(72px,9vw,128px)}
.sec__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem 4rem;align-items:end;margin-bottom:clamp(48px,6vw,88px)}
@media (max-width:860px){.sec__head{grid-template-columns:1fr}}

/* PALMARES */
.palmares{background:var(--field);color:var(--on-field);transition:background-color .5s var(--ease-out);position:relative;isolation:isolate;overflow:hidden}
.palmares::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(ellipse 55% 70% at 50% -10%,color-mix(in srgb,#fff 22%,transparent),transparent 70%),
             linear-gradient(color-mix(in srgb,var(--field) 62%,transparent),color-mix(in srgb,var(--field) 78%,transparent)),
             url("xemeneia-difuminada.jpg") center top/cover no-repeat} /* ancorada a dalt: la punta de la xemeneia sempre visible */
.palmares__credit{position:absolute;right:var(--gutter);bottom:12px;margin:0;font-size:.7rem;color:var(--on-field-dim);opacity:.8}
.palmares__credit a{color:inherit}
.palmares ::selection{background:var(--on-field);color:var(--field)}
.palmares .wrap{position:relative}
.palmares .lede{color:var(--on-field-dim)}
.palmares .facts{color:var(--on-field-dim)}.palmares .facts b{color:var(--on-field)}.palmares .acc{color:var(--on-field-dim)}
.pal-grid{display:block}
.pal-main{max-width:900px;margin-inline:auto;text-align:center}
.pal-acc{margin:1.4rem 0 0;font:500 1.05rem/1.4 var(--body);color:var(--on-field-dim)}
.pal-acc strong{color:var(--on-field)}
.pal-title{font:800 clamp(1.8rem,3.6vw,3.2rem)/1 var(--display);letter-spacing:-.02em;text-transform:none;color:var(--on-field-dim);margin:0 0 clamp(28px,4vw,48px)}
.pal-title b{color:var(--on-field)}
.pal-main .podium,.pal-main .podium-base{max-width:none;text-align:left}
@media (max-width:860px){.pal-grid{grid-template-columns:1fr}}
.podium{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:end;gap:clamp(8px,1.2vw,16px);max-width:760px;margin-inline:auto}
.step{display:grid;justify-items:center;gap:0}
.step__icons{display:flex;gap:clamp(4px,1vw,14px);align-items:flex-end;margin-bottom:-2px;height:clamp(80px,10vw,140px)}
.step__icons .falatell{height:100%}
.step__icons .falatell:nth-child(2){height:88%}
.step__icons .falatell:nth-child(3){height:76%}
.step__block{width:100%;border-radius:14px 14px 0 0;padding:clamp(18px,2.6vw,36px) clamp(14px,2vw,28px);color:var(--night);display:grid;align-content:start;gap:.5rem}
.step__n{font:800 clamp(2.6rem,5vw,4.4rem)/.85 var(--display);letter-spacing:-.04em;font-variation-settings:"wdth" 75}
.step__name{font:800 clamp(1rem,1.4vw,1.2rem)/1.05 var(--display);letter-spacing:-.02em}
.step__years{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}
.step__years span{font:700 .9rem/1 var(--body);padding:.45em .65em;border-radius:99px;background:rgb(13 11 20 / .14);font-variant-numeric:tabular-nums}
.step--gold .step__icons{color:var(--gold)}
.step--gold .step__block{background:var(--gold);color:var(--night);min-height:clamp(200px,20vw,250px)}
.step--silver .step__icons{color:var(--silver)}
.step--silver .step__block{background:var(--silver);color:var(--night);min-height:clamp(160px,15vw,190px)}
.step--bronze .step__icons{color:var(--bronze)}
.step--bronze .step__block{background:var(--bronze);color:var(--night);min-height:clamp(130px,11vw,140px)}
.podium-base{max-width:760px;margin-inline:auto;height:10px;background:var(--field-deep);border-radius:0 0 6px 6px}
.facts{margin:0 0 .8rem;font:700 clamp(1.4rem,2.4vw,2rem)/1.2 var(--display);letter-spacing:-.02em;text-wrap:balance;color:var(--text-dim)}
.facts b{color:var(--text);font-weight:800}
.acc{max-width:760px;margin:1.6rem auto 0;font:500 1rem/1.5 var(--body);color:var(--text-dim);text-align:center}
@media (max-width:640px){
  .podium{gap:6px}
  .step__block{padding:12px 10px;border-radius:10px 10px 0 0}
  .step__name{font-size:.85rem}
  .step__years span{font-size:.75rem;padding:.35em .5em}
  .step__icons{height:64px;gap:3px}
}

/* CRONOLOGIA */
.more{display:flex;justify-content:center;margin-top:clamp(32px,4vw,48px)}
.chrono__tools{display:flex;gap:.5rem;flex-wrap:wrap}
.chip{font:600 .92rem/1 var(--body);padding:.75em 1.1em;border-radius:99px;border:1.5px solid var(--line);background:none;color:var(--text-dim);cursor:pointer;transition:color .2s,border-color .2s,background-color .2s}
.chip:hover{color:var(--text);border-color:var(--text-dim)}
.chip[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:var(--night)}
.years{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.year{display:grid;grid-template-columns:clamp(110px,14vw,220px) minmax(0,1fr) 150px 110px;gap:clamp(12px,2.5vw,40px);align-items:center;padding:clamp(18px,2.2vw,28px) 0;border-bottom:1px solid var(--line);transition:background-color .25s}
.year:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%)}
.year__cam{display:inline-flex;align-items:center;gap:.3rem;margin-left:.5rem;color:var(--accent-2)}
.year__cam svg{width:14px;height:14px}
.year__mimg{display:none}
.peek{position:fixed;left:0;top:0;z-index:60;width:clamp(220px,22vw,340px);aspect-ratio:4/3;border-radius:12px;overflow:hidden;pointer-events:none;opacity:0;scale:.92;transition:opacity .25s var(--ease-out),scale .35s var(--ease-out);box-shadow:0 24px 60px -20px rgb(0 0 0 / .8)}
.peek.on{opacity:1;scale:1}
.peek img{width:100%;height:100%;object-fit:cover}
@media (hover:none),(max-width:760px){.peek{display:none}.year__mimg{display:block;width:100%;max-width:420px;aspect-ratio:16/10;object-fit:cover;border-radius:10px;margin:.4rem 0 .8rem}}
.year__y{font:800 clamp(2.4rem,5.4vw,4.8rem)/.9 var(--display);letter-spacing:-.04em;font-variation-settings:"wdth" 75;color:#857a92;font-variant-numeric:tabular-nums}
.year--podium .year__y{color:var(--text)}
.year__theme{font:700 clamp(1.05rem,1.5vw,1.3rem)/1.3 var(--display);letter-spacing:-.01em;text-wrap:pretty}
.year__theme small{display:block;margin-top:.35rem;font:500 .85rem/1.3 var(--body);color:var(--text-dim);letter-spacing:0}
.year__theme.is-missing{color:var(--text-dim);font-weight:500;font-family:var(--body);font-style:italic}
.year__pos{display:flex;align-items:center;gap:.6rem;font:800 1.6rem/1 var(--display);font-variant-numeric:tabular-nums}
.year__pos .falatell{height:44px}
.year__pos span{font:600 .78rem/1.2 var(--body);color:var(--text-dim);display:block}
.year__pts{text-align:right;font:700 1.05rem/1 var(--body);font-variant-numeric:tabular-nums;color:var(--text-dim)}
.year--off .year__y{color:#6f667c}
.year--off .year__pos{font-size:1rem;font-family:var(--body);font-weight:600;color:var(--text-dim)}
.p-gold{color:var(--gold)}.p-silver{color:var(--silver)}.p-bronze{color:var(--bronze)}
.years[data-filter="podi"] .year:not(.year--podium){display:none}
@media (max-width:760px){
  .year{grid-template-columns:auto 1fr;grid-template-areas:"y pos" "t t" "pts pts";row-gap:.6rem}
  .year__y{grid-area:y}.year__theme{grid-area:t}.year__pos{grid-area:pos;justify-self:end}
  .year__pts{grid-area:pts;text-align:left;font-size:.9rem}
}

/* NOTICIES */
.news{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(20px,3vw,40px)}
.news__side{display:grid;gap:clamp(20px,3vw,40px);align-content:start}
.post{display:grid;gap:1rem;text-decoration:none}
.post__img{position:relative;overflow:hidden;border-radius:12px;background:var(--night-3)}
.post__img img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .8s var(--ease-out),filter .8s}
.post:hover .post__img img{transform:scale(1.035)}
.post__meta{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;font:600 .85rem/1 var(--body);color:var(--text-dim)}
.post h3{font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.02}
.post--big h3{font-size:clamp(2rem,3.6vw,3.4rem)}
.post p{margin:0;color:var(--text-dim);max-width:60ch}
.post--row{grid-template-columns:42% 1fr;align-items:start}
.post--row .post__img img{aspect-ratio:4/3}
.post--row h3{font-size:clamp(1.25rem,1.8vw,1.6rem)}
@media (max-width:860px){.news{grid-template-columns:1fr}.post--row{grid-template-columns:1fr}}

/* AGENDA */
.agenda{background:var(--night-2);border-block:1px solid var(--line)}
.agenda__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px)}
.ico-mask{width:46px;height:auto;color:var(--accent);flex:none}
.agenda h3{font-size:1.6rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:.7rem}
.events{list-style:none;margin:0;padding:0}
.ev{display:grid;grid-template-columns:84px 1fr;gap:1.2rem;padding:1.15rem 0;border-top:1px solid var(--line);align-items:start}
.ev__date{font:800 2.1rem/.9 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.ev__date small{display:block;font:700 .75rem/1.4 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}
.ev__date--tbd{font-size:1rem;line-height:1.2;letter-spacing:0;color:var(--yellow)}
.ev h4{margin:0 0 .25rem;font:800 1.2rem/1.2 var(--display);letter-spacing:-.01em}
.ev p{margin:0;color:var(--text-dim);font-size:.98rem}
.ev--rua{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,transparent),transparent 80%);margin-inline:-14px;padding-inline:14px;border-radius:8px;border-top-color:transparent}
.ev--rua .ev__date,.ev--rua h4{color:var(--accent)}
@media (max-width:860px){.agenda__grid{grid-template-columns:1fr}}

/* HISTORIA */
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.story__quote{position:sticky;top:110px;font:800 clamp(2.8rem,6.6vw,6.4rem)/.88 var(--display);letter-spacing:-.025em;text-transform:uppercase;font-variation-settings:"wdth" 75}
.story__quote span{color:var(--accent)}
.story__quote small{display:block;text-transform:none;margin-top:1.4rem;font:500 1rem/1.5 var(--body);letter-spacing:0;color:var(--text-dim);max-width:34ch}
.story__body p{margin:0 0 1.2em;max-width:62ch;font-size:1.12rem;text-wrap:pretty}
.story__body p:first-child::first-line{font-weight:700}
@media (max-width:860px){.story{grid-template-columns:1fr}.story__quote{position:static}}

/* CREDITS / WORKERS */
.credits{text-align:center;background:radial-gradient(ellipse 60% 50% at 50% 0%,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 70%)}
.credits .lede{margin-inline:auto}
.roles{list-style:none;padding:0;margin:clamp(56px,7vw,96px) auto 0;max-width:980px;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(36px,4vw,56px) clamp(24px,5vw,80px)}
.role{display:grid;gap:.5rem}
.role h3{font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1;text-wrap:balance}
.role span{font:500 1.05rem/1.4 var(--body);color:var(--accent-2);text-wrap:balance}
.role i{font-style:normal;font-size:.92rem;color:var(--text-dim)}
.externs{max-width:62ch;margin:clamp(56px,7vw,88px) auto 0;padding-top:2rem;border-top:1px solid var(--line);color:var(--text-dim)}
@media (max-width:560px){.roles{grid-template-columns:1fr}}

/* CLOSE */
.close{position:relative;overflow:hidden;background:var(--close);color:var(--on-close);isolation:isolate;transition:background-color .5s var(--ease-out)}
.close ::selection{background:var(--on-close);color:var(--close)}
.close__big{font:800 clamp(3.6rem,12vw,12rem)/.86 var(--display);letter-spacing:-.02em;color:var(--on-close);font-variation-settings:"wdth" 75;margin:0}
.close__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:3rem;align-items:end;margin-top:3rem}
.close p{font-size:1.2rem;max-width:42ch;margin:0;color:var(--on-close)}
.close__links{display:grid;gap:.8rem;justify-items:start}
.close__links a:not(.btn){font:800 clamp(1.3rem,2.4vw,2rem)/1.1 var(--display);letter-spacing:-.02em;text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;border-bottom:2px solid currentColor;padding-bottom:.15em}
.close__links a:not(.btn):hover{border-bottom-width:4px}
.close .falatell{position:absolute;right:-2vw;bottom:-6vw;height:min(68vw,780px);color:rgb(13 11 20 / .14);z-index:-1;rotate:14deg}
.btn--night{background:var(--night);color:#fff}
.btn--night:hover{background:#000}
@media (max-width:760px){.close__grid{grid-template-columns:1fr}}

.foot{background:var(--night-2);border-top:1px solid var(--line);padding:clamp(48px,6vw,72px) var(--gutter) 2rem}
.foot__cols{max-width:1440px;margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px)}
.foot__col h2{font:600 .95rem/1.2 var(--body);letter-spacing:0;text-transform:none;color:var(--text);margin:0 0 1.4rem}
.foot__logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px,3vw,40px)}
.foot__logos img{width:auto;max-width:none;display:block}
.foot__named{display:flex;align-items:center;gap:.8rem;font:600 .85rem/1.25 var(--body);color:var(--text)}
.foot__copy{max-width:1440px;margin:clamp(40px,5vw,56px) auto 0;padding-top:1.4rem;border-top:1px solid var(--line);text-align:center;font-size:.88rem;color:var(--text-dim)}
@media (max-width:760px){.foot__cols{grid-template-columns:1fr}}

/* SELECTOR DE PALETA (eina del mockup) */
.palette{position:fixed;right:16px;bottom:16px;z-index:70;display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem .5rem .9rem;border-radius:99px;background:rgb(13 11 20 / .88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px -12px rgb(0 0 0 / .7),inset 0 0 0 1px var(--line);font:600 .8rem/1 var(--body);color:var(--text-dim)}
.palette button{width:30px;height:30px;border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--sw);box-shadow:inset 0 0 0 2px rgb(255 255 255 / .15);transition:transform .2s var(--ease-out),box-shadow .2s}
.palette button:hover{transform:scale(1.1)}
.palette button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--night),0 0 0 4px var(--text)}
.palette .name{min-width:7.5em;color:var(--text)}
@media (max-width:560px){.palette .name{display:none}}

/* reveal: visible by default, enhanced only with JS */
.js .rv{opacity:0;translate:0 14px;transition:opacity .8s var(--ease-out),translate .8s var(--ease-out)}
.js .rv.in{opacity:1;translate:0 0}
.js .step .step__block{transform-origin:bottom;transition:transform 1s var(--ease-out)}
.js .podium:not(.in) .step__block{transform:scaleY(.15)}
.js .podium:not(.in) .step__icons{opacity:0;translate:0 30px}
.step__icons{transition:opacity .8s var(--ease-out) .35s,translate .8s var(--ease-out) .35s}
.step--gold .step__block,.step--gold .step__icons{transition-delay:.15s}
.step--bronze .step__block{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){
  .js .rv,.js .podium:not(.in) .step__block,.js .podium:not(.in) .step__icons{opacity:1;translate:none;filter:none;transform:none}
  .digit__reel{transition:none}
}

/* HISTÒRIA (portada) */
.hist{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.hist .story__quote{position:static}
.hist .lede{margin:0 0 1.8rem}
@media (max-width:860px){.hist{grid-template-columns:1fr}}

/* WORKERS (portada) */
.workers{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.workers__img{border-radius:16px;overflow:hidden;background:var(--night-3)}
.workers__img img{width:100%;aspect-ratio:16/10;object-fit:cover}
.workers h2{margin-bottom:1.2rem}
.workers .lede{margin:0 0 1.8rem}
@media (max-width:860px){.workers{grid-template-columns:1fr}}

/* CONTACTE (portada) */
.contact{background:var(--close);color:var(--on-close);transition:background-color .5s var(--ease-out)}
.contact__in{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1.6rem 3rem}
.contact h2{font-size:clamp(2.6rem,6vw,5rem);color:var(--on-close)}
.contact__links{list-style:none;margin:0;padding:0;display:grid;gap:1rem;justify-items:start}
.contact__links a{display:inline-flex;align-items:center;gap:.8rem;font:800 clamp(1.15rem,2vw,1.6rem)/1.1 var(--display);text-decoration:none;color:var(--on-close)}
.contact__links a span{border-bottom:2px solid currentColor;padding-bottom:.12em}
.contact__links a:hover span{border-bottom-width:4px}
.contact__links svg{width:1.5em;height:1.5em;flex:none}
@media (max-width:760px){.contact__in{grid-template-columns:1fr}}
.contact ::selection{background:var(--on-close);color:var(--close)}

/* PÀGINA WORKERS */
.page-hero{position:relative;min-height:78svh;display:grid;align-content:end;overflow:hidden;isolation:isolate}
.page-hero__img{position:absolute;inset:0;z-index:-2;background:url("workers-nau.jpg") center 35%/cover no-repeat}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgb(13 11 20 / .55),transparent 35%,rgb(13 11 20 / .92) 90%)}
.page-hero .wrap{padding-block:140px clamp(32px,5vh,56px)}
.page-hero h1{font-size:clamp(3.2rem,10vw,9rem);line-height:.86;text-shadow:0 2px 28px rgb(13 11 20 / .75)}
.page-hero h1 span{color:var(--accent)}
.page-hero p{max-width:46ch;font-size:clamp(1.05rem,1.4vw,1.25rem);margin:1.2rem 0 0;text-shadow:0 1px 14px rgb(13 11 20 / .9)}
.crumb{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1rem;font:600 .9rem/1 var(--body);color:var(--text);text-decoration:none;opacity:.85}
.crumb:hover{opacity:1}
.crumb svg{width:1em;height:1em}