:root{--bg:#100e16;--panel:#191520;--panel2:#241a2a;--text:#f1dce9;--muted:#b49caf;--red:#e85b9b;--line:#3b2b40;--cyan:#c58bb8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.topline{height:34px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;background:#0c0a12;color:#888b93;font-size:9px;font-weight:700;letter-spacing:1.5px}.site-header{height:82px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:"Barlow Condensed",sans-serif;font-size:35px;font-weight:900;letter-spacing:-1.5px}.brand span{color:var(--red)}.brand i{font-style:normal;color:var(--cyan)}nav{display:flex;gap:36px}nav a,.header-link{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#c1aebe}.header-link{color:var(--text);border:1px solid #5b3b57;padding:12px 16px}.header-link span{color:var(--red);margin-left:12px}.active{color:var(--text)}.hero{min-height:570px;padding:72px 6.5% 28px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 78% 42%,#2a1b30 0%,transparent 42%),linear-gradient(115deg,#111216,#15151c)}.hero-copy{position:relative;z-index:2;padding-bottom:35px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--red)}.pulse{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:9px;box-shadow:0 0 12px var(--red)}h1,h2{font-family:"Barlow Condensed",sans-serif;font-weight:900;letter-spacing:-1px;line-height:.86;margin:25px 0}h1{font-size:clamp(76px,10vw,142px)}h1 em,h2 em{font-style:normal;color:var(--red)}.hero-description{max-width:410px;color:#b9a8ba;font-size:14px;line-height:1.8}.primary-button{display:inline-flex;gap:35px;align-items:center;margin-top:24px;background:var(--red);padding:16px 19px;font-size:10px;font-weight:800;letter-spacing:1.1px;color:#21101f}.primary-button span{font-size:17px}.hero-art{height:390px;position:relative;overflow:hidden;background:linear-gradient(150deg,#ed7066 0%,#9c426d 42%,#24233c 100%);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.sun{position:absolute;width:230px;height:230px;border-radius:50%;background:linear-gradient(#ffd39b,#ef786d);top:37px;left:50%;transform:translateX(-50%);box-shadow:0 0 70px #ffab8b55}.grid-floor{position:absolute;inset:48% -20% -20%;background:linear-gradient(#ffffff44 1px,transparent 1px),linear-gradient(90deg,#ffffff44 1px,transparent 1px);background-size:100% 28px,35px 100%;transform:perspective(180px) rotateX(45deg);transform-origin:top}.art-word{position:absolute;top:95px;width:100%;text-align:center;font-family:"Barlow Condensed";font-size:210px;font-weight:900;line-height:1;color:#fff;text-shadow:0 8px 0 #36213b66}.art-caption{position:absolute;bottom:30px;left:28px;font-size:10px;line-height:1.5;font-weight:800;letter-spacing:2px}.art-index{position:absolute;right:25px;top:22px;font-size:9px;letter-spacing:2px}.hero-bottom{position:absolute;bottom:20px;left:6.5%;right:6.5%;display:flex;justify-content:space-between;color:#927f95;font-size:9px;letter-spacing:1.5px}.section{padding:90px 6.5%}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2,.briefing h2{font-size:65px;margin:13px 0 28px}.section-heading h2 span{color:var(--red)}.section-note{font-size:9px;letter-spacing:1.5px;color:var(--muted);padding-bottom:35px}.filter-row{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px}.filter{background:none;border:1px solid #393a42;color:#b49caf;padding:10px 14px;font:700 9px "DM Sans";letter-spacing:1px;cursor:pointer}.filter.active,.filter:hover{background:var(--red);border-color:var(--red);color:#241321}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.story-card{min-height:230px;background:var(--panel);border:1px solid #292b32;padding:23px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.story-card:hover{transform:translateY(-4px);border-color:#6b4146}.story-tag{font-size:9px;letter-spacing:1.4px;font-weight:800;color:var(--red)}.story-card h3{font-family:"Barlow Condensed";font-size:27px;line-height:1.05;margin:20px 0 12px}.story-card p{color:#b9a8ba;font-size:12px;line-height:1.7;margin:0 0 22px}.story-meta{margin-top:auto;display:flex;justify-content:space-between;color:#927f95;font-size:9px;letter-spacing:.7px}.prototype-note,.empty-note{font-size:11px;color:#9b899e;margin-top:22px}.briefing{padding:65px 6.5%;background:#1b1b22;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.briefing h2{margin-bottom:0}.briefing>p{color:#c2aec1;line-height:1.9;font-size:14px;max-width:470px}.about-section{padding:55px 6.5%;display:flex;gap:45px;align-items:start;border-bottom:1px solid var(--line)}.about-section p{max-width:650px;margin:0;color:#b9a8ba;font-size:12px;line-height:1.8}footer{padding:30px 6.5%;display:flex;justify-content:space-between;align-items:center;color:#927f95;font-size:9px;letter-spacing:1.2px}footer .brand{color:var(--text);font-size:27px}@media(max-width:760px){.topline{padding:0 5%;font-size:8px}.site-header{padding:0 5%;height:70px}nav{gap:13px}nav a{font-size:8px}.header-link{display:none}.hero{padding:55px 5% 65px;grid-template-columns:1fr;gap:30px}.hero-art{height:270px;max-width:500px;width:100%;margin:0 auto}.art-word{font-size:160px}.sun{width:180px;height:180px}.hero-bottom{left:5%;right:5%}.section{padding:65px 5%}.section-heading h2,.briefing h2{font-size:53px}.section-note{display:none}.story-grid{grid-template-columns:1fr}.story-card{min-height:190px}.briefing{padding:55px 5%;grid-template-columns:1fr;gap:12px}.about-section{padding:45px 5%;display:block}.about-section p{margin-top:16px}footer{padding:25px 5%;gap:15px;flex-wrap:wrap}footer span{font-size:8px}}@media(min-width:761px) and (max-width:1050px){.story-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:500px}.hero-art{height:320px}}

.story-verification{display:inline-flex;align-self:flex-start;margin:0 0 14px;padding:6px 9px;border:1px solid #3b3d46;color:#d8bfd3;font-size:9px;font-weight:700;letter-spacing:.6px}
.story-evidence{margin:0 0 18px;border-top:1px solid #303139;border-bottom:1px solid #303139;padding:11px 0;color:#cfb9cf}
.story-evidence summary{cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--cyan);list-style-position:inside}
.story-evidence ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:13px}
.story-evidence li{padding-left:10px;border-left:2px solid #454750}
.story-evidence li p{margin:5px 0 4px;color:#d9c4d7;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.evidence-status{font-size:9px;font-weight:800;letter-spacing:.5px;color:var(--red)}
.story-evidence li small{display:block;color:#9b899e;font-size:9px;line-height:1.5}
.evidence-language{margin:12px 0 0!important;color:#9b899e!important;font-size:9px!important}

/* ZELQOVI cinematic motion */
.scroll-progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:3px;pointer-events:none}
.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--red),#d66ab5,var(--cyan));box-shadow:0 0 12px #e85b9b88}
.hero{isolation:isolate}
.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;border-radius:50%;z-index:0;filter:blur(2px)}
.hero:before{width:480px;height:480px;right:-130px;top:-230px;background:radial-gradient(circle,#d94f9120,transparent 68%);animation:ambientDrift 13s ease-in-out infinite alternate}
.hero:after{width:360px;height:360px;left:20%;bottom:-270px;background:radial-gradient(circle,#c58bb820,transparent 70%);animation:ambientDrift 16s ease-in-out infinite alternate-reverse}
.hero-copy{animation:heroCopyIn .9s cubic-bezier(.2,.7,.2,1) both}
.hero-art{animation:heroArtIn 1.15s .12s cubic-bezier(.2,.7,.2,1) both;box-shadow:0 25px 80px #d34d7530}
.sun{animation:sunBreath 7s ease-in-out infinite}
.art-glow{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff20 48%,transparent 70%);transform:translateX(-130%);animation:artSweep 9s 1.4s ease-in-out infinite;pointer-events:none}
.art-scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#ffffff08 6px);opacity:.3;pointer-events:none}
.art-word{animation:wordFloat 6s ease-in-out infinite}
.primary-button{transition:transform .25s,box-shadow .25s,filter .25s}
.primary-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #e85b9b45;filter:brightness(1.08)}
.filter{transition:transform .2s,background .2s,border-color .2s}
.filter:hover{transform:translateY(-2px)}
.section-heading,.filter-row,.briefing>div,.briefing>p,.about-section{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal-visible{opacity:1!important;transform:translateY(0)!important}
.story-card{opacity:0;transform:translateY(18px);animation:cardArrive .55s cubic-bezier(.2,.7,.2,1) forwards}
.story-card:nth-child(2){animation-delay:.07s}.story-card:nth-child(3){animation-delay:.14s}.story-card:nth-child(4){animation-delay:.21s}.story-card:nth-child(5){animation-delay:.28s}.story-card:nth-child(6){animation-delay:.35s}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroArtIn{from{opacity:0;transform:translateX(35px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes sunBreath{0%,100%{filter:brightness(1);box-shadow:0 0 70px #ffab8b55}50%{filter:brightness(1.12);box-shadow:0 0 105px #ffab8b88}}
@keyframes artSweep{0%,65%,100%{transform:translateX(-130%)}82%{transform:translateX(130%)}}
@keyframes wordFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ambientDrift{from{transform:translate3d(-15px,0,0) scale(.95)}to{transform:translate3d(20px,25px,0) scale(1.08)}}
@keyframes cardArrive{to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.section-heading,.filter-row,.briefing>div,.briefing>p,.about-section{opacity:1;transform:none}.story-card{opacity:1;transform:none}}


/* ZELQOVI — Leonida cinematic upgrade */
.hero-art{--parallax-x:0px;--parallax-y:0px}
.sun{left:calc(50% + var(--parallax-x));top:calc(37px + var(--parallax-y))}
.art-word{transform:translate(var(--parallax-x),var(--parallax-y))}
.palm{position:absolute;z-index:3;bottom:25px;width:125px;height:235px;opacity:.82;pointer-events:none;filter:drop-shadow(0 8px 10px #17102066)}
.palm:before{content:"";position:absolute;bottom:0;left:48%;width:9px;height:100%;background:linear-gradient(90deg,#171522,#332039);border-radius:100% 0 0 0;transform:rotate(8deg);transform-origin:bottom}
.palm:after{content:"";position:absolute;top:0;left:50%;width:120px;height:105px;background:radial-gradient(ellipse at 50% 100%,#171522 0 5%,transparent 6%),conic-gradient(from 250deg at 50% 100%,transparent 0 8deg,#171522 9deg 20deg,transparent 21deg 35deg,#171522 36deg 48deg,transparent 49deg 63deg,#171522 64deg 77deg,transparent 78deg 92deg,#171522 93deg 106deg,transparent 107deg 125deg,#171522 126deg 140deg,transparent 141deg 360deg);transform:translateX(-50%) rotate(-8deg);clip-path:polygon(50% 100%,0 0,28% 28%,42% 0,53% 34%,77% 0,68% 43%,100% 20%,75% 62%)}
.palm-left{left:2px;transform:scale(.78) rotate(-8deg);transform-origin:bottom left}
.palm-right{right:0;transform:scale(.95) scaleX(-1) rotate(-7deg);transform-origin:bottom right}
.countdown-section{position:relative;overflow:hidden;padding:48px 6.5%;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:30px;background:linear-gradient(110deg,#211923,#15171d 65%,#20202a);border-top:1px solid #3a2937;border-bottom:1px solid #352a37}
.countdown-section:after{content:"VI";position:absolute;right:5%;top:-65px;font:900 230px/.9 "Barlow Condensed";color:#f1dce906;pointer-events:none}
.countdown-intro,.countdown-clock,.countdown-foot{position:relative;z-index:1}
.countdown-intro h2{font:900 clamp(36px,5vw,58px)/.88 "Barlow Condensed";margin:12px 0}
.countdown-intro h2 em{color:var(--red);font-style:normal}
.countdown-intro>p:last-child{margin:12px 0 0;color:#b9a8ba;font-size:12px}
.countdown-clock{display:flex;align-items:center;justify-content:space-between;gap:10px}
.countdown-clock div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px}
.countdown-clock strong{font:900 clamp(34px,5vw,64px)/.9 "Barlow Condensed";font-variant-numeric:tabular-nums;color:var(--text);text-shadow:0 0 22px #e85b9b33}
.countdown-clock span{font-size:8px;letter-spacing:1.5px;color:#999ba4;font-weight:800}
.countdown-clock>i{font-style:normal;color:var(--red);font-weight:800;transform:translateY(-8px)}
.countdown-foot{grid-column:2;color:#927f95;font-size:8px;letter-spacing:1.5px;text-align:center;margin-top:-18px}
.story-card{transform-style:preserve-3d;will-change:transform}
.story-card h3,.story-card p,.story-card .story-tag{transform:translateZ(12px)}
@media(max-width:760px){.countdown-section{grid-template-columns:1fr;padding:42px 5%;gap:25px}.countdown-clock{gap:5px}.countdown-clock strong{font-size:clamp(30px,9vw,48px)}.countdown-clock span{font-size:7px;letter-spacing:1px}.countdown-foot{grid-column:1;margin:0}.palm{opacity:.58;transform:scale(.62)}.palm-right{transform:scale(.7) scaleX(-1)}}
@media(prefers-reduced-motion:reduce){.story-card{will-change:auto}}


/* Original ZELQOVI Leonida artwork — full image, no duplicate overlay */
.leonida-feature{position:relative;overflow:hidden;margin:0 auto 54px;width:min(90%,1280px);background:#17131d;border:1px solid #4b3446;line-height:0}
.leonida-feature>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
@media(max-width:600px){.leonida-feature{width:90%;margin-bottom:38px}.leonida-feature>img{width:100%;height:auto}}


/* Use the original Leonida artwork as the hero visual */
.hero>.leonida-feature{width:100%;margin:0;align-self:center;border:1px solid #4b3446;box-shadow:0 18px 55px #0005}
.hero>.leonida-feature>img{width:100%;height:auto;display:block;object-fit:cover}
@media(max-width:760px){.hero>.leonida-feature{width:100%;max-width:560px;margin:0 auto}.hero{gap:26px}}


/* ZELQOVI — palette inspired by the Leonida sunset artwork */
:root{
  --bg:#100d16;
  --panel:#191420;
  --panel2:#241a2a;
  --text:#f1dce9;
  --muted:#b49caf;
  --red:#e85b9b;
  --line:#3b2b40;
  --cyan:#c58bb8;
}
.topline{background:#0b0910;color:#9c849b}
.site-header{border-color:#3b2b40}
.brand span,.header-link span,.eyebrow,h1 em,h2 em,.section-heading h2 span,.countdown-clock>i{color:#e85b9b}
.brand i{color:#c58bb8}
nav a,.header-link{color:#c1aebe}
.header-link{border-color:#5b3b57}
.hero{background:radial-gradient(ellipse at 78% 42%,#49243f 0%,transparent 46%),linear-gradient(115deg,#100d16,#1c1421)}
.primary-button{background:linear-gradient(110deg,#e85b9b,#c45b9a);color:#251020}
.filter.active,.filter:hover{background:#d94f91;border-color:#d94f91;color:#241321}
.story-card:hover{border-color:#a34d83}
.briefing{background:linear-gradient(110deg,#241725,#191420)}
.countdown-section{background:linear-gradient(110deg,#2b1a2c,#17121e 65%,#241728);border-color:#55334d}
.countdown-clock strong{color:var(--text)}
.scroll-progress span{background:linear-gradient(90deg,#e85b9b,#c58bb8,#f09a9c);box-shadow:0 0 12px #e85b9b88}


/* Desktop countdown: balanced width and readable figures */
@media(min-width:761px){
  .countdown-section{grid-template-columns:minmax(300px,.85fr) minmax(600px,1.35fr);column-gap:clamp(36px,5vw,90px);padding-top:54px;padding-bottom:54px}
  .countdown-clock{width:100%;max-width:900px;margin-left:auto;justify-content:space-around;gap:clamp(14px,2vw,34px)}
  .countdown-clock strong{font-size:clamp(48px,4.2vw,72px);letter-spacing:1px}
  .countdown-clock span{font-size:9px}
  .countdown-foot{max-width:900px;margin:0 0 0 auto;grid-column:2}
}


/* Fixed Miami Art Deco background, darkened for comfortable reading */
html{background:#100d16}
body{
  background-color:#100d16;
  background-image:linear-gradient(180deg,rgba(12,9,19,.66),rgba(13,9,19,.82) 48%,rgba(12,9,18,.9)),url("assets/images/zelqovi-miami-sunset-hq.webp");
  background-position:center center;
  background-size:cover;
  background-attachment:fixed;
  background-repeat:no-repeat;
}


/* Compacter l'introduction et le compte à rebours */
.hero{min-height:0;padding:38px 6.5% 20px;gap:34px}
.hero-copy{padding-bottom:12px}
.hero h1{font-size:clamp(64px,7.2vw,104px);margin:18px 0}
.hero-description{max-width:390px;font-size:13px;line-height:1.65}
.hero .primary-button{margin-top:17px;padding:13px 17px}
.hero>.leonida-feature{max-width:100%;align-self:center}
.hero>.leonida-feature>img{max-height:330px;object-fit:cover}
.hero-bottom{grid-column:1/-1;margin-top:8px}
.countdown-section{padding:24px 6.5%;gap:22px}
.countdown-intro h2{font-size:clamp(30px,3.5vw,44px);margin:8px 0}
.countdown-intro>p:last-child{font-size:11px;margin-top:8px}
.countdown-clock strong{font-size:clamp(32px,3.4vw,48px)}
.countdown-clock span{font-size:7px;letter-spacing:1px}
.countdown-foot{font-size:7px;margin-top:-10px}
@media(max-width:760px){
  .hero{padding:28px 5% 18px;gap:18px}
  .hero h1{font-size:clamp(58px,15vw,84px);margin:14px 0}
  .hero-copy{padding-bottom:0}
  .hero>.leonida-feature>img{max-height:none}
  .hero-bottom{margin-top:2px}
  .countdown-section{padding:20px 5%;gap:16px}
  .countdown-intro h2{font-size:36px}
  .countdown-clock strong{font-size:clamp(29px,8vw,42px)}
}


/* ZELQOVI editorial news redesign — original CSS artwork, no third-party imagery */
.featured-story{margin:26px 0 22px}
.featured-story:empty{display:none}
.featured-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:340px;overflow:hidden;border:1px solid #67405f;background:linear-gradient(120deg,rgba(32,20,38,.97),rgba(20,16,28,.96));box-shadow:0 22px 60px #08050e66}
.story-art{position:relative;isolation:isolate;overflow:hidden;min-height:190px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 28%,#e77caa66,transparent 35%),linear-gradient(145deg,#6b315d 0%,#332344 48%,#111421 100%)}
.story-art:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(10,9,18,.78)),repeating-linear-gradient(110deg,transparent 0 48px,#ffffff09 49px 50px)}
.story-art:after{content:"";position:absolute;z-index:-1;width:48%;aspect-ratio:1;border-radius:50%;top:13%;right:12%;background:linear-gradient(145deg,#ffd0b2,#e46a9b 65%,#824c91);box-shadow:0 0 70px #ed76ad55;opacity:.78}
.story-art-motif{font:900 clamp(76px,12vw,150px)/.8 "Barlow Condensed",sans-serif;letter-spacing:-.06em;color:#fff1f6;text-shadow:0 12px 30px #09071199;transform:translateY(8px)}
.story-art-stamp,.story-art-caption{position:absolute;left:22px;font-size:8px;font-weight:800;letter-spacing:1.8px;color:#f5d8eb}
.story-art-stamp{top:20px}
.story-art-caption{bottom:18px;color:#d5b4d0}
.story-art-official{background:radial-gradient(ellipse at 25% 20%,#f09b9f88,transparent 35%),linear-gradient(145deg,#793b6a,#30213f 58%,#111421)}
.story-art-reports{background:radial-gradient(ellipse at 70% 25%,#e88bbf66,transparent 34%),linear-gradient(145deg,#4b3c68,#24223c 55%,#111421)}
.story-art-reports:after{background:linear-gradient(145deg,#f9d4bb,#ce78ad 55%,#7c5a9f)}
.story-art-rumors{background:radial-gradient(ellipse at 50% 25%,#a78bdd66,transparent 35%),linear-gradient(145deg,#40325f,#211c39 55%,#101321)}
.story-art-rumors:after{background:linear-gradient(145deg,#e8c9ff,#9e7fd1 65%,#5a4a87)}
.story-art-community{background:radial-gradient(ellipse at 25% 25%,#ed9d9c77,transparent 36%),linear-gradient(145deg,#73435d,#30213d 55%,#111421)}
.story-art-community:after{background:linear-gradient(145deg,#ffe0b9,#e68c9f 60%,#a35c91)}
.story-art-featured{min-height:340px}
.story-art-featured .story-art-motif{font-size:clamp(130px,20vw,250px)}
.featured-content{padding:clamp(24px,3vw,42px);display:flex;flex-direction:column;align-items:flex-start}
.featured-content h3{font:900 clamp(34px,4vw,54px)/.96 "Barlow Condensed",sans-serif;letter-spacing:-.6px;margin:18px 0 14px}
.featured-content>p{font-size:13px;line-height:1.8;color:#c7b4c7;margin:0 0 20px;max-width:620px}
.featured-content .story-meta{width:100%;gap:16px;flex-wrap:wrap;margin-top:auto;padding-top:10px}
.story-verification{margin:15px 0 0;padding:6px 9px;border:1px solid #62435d;color:#e4c5dc;background:#ffffff05;font-size:8px;letter-spacing:.7px}
.story-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#f2c4df;font-size:11px;font-weight:800;letter-spacing:.4px;transition:color .2s,transform .2s}
.story-link:hover{color:#fff;transform:translateX(3px)}
.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.story-card-editorial{padding:0;min-height:0;overflow:hidden;background:rgba(22,17,30,.96);border:1px solid #483348;display:flex;flex-direction:column;opacity:1;animation:none;transition:transform .25s,border-color .25s,box-shadow .25s}
.story-card-editorial:hover{transform:translateY(-5px);border-color:#a95791;box-shadow:0 18px 38px #08050e77}
.story-card-editorial .story-art{width:100%;height:180px;min-height:180px}
.story-card-editorial .story-art-motif{font-size:104px}
.story-card-body{padding:20px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.story-card-body h3{font:800 27px/1.04 "Barlow Condensed",sans-serif;margin:13px 0 10px;letter-spacing:-.2px}
.story-card-body>p{color:#c0afc2;font-size:11px;line-height:1.7;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.story-card-body .story-meta{width:100%;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:8px;font-size:8px}
.story-card-body .story-meta span:first-child{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story-card-body .story-verification{margin-top:12px}
.story-card-body .story-evidence,.featured-content .story-evidence{width:100%;margin:14px 0 0;padding:10px 0}
.story-evidence summary{font-size:9px}
.evidence-source-link{display:inline-block;margin:4px 0;color:#e7a9d0;font-size:10px}
.story-evidence li{border-left-color:#9a5487}
.prototype-note{margin-top:18px;color:#a78fa8;font-size:9px}
@media(max-width:1050px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card{grid-template-columns:1fr 1fr}.story-card-editorial .story-art{height:160px;min-height:160px}}
@media(max-width:700px){.featured-card{grid-template-columns:1fr}.story-art-featured{min-height:220px;height:220px}.story-art-featured .story-art-motif{font-size:150px}.featured-content{padding:23px}.featured-content h3{font-size:37px}.story-grid{grid-template-columns:1fr;gap:14px}.story-card-editorial .story-art{height:190px;min-height:190px}.story-card-body{padding:18px}.story-card-body h3{font-size:29px}}


/* ZELQOVI original long-form article page */
.article-page{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#342039 0,transparent 42%),#101114}
.article-main{width:min(900px,90%);margin:0 auto;padding:42px 0 90px}
.article-back{display:inline-block;color:#e8afd2;font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:34px}
.article-status{padding:28px;border:1px solid #55364f;background:#1a1520;color:#d9c6d8;line-height:1.7}
.article-content{max-width:780px;margin:0 auto}
.article-content>.eyebrow{color:#d88ab9}
.article-content h1{font:900 clamp(42px,7vw,76px)/.98 "Barlow Condensed",sans-serif;letter-spacing:-.7px;margin:18px 0 22px;color:#fff3fa}
.article-standfirst{font-size:clamp(16px,2.2vw,20px);line-height:1.65;color:#d9c4d8;margin:0 0 25px}
.article-byline{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #50394e;border-bottom:1px solid #50394e;padding:13px 0;margin-bottom:38px;color:#b89ab5;font-size:9px;font-weight:800;letter-spacing:1px}
.article-body{font-size:16px;line-height:1.9;color:#e0d5e1}
.article-body section{margin:0 0 34px}
.article-body h2{font:800 32px/1.05 "Barlow Condensed",sans-serif;color:#f4c5df;margin:0 0 15px}
.article-body p{margin:0 0 18px}
.article-conclusion{margin:44px 0;padding:25px 28px;border-left:3px solid #c56ca6;background:#211927}
.article-conclusion p{font-size:15px;line-height:1.8;color:#e6d5e4;margin:12px 0 0}
.article-sources{margin-top:42px;padding:22px;border:1px solid #50394e;background:#19151e;color:#bcaabe;font-size:12px;line-height:1.7}
.article-sources strong{display:block;color:#f0d5e8;font-size:13px}
.article-sources a{display:inline-block;color:#e7a9d0;font-weight:700;margin:5px 0 12px}
.article-sources p:last-child{font-size:10px;color:#98859a}
@media(max-width:700px){.article-main{padding:28px 0 60px}.article-content h1{font-size:48px}.article-body{font-size:15px}.article-body h2{font-size:28px}.article-conclusion,.article-sources{padding:18px}}


/* Article metadata: keep the byline and update date visually separated. */
.article-byline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 1rem;
}


/* Subject-specific original AI thumbnails */
.story-art-generated-image {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .55s ease, filter .35s ease;
}
.story-art.has-generated-image:before {
  z-index: 0;
  background: linear-gradient(180deg,rgba(12,8,18,.08) 25%,rgba(12,8,18,.72) 100%);
}
.story-art.has-generated-image:after {
  opacity: 0;
}
.story-card-editorial:hover .story-art-generated-image,
.featured-card:hover .story-art-generated-image {
  transform: scale(1.035);
}
.story-art.has-generated-image .story-art-motif {
  opacity: .16;
}
.story-art.has-generated-image .story-art-stamp,
.story-art.has-generated-image .story-art-caption {
  z-index: 1;
  text-shadow: 0 2px 10px #090711;
}
.article-hero-image {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  margin: 0 0 28px;
  border: 1px solid #67405f;
  background: #211927;
  box-shadow: 0 18px 48px #08050e66;
}


/* ZELQOVI — une à la une compacte avec lecture au choix */
.featured-card{min-height:0;align-items:stretch}
.story-art-featured{min-height:260px}
.featured-content{padding:clamp(20px,2.6vw,34px)}
.featured-content h3{font-size:clamp(30px,3.2vw,44px);margin:12px 0 10px}
.featured-content>p{font-size:12px;line-height:1.65;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.featured-content .story-meta{margin-top:8px}
.inline-article{width:100%;margin-top:16px;border-top:1px solid #493448;border-bottom:1px solid #493448}
.inline-article>summary{padding:13px 0;cursor:pointer;list-style:none;color:#f2c4df;font-size:11px;font-weight:800;letter-spacing:.5px}
.inline-article>summary::-webkit-details-marker{display:none}
.inline-article>summary:after{content:"＋";float:right;color:var(--red);font-size:16px}
.inline-article[open]>summary:after{content:"－"}
.inline-article-content{padding:4px 0 18px;color:#d6c4d5;font-size:12px;line-height:1.8}
.inline-article-content h4{margin:18px 0 7px;color:#f2c4df;font:800 23px/1.1 "Barlow Condensed",sans-serif}
.inline-article-content p{margin:0 0 12px}
.inline-article-content .inline-article-standfirst{color:#f1dce9;font-weight:600}
.inline-article-content .inline-article-conclusion{padding:13px 15px;border-left:2px solid var(--red);background:#ffffff08}
.featured-content>.story-link{margin-top:18px}
@media(max-width:760px){
  .featured-card{grid-template-columns:1fr}
  .story-art-featured{min-height:190px;height:190px}
  .featured-content{padding:21px}
  .featured-content h3{font-size:34px}
}

/* ZELQOVI: hero sans ancienne image de marque */
.hero{grid-template-columns:1fr}
.hero-copy{max-width:760px}


/* DJUK ACTU / ZELQOVI — palette Miami tropical (preview branch) */
:root{
  --bg:#11121a;
  --panel:#191c26;
  --panel2:#202633;
  --text:#f4f2eb;
  --muted:#aeb7c4;
  --red:#ff8a3d;       /* orange solaire */
  --line:#303b49;
  --cyan:#27b8c5;      /* bleu turquoise */
  --sun:#ffbf3f;       /* jaune soleil */
  --tropical:#39b982;  /* vert tropical */
}
html{background:#11121a}
body{
  background-color:var(--bg);
  background-image:linear-gradient(180deg,rgba(10,15,23,.72),rgba(10,15,23,.88) 48%,rgba(10,15,23,.94)),url("assets/images/zelqovi-miami-sunset-hq.webp");
}
.topline{background:#0b0e15;color:#9caaba}
.site-header{border-color:#303b49}
.brand span,.eyebrow,h1 em,h2 em,.section-heading h2 span{color:var(--sun)}
.brand i{color:var(--cyan)}
nav a,.header-link{color:#c4ced8}
.header-link{border-color:#3c7180}
.header-link span{color:var(--sun)}
.active{color:#fff}
.hero{
  background:
    radial-gradient(ellipse at 78% 42%,rgba(39,184,197,.20),transparent 46%),
    radial-gradient(ellipse at 14% 90%,rgba(57,185,130,.12),transparent 38%),
    linear-gradient(115deg,#11121a,#17202a);
}
.hero:before{background:radial-gradient(circle,rgba(255,138,61,.16),transparent 68%)}
.hero:after{background:radial-gradient(circle,rgba(39,184,197,.15),transparent 70%)}
.pulse{background:var(--tropical);box-shadow:0 0 12px rgba(57,185,130,.8)}
.primary-button{
  background:linear-gradient(110deg,var(--sun),var(--red));
  color:#211811;
  box-shadow:0 8px 24px rgba(255,138,61,.18);
}
.primary-button:hover{box-shadow:0 10px 30px rgba(255,138,61,.35)}
.scroll-progress span{background:linear-gradient(90deg,var(--sun),var(--red),var(--cyan),var(--tropical));box-shadow:0 0 12px rgba(39,184,197,.45)}
.filter{border-color:#394655;color:#bdc8d4}
.filter.active,.filter:hover{background:var(--sun);border-color:var(--sun);color:#1b1b1b}
.story-card,.story-card-editorial{background:rgba(23,29,40,.96);border-color:#344252}
.story-card:hover,.story-card-editorial:hover{border-color:var(--cyan);box-shadow:0 18px 38px rgba(0,0,0,.32)}
.story-tag{color:var(--sun)}
.story-card-editorial:nth-child(4n+1) .story-tag{color:var(--sun)}
.story-card-editorial:nth-child(4n+2) .story-tag{color:var(--cyan)}
.story-card-editorial:nth-child(4n+3) .story-tag{color:var(--red)}
.story-card-editorial:nth-child(4n) .story-tag{color:var(--tropical)}
.story-art{background:radial-gradient(ellipse at 70% 28%,rgba(255,191,63,.32),transparent 35%),linear-gradient(145deg,#17616b 0%,#253c50 48%,#111722 100%)}
.story-art:after{background:linear-gradient(145deg,#ffe29a,#ff9a52 65%,#27b8c5);box-shadow:0 0 70px rgba(255,138,61,.3)}
.story-art-official{background:radial-gradient(ellipse at 25% 20%,rgba(255,191,63,.38),transparent 35%),linear-gradient(145deg,#8a5b2c,#34414b 58%,#111722)}
.story-art-official:after{background:linear-gradient(145deg,#fff0ad,#ffad4d 65%,#d66d39)}
.story-art-reports{background:radial-gradient(ellipse at 70% 25%,rgba(39,184,197,.35),transparent 34%),linear-gradient(145deg,#236c79,#25384b 55%,#111722)}
.story-art-reports:after{background:linear-gradient(145deg,#b9f3ec,#4bc6d0 65%,#347b9b)}
.story-art-rumors{background:radial-gradient(ellipse at 50% 25%,rgba(255,138,61,.3),transparent 35%),linear-gradient(145deg,#79472f,#3b3440 55%,#111722)}
.story-art-rumors:after{background:linear-gradient(145deg,#ffd0a3,#ff8a3d 65%,#a95d48)}
.story-art-community{background:radial-gradient(ellipse at 25% 25%,rgba(57,185,130,.35),transparent 36%),linear-gradient(145deg,#28664f,#2b3f43 55%,#111722)}
.story-art-community:after{background:linear-gradient(145deg,#c8f3bd,#5bc98d 60%,#268b81)}
.featured-card{border-color:#3b6973;background:linear-gradient(120deg,rgba(25,38,47,.98),rgba(19,25,35,.97));box-shadow:0 22px 60px rgba(0,0,0,.35)}
.featured-content .story-tag{color:var(--sun)}
.story-verification{border-color:#3c7180;color:#c3e9e7;background:rgba(39,184,197,.06)}
.story-evidence{border-color:#344252}
.story-evidence summary{color:var(--cyan)}
.story-evidence li{border-left-color:var(--tropical)}
.evidence-status{color:var(--sun)}
.evidence-source-link,.story-link{color:#71d6d5}
.story-link:hover{color:#fff}
.briefing{background:linear-gradient(110deg,#1d2c32,#171c27);border-top:1px solid #304a52}
.briefing h2 em{color:var(--tropical)}
.about-section{border-color:#303b49}
.countdown-section{background:linear-gradient(110deg,#26343a,#171c27 65%,#202a31);border-color:#3a5960}
.countdown-section:after{color:rgba(39,184,197,.045)}
.countdown-intro h2 em{color:var(--sun)}
.countdown-clock strong{color:#fff3d7;text-shadow:0 0 22px rgba(255,191,63,.25)}
.countdown-clock>i{color:var(--red)}
.countdown-foot{color:#9fb5bd}
.article-page{background:radial-gradient(ellipse at 50% 0%,rgba(39,184,197,.14) 0,transparent 42%),#11121a}
.article-back,.article-content>.eyebrow{color:var(--cyan)}
.article-status,.article-sources{border-color:#344b55;background:#19232c;color:#c8d5dc}
.article-content h1{color:#fff7e8}
.article-standfirst{color:#d1dce0}
.article-byline{border-color:#344b55;color:#a9c4c8}
.article-body{color:#e0e6e5}
.article-body h2{color:var(--sun)}
.article-conclusion{border-left-color:var(--tropical);background:#1b2b2a}
.article-conclusion p{color:#e0ece5}
.article-sources strong{color:#fff0d4}
.article-sources a{color:var(--cyan)}
.inline-article{border-color:#344b55}
.inline-article>summary{color:#a6e5e1}
.inline-article>summary:after{color:var(--sun)}
.inline-article-content{color:#d2dddf}
.inline-article-content h4{color:var(--sun)}
.inline-article-content .inline-article-conclusion{border-left-color:var(--tropical);background:rgba(57,185,130,.08)}
footer{border-color:#303b49;color:#9caaba}
footer .brand span{color:var(--sun)}
footer .brand i{color:var(--cyan)}
@media(prefers-reduced-motion:reduce){
  .story-card,.story-card-editorial,.primary-button,.filter{transition:none}
}


/* DJUKACTU — confort de lecture des articles */
.article-page .article-main{width:min(860px,90%);padding-top:38px}
.article-content{max-width:740px}
.article-content h1{max-width:720px;line-height:1.02;letter-spacing:-.35px}
.article-standfirst{max-width:690px;font-size:clamp(18px,2.1vw,21px);line-height:1.72;margin-bottom:24px}
.article-byline{gap:9px 18px;font-size:10px;letter-spacing:.7px}
.article-reading-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-20px 0 28px;color:#9eabb8;font-size:9px;font-weight:800;letter-spacing:1.1px}
.article-reading-tools>div{display:flex;gap:7px}
.article-reading-tools button{min-width:38px;height:34px;border:1px solid #3c5260;border-radius:7px;background:#19232c;color:#f4f2eb;font:700 14px "DM Sans",sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.article-reading-tools button:hover{background:#263945;border-color:var(--cyan)}
.article-body{font-size:var(--article-font-size,18px);line-height:1.82;letter-spacing:.005em;color:#e6e9e8}
.article-body section{margin:0 0 42px}
.article-body h2{font-size:clamp(27px,4vw,34px);line-height:1.12;letter-spacing:-.2px;margin:0 0 17px;scroll-margin-top:24px}
.article-body p{margin:0 0 23px}
.article-body p:last-child{margin-bottom:0}
.article-takeaway{margin:30px 0 38px;padding:20px 23px;border:1px solid #3b5962;border-left:3px solid var(--sun);border-radius:0 10px 10px 0;background:linear-gradient(110deg,rgba(39,184,197,.09),rgba(255,191,63,.055));}
.article-takeaway .eyebrow{color:var(--sun);font-size:10px}
.article-takeaway p{margin:10px 0 0;color:#f1f0e9;font-size:15px;line-height:1.75}
.reading-progress{position:fixed;z-index:1100;top:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.06);pointer-events:none}
.reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--sun),var(--red),var(--cyan));box-shadow:0 0 12px rgba(39,184,197,.4);transition:width .08s linear}
.article-conclusion{margin:48px 0;padding:25px 28px;border-left:3px solid var(--tropical);border-radius:0 10px 10px 0;background:linear-gradient(110deg,rgba(57,185,130,.10),rgba(27,43,42,.75))}
.article-sources{border-radius:10px}
@media(max-width:700px){
  .article-page .article-main{width:90%;padding:25px 0 56px}
  .article-content h1{font-size:clamp(42px,11vw,52px);line-height:1.03;margin:15px 0 17px}
  .article-standfirst{font-size:18px;line-height:1.7;margin-bottom:20px}
  .article-byline{margin-bottom:30px;font-size:9px}
  .article-reading-tools{margin:-12px 0 25px}
  .article-body{font-size:var(--article-font-size,18px);line-height:1.82}
  .article-body section{margin-bottom:36px}
  .article-body h2{font-size:29px;line-height:1.12;margin-bottom:14px}
  .article-body p{margin-bottom:21px}
  .article-takeaway{margin:25px 0 32px;padding:17px 18px}
  .article-takeaway p{font-size:14px;line-height:1.75}
}


/* Écran d'attente DJUKACTU — version corrigée, compacte et responsive */
body.is-loading{overflow:hidden}
.loading-screen{position:fixed!important;inset:0!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:24px;background:#100b16!important;color:#f7edf4!important;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}
.loading-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.loading-screen__backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,9,18,.91),rgba(15,10,21,.66) 55%,rgba(14,9,20,.48)),linear-gradient(0deg,rgba(10,7,15,.7),transparent 70%),url("assets/images/vicewire-miami-sunset-hq.webp") center/cover no-repeat;transform:scale(1.02);animation:loading-drift 20s ease-in-out infinite alternate}
.loading-screen__content{position:relative;width:min(540px,100%);max-height:100%;overflow:auto;padding:clamp(12px,3vh,32px) 0;text-align:left}
.loading-brand{display:inline-block;font-family:"Barlow Condensed",sans-serif;font-size:clamp(38px,8vw,58px);font-weight:900;letter-spacing:-2px;line-height:1;text-shadow:0 4px 25px #0009}
.loading-brand span{color:#ed70ad}.loading-brand i{font-style:normal;color:#c58bb8}
.loading-kicker{margin:12px 0 0;color:#ed80b7;font-size:9px;font-weight:800;letter-spacing:2.5px}
.loading-screen h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(52px,10vw,88px);font-weight:900;line-height:.86;letter-spacing:-1px;margin:14px 0 22px;color:#fff;text-shadow:0 5px 28px #0009}
.loading-screen h1 em{color:#ed70ad;font-style:normal}
.loading-message{font-size:clamp(14px,2.5vw,18px);font-weight:700;margin:0 0 14px}
.loading-progress{height:7px;border:1px solid #a65c9877;border-radius:20px;background:#ffffff20;overflow:hidden}
.loading-progress span{display:block;width:12%;height:100%;border-radius:20px;background:linear-gradient(90deg,#e85b9b,#d98acb);box-shadow:0 0 18px #e85b9b99;transition:width .65s ease}
.loading-steps{display:grid;gap:12px;margin:20px 0}
.loading-steps p{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;margin:0;color:#e7dce8;font-size:12px}
.loading-step-icon{color:#ed80b7;font-family:"Barlow Condensed",sans-serif;font-size:15px;font-weight:800}
.loading-steps b{font-size:8px;letter-spacing:1px;color:#ad9ab0;font-weight:700}
.loading-steps .is-active{color:#fff}.loading-steps .is-active b{color:#ed80b7}
.loading-steps .is-done b{color:#8ed6b1}
.loading-tip{margin:18px 0 0;padding:12px 14px;border:1px solid #e85b9b88;border-radius:9px;background:#1c1024c9;color:#f1e6f0;font-size:11px;line-height:1.55}
.loading-version{display:block;margin-top:18px;color:#b6a5b9;font-size:8px;font-weight:700;letter-spacing:1.3px}
.loading-version i{color:#ed70ad;font-style:normal;margin:0 6px}
@keyframes loading-drift{from{transform:scale(1.02)}to{transform:scale(1.07) translateX(-.5%)}}
@media(max-width:600px){.loading-screen{padding:22px!important}.loading-screen__backdrop{background-position:58% center}.loading-screen__content{width:100%;padding:8px 0}.loading-screen h1{font-size:clamp(50px,13vw,72px);margin:12px 0 20px}.loading-steps{gap:13px;margin:18px 0}.loading-steps p{font-size:11px;grid-template-columns:25px minmax(0,1fr) auto;gap:8px}.loading-steps b{font-size:7px}.loading-tip{font-size:10px;margin-top:16px}.loading-version{font-size:7px}}
@media(prefers-reduced-motion:reduce){.loading-screen,.loading-progress span{transition:none}.loading-screen__backdrop{animation:none}}


/* Bouton de redirection vers le Newswire officiel lorsque Rockstar bloque l'extraction. */
.official-source-explanation{margin:12px 0 22px;color:#c6d5e2;font-size:15px;line-height:1.75}
.official-source-button{position:relative;display:flex;flex-direction:column;gap:9px;align-items:flex-start;width:100%;max-width:720px;margin:24px 0 4px;padding:25px 72px 25px 26px;border:1px solid #00c8e8;background:linear-gradient(110deg,#073344,#10232f 72%,#18202d);color:#f5fbff;box-shadow:0 12px 34px #00c8e822;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.official-source-button:hover{transform:translateY(-3px);background:linear-gradient(110deg,#08465a,#142c3b 72%,#202637);box-shadow:0 16px 38px #00c8e844}
.official-source-button__eyebrow{color:#55dff2;font-size:9px;font-weight:800;letter-spacing:1.8px}
.official-source-button strong{font:900 clamp(21px,3vw,29px)/1.1 "Barlow Condensed",sans-serif;letter-spacing:.3px}
.official-source-button__arrow{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:28px;color:#ffb12b}
@media(max-width:600px){.official-source-button{padding:21px 56px 21px 18px}.official-source-button__arrow{right:17px}}