:root{--ink:#08080c;--paper:#e9e5de;--muted:#aaa69f;--lime:#d8ff32;--violet:#a96eff;--line:rgba(233,229,222,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:32rem;height:32rem;left:var(--mx,-100%);top:var(--my,-100%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(126,79,255,.09),transparent 62%);pointer-events:none;z-index:1;transition:left .14s,top .14s}.topbar{height:88px;position:absolute;z-index:5;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 4.5vw;border-bottom:1px solid rgba(255,255,255,.14)}.brand{color:#fff;text-decoration:none;font-size:16px;line-height:.8;letter-spacing:-1.3px;font-weight:800}.brand em{font-family:'Playfair Display',serif;font-size:19px;font-weight:500;letter-spacing:-1.7px}.brand span{color:var(--lime)}nav{display:flex;gap:31px}nav a,footer a{color:inherit;text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.08em;transition:color .2s}nav a:hover,footer a:hover{color:var(--lime)}.menu-button{display:none;background:transparent;border:0}.hero{height:min(830px,100svh);min-height:650px;position:relative;isolation:isolate;overflow:hidden}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2;animation:hero-in 1.8s cubic-bezier(.2,.7,.2,1) both}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,7,.84) 0%,rgba(4,4,7,.4) 37%,rgba(4,4,7,.05) 70%),linear-gradient(0deg,rgba(4,4,7,.92),transparent 36%);z-index:-1}.hero-copy{position:absolute;left:9vw;top:49%;transform:translateY(-35%);max-width:630px}.eyebrow,.story-meta{font:500 10px 'DM Mono',monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0}.live-dot{height:6px;width:6px;border-radius:100%;display:inline-block;background:var(--lime);box-shadow:0 0 12px var(--lime);margin-right:7px}.hero h1,.section-head h2,.radar h2,.newsletter h2{font-size:clamp(62px,8.1vw,139px);line-height:.81;letter-spacing:-.078em;margin:25px 0 31px;font-weight:700}.hero h1 i,h2 i,blockquote i{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:-.09em}.hero-dek{max-width:390px;font-size:14px;line-height:1.6;color:#d8d4ce}.circle-link{margin-top:42px;width:111px;height:111px;border-radius:100%;border:1px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#fff;text-decoration:none;font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.07em;transition:.3s}.circle-link:hover{background:var(--lime);color:var(--ink);border-color:var(--lime);transform:rotate(-8deg)}.circle-link b{font:21px Manrope}.hero-credit{position:absolute;right:4.5vw;bottom:30px;font:9px 'DM Mono',monospace;color:#b7b5c0;transform:rotate(-90deg);transform-origin:right top}.scroll-ticker{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;border-top:1px solid rgba(255,255,255,.2);padding:16px 0;white-space:nowrap;font:10px 'DM Mono',monospace;letter-spacing:.24em;color:#eee}.scroll-ticker span{display:inline-block;animation:ticker 24s linear infinite}.edition{padding:150px 8vw 130px;background:#e9e5de;color:#0c0c0f}.section-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:3vw;margin-bottom:68px}.section-head .eyebrow{color:#5d5a56;align-self:start}.section-head h2{font-size:clamp(49px,6.1vw,96px);margin:0}.section-head>p:last-child{font-size:13px;line-height:1.6;max-width:200px;margin:0 0 8px}.featured-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:18px}.featured-story{background:#15151d;min-height:470px;padding:46px;display:flex;align-items:end;position:relative;overflow:hidden}.featured-story:after{content:'';position:absolute;right:-10%;top:11%;height:70%;aspect-ratio:1;background:radial-gradient(circle at 36% 46%,var(--lime) 0 1%,transparent 1.7%),repeating-radial-gradient(ellipse at 47% 55%,transparent 0 6%,rgba(173,109,255,.48) 6.5% 7%,transparent 7.5% 10%);filter:blur(.1px);opacity:.9}.featured-story a{position:relative;z-index:1;color:white;text-decoration:none;max-width:620px}.featured-story .story-meta,.signal-card .story-meta{color:#b8b5bf}.featured-story h3{font-size:clamp(29px,3.4vw,54px);line-height:.96;letter-spacing:-.06em;margin:22px 0}.story-excerpt{font-size:13px;line-height:1.55;max-width:370px;color:#d0ccd0}.read-link,.text-link{font:10px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;display:inline-block;margin-top:21px}.read-link b,.text-link b{font-size:16px;margin-left:7px}.signal-card{background:#c7ff26;min-height:470px;padding:42px;position:relative;overflow:hidden;display:flex;flex-direction:column;color:#11110b}.signal-card .story-meta{color:#373800}.big-stat{font-size:110px;letter-spacing:-.1em;line-height:1;margin:94px 0 0;position:relative;z-index:1}.big-stat span{font-size:47px}.signal-card>p:not(.story-meta):not(.big-stat){font-size:17px;max-width:190px;margin:0;line-height:1.15;position:relative;z-index:1}.signal-card small{font:9px 'DM Mono',monospace;line-height:1.4;margin-top:auto;max-width:230px;position:relative;z-index:1}.orb{position:absolute;border-radius:100%;filter:blur(1px)}.orb-a{width:270px;height:270px;right:-90px;top:-86px;background:radial-gradient(circle at 35% 34%,#f9ffd1,transparent 17%),radial-gradient(circle at 55% 55%,#a177ff,transparent 49%),#6233c4}.orb-b{width:140px;height:140px;right:24px;bottom:27px;background:radial-gradient(circle at 31% 28%,#fff9b4,transparent 10%),#ff8b53}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #a7a39b;margin-top:18px}.news-card{padding:30px 28px 14px 0;border-bottom:1px solid #a7a39b;margin-right:22px;min-height:223px;position:relative}.news-card:nth-child(3n+1){padding-left:0}.news-card:nth-child(3n+3){margin-right:0}.news-card h3{font-size:22px;line-height:1.07;letter-spacing:-.05em;margin:18px 0;color:#101014}.news-card p:last-child{font-size:12px;color:#5a5752;line-height:1.5;margin:0}.news-card a{display:block;height:100%;text-decoration:none}.news-card:hover h3{color:#6242cf}.tag{color:#6242cf}.radar{background:#111119;color:var(--paper);padding:142px 8vw;display:grid;grid-template-columns:1fr 1.35fr;gap:8vw;align-items:center}.radar h2{font-size:clamp(56px,7vw,105px);margin:17px 0 28px}.radar-intro>p:last-child{max-width:280px;line-height:1.6;font-size:13px;color:#b5b1b6}.radar-map{height:495px;border:1px solid #34333c;position:relative;background:radial-gradient(circle at 45% 43%,rgba(68,67,111,.37),transparent 33%),linear-gradient(135deg,#171723,#0d0d13);overflow:hidden}.map-lines{position:absolute;inset:-70px;background:linear-gradient(28deg,transparent 49.7%,#8e66e742 50%,transparent 50.3%),linear-gradient(138deg,transparent 49.8%,#d8ff3250 50%,transparent 50.2%),repeating-linear-gradient(0deg,transparent 0 47px,#ffffff0d 48px 49px);transform:rotate(-11deg)}.radar-map:after{content:'';position:absolute;width:16px;height:16px;left:50%;top:49%;background:var(--lime);border-radius:50%;box-shadow:0 0 0 12px #d8ff3220,0 0 32px 5px #d8ff3280}.node{position:absolute;font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.07em;color:#bdb8c6}.node:before{content:'';display:inline-block;width:5px;height:5px;background:#a56cff;border-radius:50%;margin-right:6px}.node b{color:var(--lime);margin-left:4px}.n1{left:48%;top:55%}.n2{left:58%;top:27%}.n3{left:23%;top:46%}.n4{left:43%;top:78%}.n5{left:38%;top:36%}.radar-map>p{position:absolute;bottom:19px;left:20px;font:9px 'DM Mono',monospace;letter-spacing:.11em;color:#7c7a83}.radar-map strong{color:var(--lime);font-weight:400}.manifest{padding:160px 8vw;background:#e9e5de;color:#0e0d11;display:grid;grid-template-columns:1fr 2.3fr 1fr;gap:4vw}.manifest .eyebrow{color:#4e4a46}.manifest blockquote{margin:0;font-size:clamp(39px,5vw,76px);line-height:.98;letter-spacing:-.065em}.manifest>div{align-self:end}.manifest>div p{font-size:14px;line-height:1.62;margin:0}.text-link{color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:7px}.newsletter{padding:144px 8vw;background:linear-gradient(120deg,#191432,#0b0b11 53%,#162136);position:relative;overflow:hidden}.newsletter:before{content:'';position:absolute;width:620px;height:620px;right:-170px;top:-300px;border-radius:100%;background:radial-gradient(circle at 44% 60%,#bd8cff,transparent 7%),repeating-radial-gradient(ellipse,transparent 0 7%,#8b5bd144 7.5% 8%,transparent 8.5% 11%)}.newsletter>*{position:relative}.newsletter h2{font-size:clamp(54px,7vw,105px);margin:15px 0 57px}.newsletter form{display:flex;max-width:745px;border-bottom:1px solid #a5a1ad}.newsletter input{color:#fff;flex:1;background:transparent;border:0;outline:0;padding:16px 0;font:19px Manrope}.newsletter input::placeholder{color:#8d8996}.newsletter button{background:transparent;border:0;color:var(--lime);font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.newsletter button b{font:20px Manrope;margin-left:8px}.newsletter>p:last-child{color:#aaa6ae;font-size:11px}.newsletter #form-message{min-height:17px}footer{padding:48px 4.5vw 26px;background:#08080c;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start}footer p{font-size:12px;color:#97949b;margin:0}footer>div{display:flex;justify-content:flex-end;gap:20px}footer small{grid-column:1/-1;border-top:1px solid #24242a;padding-top:20px;font:9px 'DM Mono',monospace;color:#77737b}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.reveal{animation:rise .8s both;animation-timeline:view();animation-range:entry 5% cover 25%}@keyframes hero-in{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes ticker{to{transform:translateX(-33.33%)}}@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.topbar{padding:18px 6vw;height:70px}nav{display:none}.menu-button{display:grid;gap:5px}.menu-button i{width:22px;height:1px;background:#fff}.hero{min-height:700px}.hero-image{object-position:60%}.hero-copy{left:7vw;top:47%;max-width:85vw}.hero h1{font-size:66px}.hero-credit{display:none}.edition,.radar,.manifest,.newsletter{padding:93px 7vw}.section-head,.featured-grid,.radar,.manifest{display:block}.section-head h2{margin:19px 0 23px}.section-head>p:last-child{max-width:280px}.featured-story,.signal-card{min-height:390px}.signal-card{margin-top:15px}.news-grid{grid-template-columns:1fr}.news-card,.news-card:nth-child(3n+3){margin-right:0}.radar-map{margin-top:52px;height:380px}.manifest blockquote{margin:20px 0 36px}.newsletter h2{font-size:57px}.newsletter form{display:block}.newsletter input{width:100%}.newsletter button{padding:16px 0}footer{grid-template-columns:1fr;gap:18px}footer>div{justify-content:start}}
.news-card.with-image a{display:grid;grid-template-columns:112px 1fr;gap:17px}.news-card img{width:112px;height:136px;object-fit:cover;filter:saturate(.85) contrast(1.06)}@media(max-width:720px){.news-card.with-image a{grid-template-columns:92px 1fr}.news-card img{width:92px;height:116px}}
.article-page{max-width:980px;margin:auto;padding:54px 8vw 120px;background:#e9e5de;color:#111;min-height:100vh}.article-page .brand{color:#111;display:inline-block;margin-bottom:100px}.article-page h1{font-size:clamp(50px,8vw,106px);letter-spacing:-.075em;line-height:.88;max-width:900px;margin:22px 0 30px}.article-dek{font-size:20px;line-height:1.5;max-width:650px}.article-image{width:100%;max-height:550px;object-fit:cover;margin:52px 0 25px;filter:saturate(.8)}.article-body{max-width:650px;font:20px/1.7 'Playfair Display',serif}.article-body p{margin:0 0 22px}.article-page .text-link{margin-top:40px}

/* Elements editorials interactius */
.interactive-card{border:0;text-align:left;font-family:inherit;cursor:pointer}.interactive-card:focus-visible,.radar-item:focus-visible,.reveal-button:focus-visible,.reflection-trigger:focus-visible{outline:3px solid #6d43df;outline-offset:4px}.signal-card>.big-stat,.signal-card>.signal-copy{display:block}.signal-card>.signal-copy{font-size:17px;max-width:220px;margin:0;line-height:1.15;position:relative;z-index:1}.expand-panel{margin-top:18px;padding:38px 42px;background:#15151d;color:#f1ede5}.expand-panel[hidden],.method-panel[hidden],.reflection-panel[hidden],.radar-detail[hidden]{display:none}.expand-panel h3,.radar-detail h3,.reflection-panel h3{font-size:clamp(28px,3vw,46px);line-height:1;letter-spacing:-.06em;margin:17px 0}.expand-panel>p:not(.eyebrow),.radar-detail>p:not(.eyebrow),.reflection-panel>p{max-width:710px;font-size:14px;line-height:1.7}.source-link{color:inherit;font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;display:inline-block;margin-top:12px}.source-link b{font-size:16px;margin-left:7px}
.radar-stage{display:grid;gap:16px}.radar-stage .radar-map{height:332px}.radar-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.radar-item{min-height:148px;padding:16px;background:#191923;border:1px solid #373643;color:inherit;text-align:left;font-family:inherit;cursor:pointer;transition:border-color .2s,transform .2s}.radar-item:hover,.radar-item[aria-expanded="true"]{border-color:var(--lime);transform:translateY(-3px)}.radar-item span,.radar-item small{display:block;font:9px 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase}.radar-item span{color:var(--lime)}.radar-item strong{display:block;font-size:16px;line-height:1.05;letter-spacing:-.045em;margin:14px 0}.radar-item small{color:#aaa5af}.radar-detail{padding:27px 30px;background:#e9e5de;color:#111}.node b{display:none}.n4{left:40%}
.text-link.reveal-button{background:transparent;border:0;border-bottom:1px solid;padding:0 0 7px;font:10px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;display:inline-block;margin-top:21px;cursor:pointer}.method-panel{margin-top:25px;padding-top:4px;border-top:1px solid #918d86}.method-panel ol{padding-left:18px;margin:18px 0 0}.method-panel li{font-size:12px;line-height:1.5;margin:0 0 10px}
.newsletter h2{margin-bottom:35px}.reflection-intro{max-width:450px;color:#d6d0de;font-size:14px;line-height:1.6}.reflection-trigger{margin:11px 0 28px;border:0;border-bottom:1px solid var(--lime);padding:0 0 7px;background:transparent;color:var(--lime);font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.reflection-trigger b{font-size:16px;margin-left:8px}.reflection-panel{max-width:760px;margin:0 0 36px;padding:32px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}.reflection-panel .eyebrow{color:var(--lime)}.reflection-panel h3{color:#fff}.reflection-panel .reflection-dek{font:600 17px/1.45 'Playfair Display',serif;color:#e6dff1}
@media(max-width:720px){.expand-panel{padding:28px 24px}.radar-stage .radar-map{height:330px}.radar-feed{grid-template-columns:1fr}.radar-item{min-height:120px}}

/* Graella de notícies segons el nombre d'articles del dia (3 per defecte; 4, 5 o 6 amb jerarquia editorial) */
.news-grid[data-count="4"]{grid-template-columns:repeat(2,1fr);column-gap:44px}
.news-grid[data-count="4"] .news-card{margin-right:0;padding-left:0;padding-right:0}
.news-grid[data-count="5"],.news-grid[data-count="6"]{grid-template-columns:repeat(6,1fr);column-gap:38px}
.news-grid[data-count="5"] .news-card,.news-grid[data-count="6"] .news-card{grid-column:span 2;margin-right:0;padding-left:0;padding-right:0}
.news-grid[data-count="5"] .news-card:nth-child(-n+2){grid-column:span 3;padding-top:38px;padding-bottom:24px}
.news-grid[data-count="5"] .news-card:nth-child(-n+2) h3{font-size:31px;line-height:1.02}
.news-grid[data-count="5"] .news-card:nth-child(-n+2) p:last-child{font-size:13px;max-width:420px}
.news-grid[data-count="5"] .news-card.with-image:nth-child(-n+2) a{grid-template-columns:158px 1fr;gap:22px}
.news-grid[data-count="5"] .news-card:nth-child(-n+2) img{width:158px;height:186px}
/* Menú mòbil (el botó de dues ratlles) */
.menu-button{cursor:pointer}
.menu-button i{transition:transform .3s ease}
@media(max-width:720px){
.topbar{z-index:45}
body.nav-open .topbar nav{display:flex;position:fixed;inset:0;z-index:44;flex-direction:column;align-items:center;justify-content:center;gap:36px;background:rgba(7,7,11,.96);backdrop-filter:blur(6px)}
body.nav-open .topbar nav a{font-size:17px;letter-spacing:.14em}
.menu-button{position:relative;z-index:46;padding:12px 6px}
body.nav-open .menu-button i:first-child{transform:translateY(3px) rotate(45deg)}
body.nav-open .menu-button i:last-child{transform:translateY(-3px) rotate(-45deg)}
body.nav-open{overflow:hidden}
}

/* Vida cinemàtica: moviments lents i continus */
@keyframes aurora-dansa{0%{transform:translate3d(-4%,0,0) scaleY(1);opacity:.5}50%{opacity:.95}100%{transform:translate3d(4%,-2%,0) scaleY(1.12);opacity:.6}}
.hero:before{content:'';position:absolute;left:-10%;right:-10%;top:-12%;height:72%;z-index:-1;pointer-events:none;background:radial-gradient(55% 42% at 68% 22%,rgba(96,255,190,.3),transparent 62%),radial-gradient(48% 36% at 38% 12%,rgba(165,110,255,.27),transparent 62%),radial-gradient(42% 30% at 86% 38%,rgba(90,200,255,.22),transparent 62%);filter:blur(34px);mix-blend-mode:screen;animation:aurora-dansa 14s ease-in-out infinite alternate}
@keyframes orb-float{from{translate:0 0}to{translate:-12px 16px}}
.orb-a{animation:orb-float 9s ease-in-out infinite alternate}
.orb-b{animation:orb-float 7s ease-in-out infinite alternate-reverse}
@keyframes radar-pulse{0%{box-shadow:0 0 0 6px #d8ff3220,0 0 32px 5px #d8ff3280}70%{box-shadow:0 0 0 26px #d8ff3200,0 0 32px 5px #d8ff3280}100%{box-shadow:0 0 0 6px #d8ff3200,0 0 32px 5px #d8ff3280}}
.radar-map:after{animation:radar-pulse 2.8s ease-out infinite}
@keyframes lines-sway{from{transform:rotate(-11deg) translateY(0)}to{transform:rotate(-9.5deg) translateY(-14px)}}
.map-lines{animation:lines-sway 16s ease-in-out infinite alternate}
@keyframes pattern-spin{to{transform:rotate(360deg)}}
.featured-story:after{animation:pattern-spin 90s linear infinite}
.news-card img,.news-grid[data-count="5"] .news-card:nth-child(-n+2) img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.news-card a:hover img{transform:scale(1.07)}
@media(prefers-reduced-motion:reduce){.hero:before,.orb-a,.orb-b,.radar-map:after,.map-lines,.featured-story:after,.scroll-ticker span{animation:none}}

@media(max-width:720px){.news-grid[data-count="4"],.news-grid[data-count="5"],.news-grid[data-count="6"]{grid-template-columns:1fr;column-gap:0}.news-grid[data-count="4"] .news-card,.news-grid[data-count="5"] .news-card,.news-grid[data-count="6"] .news-card{grid-column:auto}.news-grid[data-count="5"] .news-card:nth-child(-n+2){grid-column:auto;padding-top:30px;padding-bottom:14px}.news-grid[data-count="5"] .news-card:nth-child(-n+2) h3{font-size:24px}.news-grid[data-count="5"] .news-card.with-image:nth-child(-n+2) a{grid-template-columns:92px 1fr;gap:17px}.news-grid[data-count="5"] .news-card:nth-child(-n+2) img{width:92px;height:116px}}

/* Tablet (721-1024px): 2 columnes perquè les targetes no s'esclafin ni sobresurtin */
@media(min-width:721px) and (max-width:1024px){
.news-grid{grid-template-columns:repeat(2,1fr);column-gap:40px}
.news-grid .news-card{margin-right:0;padding-left:0;padding-right:0}
.news-grid[data-count="5"],.news-grid[data-count="6"]{grid-template-columns:repeat(2,1fr);column-gap:40px}
.news-grid[data-count="5"] .news-card,.news-grid[data-count="6"] .news-card{grid-column:span 1}
.news-grid[data-count="5"] .news-card:nth-child(-n+2){grid-column:span 1;padding-top:30px;padding-bottom:14px}
.news-grid[data-count="5"] .news-card:nth-child(-n+2) h3{font-size:25px}
.news-grid[data-count="5"] .news-card.with-image:nth-child(-n+2) a{grid-template-columns:112px 1fr;gap:17px}
.news-grid[data-count="5"] .news-card:nth-child(-n+2) img{width:112px;height:136px}
.news-grid[data-count="5"] .news-card:nth-child(5){grid-column:span 2}
}