@font-face{font-family:"Outfit";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/outfit-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Outfit";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/outfit-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--gold:#ff3d9a;--tea:#2dffb2;--vio:#7b4dff;--sun:#ffd23f;--r:22px;--serif:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--sans:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
[data-theme=dark]{--bg:#0b0a16;--bg2:#171430;--ink:#ffffff;--mute:#b9b4d6;--line:#2e2a5a}
[data-theme=light]{--bg:#fff8f1;--bg2:#ffffff;--ink:#16122e;--mute:#5b5578;--line:#eadff0;--gold:#e0007a;--tea:#00a574;--vio:#5b2fe0}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-weight:400;background:var(--bg);color:var(--ink);font:17px/1.65 var(--sans);-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:800;line-height:1.02;margin:0 0 .5em;letter-spacing:-.03em}
h1{font-size:clamp(2.4rem,8vw,4.6rem)}h2{font-size:clamp(1.6rem,4.5vw,2.4rem)}h3{font-size:1.45rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#000;padding:.6rem 1rem;z-index:99}.skip:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.muted{color:var(--mute)}.center{text-align:center}.sm{font-size:.9em}
.wrap{max-width:1160px;margin:0 auto;padding:clamp(2.2rem,6vw,4.5rem) 1.2rem}.narrow{max-width:720px}
.kicker{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:#0b0a16;background:var(--tea);padding:.35rem .8rem;border-radius:999px;margin:0 0 1.1rem;font-weight:700}
.lead{font-size:clamp(1.1rem,2.6vw,1.35rem);color:var(--mute);max-width:36em}
.sec{margin-bottom:.2em}

/* header */
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;margin-right:auto}
.mono{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--vio));font-weight:800;font-size:1.25rem;color:#fff}.mono.sm{width:28px;height:28px;font-size:1rem}
.brandname{font-family:var(--serif);font-size:1.5rem;font-weight:600}.brandname em{color:var(--gold);margin-left:.15em}
nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--line);padding:.5rem 1.2rem 1rem}
nav.open{display:flex}
nav a{text-decoration:none;padding:.85rem 0;min-height:48px;font-weight:500;border-bottom:1px solid var(--line)}
nav a[aria-current=page]{color:var(--gold)}nav a{font-weight:600}
.tools{display:flex;align-items:center;gap:.5rem}
select,.iconbtn{background:var(--bg2);color:var(--ink);border:1px solid var(--line);border-radius:999px;height:44px;padding:0 .8rem;font:inherit;font-size:.9rem}
.iconbtn{width:44px;padding:0;cursor:pointer;font-size:1.1rem}
.burger{width:44px;height:44px;border:1px solid var(--line);background:var(--bg2);border-radius:50%;display:grid;place-content:center;gap:6px;cursor:pointer;order:3}
.burger span{display:block;width:18px;height:2px;background:var(--ink)}
@media(min-width:900px){.burger{display:none}nav{display:flex;position:static;flex-direction:row;gap:1.4rem;border:0;padding:0;background:none}nav a{border:0;padding:.3rem 0;min-height:0;font-size:.95rem;position:relative}nav a:after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:var(--gold);transition:width .3s}nav a:hover:after,nav a[aria-current=page]:after{width:100%}.brand{margin-right:1rem}.top{padding:.8rem 2rem}.tools{margin-left:auto}}

/* hero */
.hero{display:grid;gap:2rem;max-width:1240px;margin:0 auto;padding:2.2rem 1.2rem 3rem;align-items:center;position:relative}
.hero:before{content:"";position:absolute;inset:-10% -20% auto auto;width:60vmax;height:60vmax;background:radial-gradient(closest-side,color-mix(in srgb,var(--vio) 45%,transparent),transparent),radial-gradient(closest-side at 80% 70%,color-mix(in srgb,var(--gold) 30%,transparent),transparent);z-index:-1;filter:blur(24px)}
.hero-photo{position:relative;justify-self:center;width:min(100%,520px)}
.hero-photo img{border-radius:40% 60% 55% 45% / 45% 40% 60% 55%;aspect-ratio:1/1.1;object-fit:cover;object-position:35% 20%;width:100%;box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.ring{position:absolute;inset:-12px;border:4px solid var(--tea);border-radius:40% 60% 55% 45% / 45% 40% 60% 55%;transform:rotate(-3deg);pointer-events:none}.hero-photo:after{content:"";position:absolute;width:70px;height:70px;right:-8px;bottom:12%;background:var(--sun);border-radius:50%;z-index:-1}
.hero h1 em{color:var(--gold)}
.cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.6rem;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--vio));color:#fff;font-weight:700;text-decoration:none;border:2px solid transparent;transition:transform .25s,background .25s;cursor:pointer;font:inherit;font-weight:700}
.btn:hover{transform:translateY(-2px)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--tea)}
@media(min-width:900px){.hero{grid-template-columns:1.1fr .9fr;padding:4rem 2rem 5rem;gap:4rem}}

.marquee{overflow:hidden;background:linear-gradient(90deg,var(--gold),var(--vio));padding:.8rem 0;transform:rotate(-1.2deg);margin:1rem -2%}
.marquee div{display:flex;gap:2.5rem;width:max-content;animation:mq 16s linear infinite;font-family:var(--serif);font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff}
.marquee span:after{content:"✦";margin-left:2.5rem;color:var(--sun);font-size:1.1rem}
@keyframes mq{to{transform:translateX(-50%)}}

/* pillars & cards */
.pillars{display:grid;gap:1rem}
.pillar{display:block;text-decoration:none;padding:1.8rem;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(135deg,hsl(var(--h) 95% 58%),hsl(calc(var(--h) + 45) 90% 46%));border:0;color:#fff;transition:transform .3s}
.pillar p{color:rgba(255,255,255,.9)!important}
.pillar:hover{transform:translateY(-6px) rotate(-1deg)}.pillar p{margin:0}.pillar h3{font-size:1.9rem}
@media(min-width:760px){.pillars{grid-template-columns:repeat(3,1fr)}}
.grid{display:grid;gap:1.4rem;margin-top:1.6rem}
@media(min-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg2);transition:transform .3s,border-color .3s}
.card:hover{transform:translateY(-6px);border-color:var(--tea)}
.card-img{aspect-ratio:16/9;display:flex;align-items:flex-end;padding:1rem;background:radial-gradient(circle at 85% 15%,hsl(calc(var(--h) + 60) 100% 70%),transparent 50%),linear-gradient(150deg,hsl(var(--h) 95% 55%),hsl(calc(var(--h) + 70) 90% 40%))}
.card-img span{font-family:var(--serif);font-size:1.5rem;color:#fff;opacity:.9}
.card-body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.card h3{font-size:1.3rem;margin:0;line-height:1.15}.card p{margin:0;color:var(--mute);font-size:.96rem}
.more{margin-top:auto;color:var(--tea);font-weight:700;font-size:.9rem}

/* video */
.player{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;margin:1.4rem 0 .8rem;background:radial-gradient(circle at 25% 30%,#ff3d9a,transparent 55%),linear-gradient(135deg,#5b2fe0,#1a1240);border:0}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.play{position:absolute;inset:0;width:100%;display:grid;place-content:center;justify-items:center;gap:1rem;background:none;border:0;color:#fff;cursor:pointer;padding:1rem;font:inherit}
.tri{width:84px;height:84px;border-radius:50%;background:var(--tea);position:relative;transition:transform .3s}.play:hover .tri{transform:scale(1.08)}
.tri:after{content:"";position:absolute;left:34px;top:25px;border-left:26px solid #0b0a16;border-top:17px solid transparent;border-bottom:17px solid transparent}
.pt{font-size:.9rem;opacity:.85;max-width:22em}

/* pages */
.pagehead{padding-bottom:1rem}
.about{display:grid;gap:2rem;align-items:start}.about-photo img{border-radius:40% 60% 55% 45% / 45% 40% 60% 55%;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:35% 20%}
.about h1{font-size:clamp(2rem,6vw,3.2rem)}.about h2{margin-top:1.6em;font-size:1.6rem;color:var(--gold)}
@media(min-width:900px){.about{grid-template-columns:.8fr 1.2fr;gap:4rem}.about-photo{position:sticky;top:110px}}
.about-band{text-align:center;display:flex;justify-content:center}.about-band>div{max-width:640px}
.srclist{list-style:none;margin:1rem 0 2.5rem;padding:0;display:grid;gap:.6rem}
.srclist li{padding:1rem 1.2rem;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}
.srclist a{text-decoration:none;color:var(--tea)}
.chip{display:inline-block;font-size:.72rem;padding:.1rem .6rem;border:1px solid var(--line);border-radius:999px;color:var(--mute);margin-left:.4rem}
@media(min-width:800px){.srclist{grid-template-columns:repeat(2,1fr)}}

/* article */
.art{max-width:760px}.art h1{font-size:clamp(2rem,6vw,3.4rem)}.art p{font-size:1.1rem}
.art-img{aspect-ratio:21/9;border-radius:var(--r);margin:1.6rem 0 2rem;background:radial-gradient(circle at 75% 30%,hsl(var(--h) 60% 55% / .6),transparent 55%),linear-gradient(160deg,hsl(var(--h) 45% 18%),hsl(calc(var(--h) + 40) 40% 10%))}
blockquote{margin:2.2rem 0;padding:.4rem 0 .4rem 1.4rem;border-left:6px solid var(--gold);font-weight:800;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.15;letter-spacing:-.02em}
.src{font-size:.88rem!important;border-top:1px solid var(--line);padding-top:1rem;margin-top:2rem}

/* form */
.form{display:grid;gap:.5rem}.form label{font-weight:600;margin-top:.7rem}
.form input,.form textarea{width:100%;background:var(--bg2);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;font:inherit;min-height:48px}
.hp{position:absolute!important;left:-9999px!important}.form .btn{margin-top:1rem;justify-self:start}
.flash{padding:1rem;border:1px solid var(--tea);border-radius:12px;background:color-mix(in srgb,var(--tea) 18%,transparent)}

.foot{border-top:1px solid var(--line);background:var(--bg2);margin-top:2rem}.foot-in{max-width:1160px;margin:0 auto;padding:2rem 1.2rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between}
.foot p{margin:.3rem 0 0;font-size:.9rem}.foot a{color:var(--gold)}

.rv{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}
[dir=rtl] .card-body,[dir=rtl] .about,[dir=rtl] blockquote{text-align:right}
[dir=rtl] blockquote{border-left:0;border-right:3px solid var(--gold);padding:.4rem 1.4rem .4rem 0}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
html,body{overflow-x:clip}
@media(max-width:480px){.top{gap:.5rem;padding:.6rem .8rem}.brandname{font-size:1.2rem}.mono{width:34px;height:34px}.tools{gap:.35rem}select{padding:0 .4rem;font-size:.85rem}.iconbtn,.burger{width:42px;height:42px}}

[data-theme=light] .kicker{color:#fff;background:var(--tea)}[data-theme=light] .card-img span{background:#16122e;color:#fff}

.ptitle{font-size:clamp(1.3rem,4vw,2rem);font-weight:800;max-width:18em;line-height:1.1}
.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.4rem 0 1rem}
.chip-f{min-height:44px;padding:0 1.1rem;border-radius:999px;border:2px solid var(--tea);background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.chip-f.on{background:var(--tea);color:#0b0a16}
.vrail{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.vrail{grid-template-columns:repeat(3,1fr)}}@media(min-width:1050px){.vrail{grid-template-columns:repeat(4,1fr)}}
.vcard{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:.6rem;border-radius:var(--r)}
.vcard[hidden]{display:none}
.vcard:focus-visible{outline:3px solid var(--tea);outline-offset:3px}
.vimg{position:relative;display:block;aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;background:radial-gradient(circle at 85% 15%,hsl(calc(var(--h) + 60) 100% 70%),transparent 50%),linear-gradient(150deg,hsl(var(--h) 95% 55%),hsl(calc(var(--h) + 70) 90% 40%));transition:transform .3s}
.vimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vcard:hover .vimg,.vcard.now .vimg{transform:translateY(-4px) rotate(-1deg)}
.vcard.now .vimg{box-shadow:0 0 0 3px var(--tea)}
.vplay{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fff}
.vplay:after{content:"";position:absolute;left:21px;top:15px;border-left:17px solid #0b0a16;border-top:11px solid transparent;border-bottom:11px solid transparent}
.vtag{position:absolute;left:.7rem;bottom:.7rem;font-size:.72rem;font-weight:800;background:#fff;color:#0b0a16;padding:.2rem .7rem;border-radius:999px}
.vt{font-weight:700;line-height:1.2;color:var(--ink)}

/* Actualités */
.news{display:grid;gap:1.1rem;margin-top:1.2rem}
@media(min-width:700px){.news{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.news{grid-template-columns:repeat(3,1fr)}}
.ncard{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem 1.3rem;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);text-decoration:none;border-top:6px solid hsl(var(--h) 95% 58%);transition:transform .3s,border-color .3s}
.ncard:hover{transform:translateY(-5px);border-color:var(--tea)}
.ncard .meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.82rem;color:var(--mute)}
.ncard .meta strong{color:var(--tea)}
.ncard h3{margin:0;font-size:1.2rem;line-height:1.2}
.ncard p{margin:0;color:var(--mute);font-size:.94rem}
.ncard .more{margin-top:auto;font-weight:700;color:var(--tea);font-size:.92rem}
.legal h2{font-size:1.3rem;margin-top:1.8rem}
.src ul{margin:.5rem 0 0;padding-left:1.2rem;display:grid;gap:.3rem}
.src a{color:var(--tea)}
.news>*{min-width:0}.ncard{overflow-wrap:anywhere}

/* ===== v9 : flacons en filigrane ===== */
.top,main,.foot{position:relative;z-index:1}.top{z-index:50}

/* ===== v9 : frise animée ===== */
.wide{max-width:1400px}
.tl{margin-top:.6rem}
.tl-stage{position:relative}
.tl-pane[hidden]{display:none}
.tl-track{list-style:none;margin:0;padding:3.2rem 1.2rem 1.6rem;display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;position:relative;-webkit-overflow-scrolling:touch;cursor:grab}
.tl-track::-webkit-scrollbar{display:none}
.tl-track.drag{cursor:grabbing;scroll-snap-type:none}
.tl-track:before{content:"";position:absolute;left:0;right:0;top:1.35rem;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--vio),var(--tea),var(--sun),var(--gold));background-size:300% 100%;animation:tlflow 14s linear infinite;min-width:max-content;width:100%}
@keyframes tlflow{to{background-position:300% 0}}
.tl-item{flex:0 0 min(78vw,320px);scroll-snap-align:center;position:relative;transition:transform .5s,opacity .5s;opacity:.55;transform:scale(.95)}
.tl-item.act{opacity:1;transform:scale(1)}
.tl-dot{position:absolute;top:-2.35rem;left:1.4rem;width:20px;height:20px;border-radius:50%;background:hsl(var(--h) 95% 60%);border:4px solid var(--bg);box-shadow:0 0 0 3px hsl(var(--h) 95% 60% / .35);transition:transform .4s}
.tl-item.act .tl-dot{transform:scale(1.35);animation:tlpulse 2s ease-out infinite}
@keyframes tlpulse{0%{box-shadow:0 0 0 0 hsl(var(--h) 95% 60% / .6)}100%{box-shadow:0 0 0 16px hsl(var(--h) 95% 60% / 0)}}
.tl-card{height:100%;display:flex;flex-direction:column;gap:.45rem;padding:1.3rem 1.3rem 1.4rem;border-radius:var(--r);background:linear-gradient(160deg,hsl(var(--h) 90% 55% / .22),var(--bg2) 55%);border:1px solid hsl(var(--h) 80% 60% / .45);box-shadow:0 18px 40px -26px hsl(var(--h) 90% 40%)}
.tl-year{font-weight:800;font-size:clamp(2.4rem,9vw,3.2rem);line-height:1;letter-spacing:-.02em;color:hsl(var(--h) 95% 66%)}
[data-theme=light] .tl-year{color:hsl(var(--h) 80% 38%)}
.tl-year small{font-size:.9rem;font-weight:700;margin-left:.4rem;color:var(--mute);letter-spacing:0}
.tl-label{margin:0;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
.tl-card h3{margin:.1rem 0 0;font-size:1.25rem;line-height:1.2}
.tl-card p:not(.tl-label){margin:0;font-size:.97rem;color:var(--mute)}
.tl-more{margin-top:auto;padding-top:.6rem;font-weight:700;color:var(--tea);text-decoration:none}
.tl-nav{position:absolute;top:50%;z-index:3;width:48px;height:48px;border-radius:50%;border:0;background:var(--tea);color:#0b0a16;display:none;place-items:center;cursor:pointer;box-shadow:0 8px 24px -8px rgba(0,0,0,.5);transform:translateY(-40%)}
.tl-nav.prev{left:-6px}.tl-nav.next{right:-6px}
@media(min-width:700px){.tl-nav{display:grid}.tl-item{flex-basis:340px}}
.tl-bar{height:6px;border-radius:6px;background:var(--line);overflow:hidden;margin:.4rem 1.2rem 0}
.tl-prog{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--vio),var(--tea));border-radius:6px;transition:width .2s}
.tl-track:focus-visible{outline:3px solid var(--sun);outline-offset:4px}

/* ===== v9 : à propos ===== */
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1.4rem 0}
.stats div{padding:1rem 1.1rem;border-radius:18px;background:var(--bg2);border:1px solid var(--line)}
.stats strong{display:block;font-size:2.2rem;line-height:1;font-weight:800;color:var(--gold)}
.stats span{font-size:.9rem;color:var(--mute)}
@media(min-width:700px){.stats{grid-template-columns:repeat(4,1fr)}}
.about-cols{display:grid;gap:1.1rem;padding-top:0}
@media(min-width:850px){.about-cols{grid-template-columns:repeat(3,1fr)}}
.acard{padding:1.6rem;border-radius:var(--r);background:linear-gradient(160deg,hsl(var(--h) 90% 55% / .25),var(--bg2) 60%);border:1px solid hsl(var(--h) 80% 60% / .4);display:flex;flex-direction:column;gap:.6rem}
.acard h2{margin:0;font-size:1.6rem}.acard p{margin:0;color:var(--mute)}.acard .more{margin-top:auto;font-weight:700;color:var(--tea);text-decoration:none}
.about-end{text-align:center}

/* ===== v9 : vidéo, repli YouTube ===== */
.ytfb{display:flex;gap:.8rem;align-items:center;justify-content:center;flex-wrap:wrap;margin:.2rem 0 1rem}
.ytmsg{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:1rem;padding:1.2rem;text-align:center;background:rgba(11,10,22,.88);color:#fff}
/* ===== v9 : actus façon MarketNews ===== */
.news .ncard:first-child{grid-column:1/-1;padding:1.6rem}
.news .ncard:first-child h3{font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.15}
.ncard{transition:transform .25s,box-shadow .25s}.ncard:hover{transform:translateY(-4px)}
.tl-track.auto{scroll-snap-type:none}

/* ---- v10 : preuves chiffrées, articles liés, appel à l'action ---- */
.proof{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:1.6rem 0 0;padding:0}
.proof li{font-size:.95rem;color:var(--mute)}
.proof strong{font-size:1.5rem;font-weight:800;color:var(--gold);margin-right:.2rem}
.related{padding-top:0}
.cta-art{margin-top:2rem;padding:1.6rem;border-radius:22px;background:var(--bg2);border:1px solid var(--line);text-align:center}
.cta-art p{margin:0 0 1rem;font-size:1.1rem}


/* ===== v11 : décor en traits (plus de flacons qui flottent) ===== */
.hero{overflow-x:clip}
.hero-photo>img{position:relative;z-index:1}.hero-photo .ring{z-index:2}
.deco{position:absolute;pointer-events:none;z-index:0}
.deco svg{display:block;width:100%;height:auto;overflow:visible}
.dsh{fill:var(--vio);fill-opacity:.08;stroke:none}
.dln{fill:none;stroke:url(#gB);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.d-tea .dln,.d-tea .steam path{stroke:url(#gT)}
.dln.soft{stroke-opacity:.5;stroke-dasharray:3 6}
.d-a{left:-17%;bottom:-6%;width:34%;transform:rotate(-11deg)}
.d-b{right:-12%;top:-9%;width:31%;transform:rotate(13deg)}
.d-c{left:-3%;top:2%;width:17%;transform:rotate(-17deg);opacity:.75}
.pagehead{position:relative}
.d-page{display:none}
@media(min-width:900px){.d-page{display:flex;gap:1rem;align-items:flex-end;right:2.5rem;top:-1rem;width:230px}.d-page svg{width:50%}.d-tea svg{width:100%}}
.steam path{fill:none;stroke-width:2.4;stroke-linecap:round;opacity:.7}
@media(prefers-reduced-motion:no-preference){
 .dln[pathLength]{stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:butt;animation:ddraw 2.4s cubic-bezier(.6,.1,.2,1) forwards;animation-delay:calc(var(--i,0)*.16s + .25s)}
 .dsvg{animation:dglow 7s ease-in-out 3s infinite}
 .steam path{opacity:0;animation:steam 3.8s ease-in-out infinite;animation-delay:calc(var(--i)*1s + 1.5s)}
}
@keyframes ddraw{to{stroke-dashoffset:0}}
@keyframes dglow{0%,100%{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--vio) 75%,transparent))}}
@keyframes steam{0%{opacity:0;transform:translateY(10px)}35%{opacity:.8}100%{opacity:0;transform:translateY(-16px)}}

/* ===== v11 : frise en perspective ===== */
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.tl-track{perspective:1100px;padding:3.6rem calc(50% - min(80vw,330px)/2) 2.2rem;gap:1.4rem;scroll-snap-type:x proximity}
.tl-track:before{display:none}
.tl-item,.tl-item.act{flex:0 0 min(80vw,330px);transition:none;opacity:calc(1 - var(--ad,0)*.34);transform:rotateY(calc(var(--d,0)*-11deg)) scale(calc(1 - var(--ad,0)*.08));transform-style:preserve-3d;will-change:transform}
.tl-item:before{content:"";position:absolute;left:-.7rem;right:-.7rem;top:calc(-1.725rem - 2px);height:4px;border-radius:4px;background:linear-gradient(90deg,hsl(var(--h) 90% 60%),hsl(var(--h) 90% 60% / .35))}
.tl-item.act:before{height:6px;top:calc(-1.725rem - 3px);box-shadow:0 0 18px hsl(var(--h) 95% 60% / .7)}
.tl-dot{top:-2.35rem;left:50%;margin-left:-10px;z-index:2}
.tl-dot:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:1.1rem;transform:translateX(-50%);background:linear-gradient(hsl(var(--h) 95% 60%),transparent)}
.tl-card{position:relative;overflow:hidden;min-height:350px;padding:1.5rem 1.4rem;border-radius:26px;border:2px solid transparent;box-shadow:none;
 background:linear-gradient(160deg,hsl(var(--h) 90% 55% / .24),transparent 62%) padding-box,linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(160deg,hsl(var(--h) 85% 62% / .6),hsl(var(--h) 60% 40% / .1)) border-box}
.tl-card:before{content:attr(data-y);position:absolute;right:-.5rem;bottom:-1.8rem;font-weight:800;font-size:8.5rem;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px hsl(var(--h) 90% 62% / .22);pointer-events:none;white-space:nowrap}
.tl-card>*{position:relative;z-index:1}
.tl-idx{margin:0;display:flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:800;letter-spacing:.14em;color:hsl(var(--h) 95% 70%)}
.tl-idx:after{content:"";width:36px;height:2px;border-radius:2px;background:currentColor;opacity:.6}
[data-theme=light] .tl-idx{color:hsl(var(--h) 75% 38%)}
.tl-item.act .tl-card{background:linear-gradient(160deg,hsl(var(--h) 90% 55% / .26),transparent 62%) padding-box,linear-gradient(var(--bg2),var(--bg2)) padding-box,conic-gradient(from var(--ang),hsl(var(--h) 95% 62%),var(--vio),var(--tea),var(--sun),hsl(var(--h) 95% 62%)) border-box;animation:tlspin 5s linear infinite;box-shadow:0 26px 60px -30px hsl(var(--h) 95% 55%)}
@keyframes tlspin{to{--ang:360deg}}
.tl-card h3{font-size:1.35rem}
.tl-card p:not(.tl-label):not(.tl-idx){font-size:1rem}
@media(prefers-reduced-motion:no-preference){
 .tl.in .tl-card{animation:tlup .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*60ms)}
 .tl.in .tl-item.act .tl-card{animation:tlup .9s cubic-bezier(.2,.8,.2,1) both,tlspin 5s linear infinite}
 .tl.pre:not(.in) .tl-card{opacity:0}
}
@keyframes tlup{from{opacity:0;translate:0 34px}to{opacity:1;translate:0 0}}
.frise-sec .tl-track{padding-top:3.6rem}

/* ===== v11b : réglages ===== */
.tl-item,.tl-item.act{transform:none;opacity:1;will-change:auto;transform-style:flat;transition:opacity .9s}
.tl.pre:not(.in) .tl-item{opacity:0}
.tl-card{transform:perspective(900px) rotateY(calc(var(--d,0)*-12deg)) scale(calc(1 - var(--ad,0)*.08));opacity:calc(1 - var(--ad,0)*.36);will-change:transform}
@media(prefers-reduced-motion:no-preference){
 .tl.in .tl-card,.tl.in .tl-item.act .tl-card{animation-name:tlup}
 .tl.in .tl-item.act .tl-card{animation:tlup .9s cubic-bezier(.2,.8,.2,1) both,tlspin 5s linear infinite}
 .tl.pre:not(.in) .tl-card{opacity:calc(1 - var(--ad,0)*.36)}
}
@keyframes tlup{from{translate:0 34px}to{translate:0 0}}
.tl-card:before{-webkit-text-stroke:2px hsl(var(--h) 90% 62% / .13);bottom:-2.3rem}
@media(min-width:900px){.pagehead:has(.d-page) h1{max-width:calc(100% - 270px)}}
.d-a{left:-14%;width:30%}

/* ===== v11c : vignettes façon YouTube ===== */
.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.play:has(.poster):before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,10,22,.05) 35%,rgba(11,10,22,.78))}
.play:has(.poster)>:not(.poster){position:relative;z-index:2}
.play:has(.poster){place-content:end start;justify-items:start;text-align:left;padding:1.4rem}
.play:has(.poster) .tri{position:absolute;left:50%;top:50%;margin:-42px 0 0 -42px}
.play:has(.poster) .ptitle{font-size:clamp(1.1rem,3.2vw,1.7rem);text-shadow:0 2px 14px rgba(0,0,0,.6)}
.vimg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45));pointer-events:none}
.vtag{z-index:2}.vplay{z-index:2;box-shadow:0 6px 20px rgba(0,0,0,.35)}

/* ===== v12b : titre sur la jaquette ===== */
.vimg:after{background:linear-gradient(180deg,transparent 40%,rgba(8,6,20,.82))}
.vtt{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.8rem .95rem .85rem;font-weight:800;font-size:1.08rem;line-height:1.15;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.vplay{top:42%}
.vtag{top:.65rem;bottom:auto;left:.65rem;right:auto}
.vplay{top:50%}
@media(max-width:700px){.vplay{top:36%;transform:scale(.68)}.vtt{font-size:.95rem;padding:1.4rem .75rem .7rem}}
@media(max-width:700px){.vplay{top:.55rem;left:auto;right:.55rem;margin:0;transform:scale(.62);transform-origin:top right}}

/* v15 : recherche, mots clés */
.hsearch{display:flex;align-items:center;gap:.2rem}
.hsearch input{width:11rem;min-height:40px;padding:0 .9rem;border-radius:999px;border:2px solid var(--tea);background:transparent;color:var(--ink);font:inherit;font-size:.92rem}
.hsearch input:focus{outline:3px solid var(--gold);outline-offset:2px}
.bigsearch{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem}
.bigsearch input{flex:1 1 16rem;min-height:52px;padding:0 1.2rem;border-radius:999px;border:2px solid var(--tea);background:transparent;color:var(--ink);font:inherit;font-size:1.05rem}
.bigsearch input:focus{outline:3px solid var(--gold);outline-offset:2px}
.cloud{display:flex;flex-wrap:wrap;gap:.55rem .7rem;align-items:center;margin:1rem 0 1.6rem;line-height:1.2}
.tg{display:inline-block;padding:.35rem .8rem;border-radius:999px;border:1.5px solid var(--tea);color:var(--ink);text-decoration:none;font-weight:600;min-height:36px;transition:background .2s,color .2s,transform .2s}
.tg:hover,.tg:focus-visible{background:var(--tea);color:#0b0a16;transform:translateY(-2px)}
.tg.w1{font-size:.86rem}.tg.w2{font-size:.98rem}.tg.w3{font-size:1.12rem}.tg.w4{font-size:1.28rem}.tg.w5{font-size:1.45rem;border-color:var(--gold)}
.tgh{font-size:1.15rem;margin:2rem 0 .2rem}
.tagsec{margin:2.4rem 0 1rem;padding-top:1rem;border-top:1px solid var(--tea)}
.sres{display:grid;gap:.9rem;margin:0 0 2rem}
.sres a{display:block;padding:1rem 1.2rem;border-radius:16px;border:1.5px solid var(--tea);color:var(--ink);text-decoration:none}
.sres a:hover{border-color:var(--gold)}
.sres small{opacity:.75;display:block;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.sres p{margin:.3rem 0 0;opacity:.85}
.dl{list-style:none;padding:0;display:grid;gap:.6rem}.dl a{color:var(--ink)}
.vrail.static{display:flex;gap:1rem;flex-wrap:wrap}.vrail.static .vcard{display:block;width:240px;text-decoration:none}
.frise-home{padding-top:1rem}
@media (max-width:900px){.hsearch input{display:none}.hsearch.open input{display:block;position:absolute;left:1rem;right:1rem;top:100%;width:auto;background:var(--bg,#0b0a16);z-index:30}}

.art-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}

/* v18 : flacon, fil info, frise sur vidéo */
.flacon{position:absolute;z-index:0;width:84%;left:8%;top:-8%;opacity:.45;transform:rotate(-6deg);pointer-events:none}
.fil{display:flex;align-items:center;gap:.8rem;background:#14101f;color:#fff;border-block:2px solid var(--gold);position:relative;z-index:3}
.fil-tag{flex:0 0 auto;background:var(--gold);color:#14101f;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.7rem 1rem;font-size:.9rem}
.fil-track{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.fil-run{display:flex;gap:2.4rem;width:max-content;animation:filmv 90s linear infinite;padding:.7rem 0}
.fil:hover .fil-run,.fil.paused .fil-run,.fil-run:focus-within{animation-play-state:paused}
.fil-run a{color:#fff;text-decoration:none;white-space:nowrap;font-weight:600}.fil-run a:hover{text-decoration:underline}
.fil-run a:before{content:"●";color:var(--gold);margin-right:.7rem;font-size:.7rem}
.fil-pause{flex:0 0 auto;min-width:44px;min-height:44px;background:none;border:0;color:#fff;font-weight:800;cursor:pointer}
@keyframes filmv{to{transform:translateX(-50%)}}
.frise-band{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:2.2rem 0 1.4rem}
.fb-video,.fb-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.fb-video{object-fit:cover}
.fb-shade{z-index:-1;background:linear-gradient(180deg,rgba(15,10,28,.82),rgba(15,10,28,.72))}
.frise-band .sec,.frise-band .muted,.frise-band .center{color:#fff}
@media(prefers-reduced-motion:reduce){.fil-run{animation:none;overflow-x:auto}.fb-video{display:none}.frise-band{background:#14101f url(/assets/hero-poster.jpg) center/cover}}

.nimg{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-bottom:.6rem;display:block}
.chip-l{min-height:44px;padding:.4rem 1rem;border-radius:999px;border:2px solid var(--line,#3a3350);background:none;color:inherit;font:inherit;cursor:pointer}.chip-l.on{background:var(--gold);color:#14101f;border-color:var(--gold)}
#newslangs{margin-top:.6rem}

/* jaquette de secours des vidéos */
.cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.cover svg{height:78%;width:auto;opacity:.9;animation:none}
.cover svg *{stroke:rgba(255,255,255,.85)!important;animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important;stroke-width:2.6}
.cover .dsh{fill:rgba(255,255,255,.14)!important;stroke:none!important}
.cover b{position:absolute;left:.8rem;bottom:.6rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8);font-weight:800}
.play .cover{background:linear-gradient(150deg,hsl(335 95% 50%),hsl(265 80% 35%))}
.play .cover svg{height:70%}
.play .cover{position:absolute!important;z-index:0}
/* Actus lisibles : photo en haut, texte complet */
.ncard{padding:0;overflow:hidden;background:var(--bg2)}
.ncard>*:not(.nimg){margin-left:1.2rem;margin-right:1.2rem}
.ncard>.meta{margin-top:1rem}
.ncard>.more{margin-bottom:1.2rem}
.ncard .nimg{width:100%;aspect-ratio:16/10;border-radius:0;margin:0;object-fit:cover}
.ncard h3{font-size:1.25rem;line-height:1.25;color:var(--fg,inherit)}
.ncard p{color:var(--fg,inherit);opacity:.88;font-size:1.02rem;line-height:1.6;display:block;-webkit-line-clamp:unset;max-height:none;overflow:visible}
.news .ncard:first-child{padding:0}
@media(min-width:900px){.news .ncard:first-child:has(.nimg){display:grid;grid-template-columns:1.1fr 1fr;column-gap:0;align-items:start}
.news .ncard:first-child:has(.nimg) .nimg{grid-row:1/6;height:100%;aspect-ratio:auto;min-height:340px}
.news .ncard:first-child:has(.nimg)>*:not(.nimg){grid-column:2}
.news .ncard:first-child p{font-size:1.1rem}}
.nimg-ph{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/10;padding:1rem;text-align:center;font-weight:800;font-size:1.3rem;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 85% 45%),hsl(calc(var(--h) + 60) 80% 35%))}
@media(min-width:900px){.news .ncard:first-child:has(.nimg-ph){display:grid;grid-template-columns:1.1fr 1fr;align-items:start}.news .ncard:first-child:has(.nimg-ph) .nimg-ph{grid-row:1/6;height:100%;aspect-ratio:auto;min-height:340px}.news .ncard:first-child:has(.nimg-ph)>*:not(.nimg-ph){grid-column:2}}
.share{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin:.8rem 0}
.ncard .share{margin:.2rem 1.2rem 1.2rem}
.sh-l{font-weight:700;font-size:.85rem;color:var(--mute);margin-right:.2rem}
.sh-b{cursor:pointer;display:inline-flex;align-items:center;min-height:36px;padding:.3rem .8rem;border-radius:999px;font-size:.85rem;font-weight:700;color:#fff;background:#3b3b5c;transition:transform .2s,filter .2s}
.sh-b:hover,.sh-b:focus-visible{transform:translateY(-2px);filter:brightness(1.2);outline:2px solid #fff;outline-offset:2px}
.sh-facebook{background:#1877f2}.sh-whatsapp{background:#128c7e}.sh-telegram{background:#229ed9}.sh-x{background:#111;border:1px solid #555}.sh-instagram{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}.sh-tiktok{background:#0b0b0b;border:1px solid #25f4ee;box-shadow:2px 2px 0 #fe2c55}
.sh-msg{flex-basis:100%;font-size:.85rem;color:var(--tea)}
.modal{position:fixed;inset:0;z-index:300;background:rgba(5,5,15,.82);display:flex;align-items:flex-end;justify-content:center;overflow-y:auto;padding:0}
@media(min-width:700px){.modal{align-items:center;padding:2rem}}
.mbox{position:relative;width:100%;max-width:760px;max-height:100vh;overflow-y:auto;background:var(--bg2);border-top:6px solid hsl(var(--h) 95% 58%);border-radius:20px 20px 0 0;animation:mup .25s ease-out}
@media(min-width:700px){.mbox{border-radius:20px;max-height:92vh}}
@keyframes mup{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.mbox{animation:none}}
.mimg{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.mbody{padding:1.2rem 1.4rem 1.6rem}
.mbody h2{margin:.4rem 0 .8rem;font-size:clamp(1.4rem,4vw,1.9rem);line-height:1.2}
.mbody p{font-size:1.08rem;line-height:1.65;margin:0 0 1rem}
.mclose{position:absolute;top:.6rem;right:.6rem;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}
.mgo{display:inline-flex;margin-top:.6rem}
.mbody .meta{gap:.8rem}
.foot .follow{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-bottom:.8rem}
.embeds{display:grid;gap:1.2rem;margin-top:1rem}@media(min-width:900px){.embeds{grid-template-columns:repeat(2,1fr)}}
.emb{min-height:60px}.emb iframe{border-radius:14px}
.sh-youtube{background:#e11d1d}
/* ===== Magazine premium : articles ===== */
@font-face{font-family:"Playfair";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/playfair-display-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Playfair";font-style:italic;font-weight:400 900;font-display:swap;src:url(fonts/playfair-display-latin-wght-italic.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/newsreader-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:200 800;font-display:swap;src:url(fonts/newsreader-latin-wght-italic.woff2) format("woff2")}
.rbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:250;background:transparent}.rbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--vio))}
.mag-hero{position:relative;min-height:clamp(440px,78vh,760px);display:flex;align-items:flex-end;overflow:hidden;background:#0b0a16;color:#fff;margin-top:-1px}
.mag-hero .art-img{position:absolute;inset:0;margin:0;border-radius:0;aspect-ratio:auto;height:100%}
.mag-hero .art-img img{width:100%;height:100%;object-fit:cover;animation:kb 24s ease-out both}
@keyframes kb{from{transform:scale(1.08)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.mag-hero .art-img img{animation:none}}
.mag-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,20,.15) 0%,rgba(8,6,20,.35) 40%,rgba(8,6,20,.92) 100%)}
.mag-hero-in{position:relative;z-index:2;width:100%;max-width:1100px;margin:0 auto;padding:6rem 1.3rem 3rem}
.mag-kick{margin:0 0 1.1rem;font-family:var(--sans);font-size:.8rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#fff}
.mag-kick::before{content:"";display:inline-block;width:2.2rem;height:2px;background:var(--gold);vertical-align:middle;margin-right:.8rem}
.mag-kick span{opacity:.75;letter-spacing:.14em;font-weight:500}
.mag-hero h1{font-family:"Playfair","Didot","Bodoni 72",Georgia,serif;font-weight:700;font-size:clamp(2.3rem,7.2vw,5.4rem);line-height:1.02;letter-spacing:-.015em;margin:0 0 1.4rem;max-width:16em;text-wrap:balance}
.mag-chapo{font-family:"Newsreader",Georgia,serif;font-style:italic;font-size:clamp(1.2rem,2.6vw,1.7rem);line-height:1.4;max-width:34em;margin:0;opacity:.92}
.art.mag{max-width:720px;padding-top:2.2rem}
.art.mag .share{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.9rem 0;margin:0 0 2.4rem}
.art.mag p{font-family:"Newsreader",Georgia,"Times New Roman",serif;font-size:clamp(1.15rem,2.2vw,1.32rem);line-height:1.78;margin:0 0 1.4rem;color:var(--ink)}
.art.mag p.dc::first-letter{float:left;font-family:"Playfair",Georgia,serif;font-weight:700;font-size:4.6em;line-height:.82;padding:.08em .12em 0 0;color:hsl(var(--h) 90% 60%)}
.art.mag h2{font-family:var(--sans);font-size:.82rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;margin:3rem 0 1.1rem;padding-top:1.1rem;border-top:1px solid var(--line);color:hsl(var(--h) 60% 72%)}
.art.mag blockquote{font-family:"Playfair",Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(1.5rem,3.6vw,2.2rem);line-height:1.3;margin:2.6rem -1rem;padding:0 0 0 1.6rem;border-left:4px solid var(--gold);color:var(--ink);text-wrap:balance}
@media(min-width:1000px){.art.mag blockquote{margin-left:-4rem;margin-right:-4rem}}
.art.mag .src{font-family:var(--sans);font-size:.9rem;border-top:2px solid var(--ink);padding-top:1rem;margin-top:3rem}
.art.mag .src strong{letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}
.art.mag .tgh{border-top:0}
[data-theme=light] .mag-hero h1,[data-theme=light] .mag-kick,[data-theme=light] .mag-chapo{color:#fff}
/* Vignettes photo des cartes d'articles */
.card-img{position:relative;overflow:hidden;background:#171430}
.card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.card:hover .card-img img{transform:scale(1.05)}
.card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,6,20,.75))}
.card-img span{position:relative;z-index:2;font-size:.78rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;font-family:var(--sans)}
/* le bloc de remplacement ne prend pas la marge des textes */
.ncard>.nimg-ph,.ncard>.nimg{margin-left:0!important;margin-right:0!important}
.nimg-ph{position:relative}

/* Hashtags visibles partout */
.tg::before{content:"#";opacity:.7;margin-right:.1em}
.tg small{opacity:.7;font-weight:500;margin-left:.2em}
button.tg{font:inherit;font-weight:600;background:transparent;cursor:pointer}
button.tg.on{background:var(--tea);color:#0b0a16}
button.tg-x::before{content:"×";margin-right:.3em}

/* Actus façon kiosque */
.mn-upd{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:var(--mute);font-size:.92rem}
.mn-upd .dot{width:9px;height:9px;border-radius:50%;background:var(--mute)}.mn-upd .dot.live{background:var(--tea);box-shadow:0 0 0 4px color-mix(in srgb,var(--tea) 25%,transparent)}
.mn-bar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}
.mn-s{flex:1 1 220px}.mn-s input,#mn-lang{width:100%;min-height:48px;padding:0 1rem;border-radius:999px;border:2px solid var(--line);background:var(--bg2);color:var(--ink);font:inherit}
#mn-lang{width:auto;flex:0 1 220px}.mn-s input:focus{border-color:var(--tea);outline:none}
.mn-tabs{display:flex;gap:.3rem;border-bottom:1px solid var(--line);margin-bottom:1rem;overflow-x:auto}
.mn-tabs button{min-height:48px;padding:0 1.1rem;background:none;border:0;border-bottom:3px solid transparent;color:var(--mute);font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.mn-tabs button.on{color:var(--ink);border-bottom-color:var(--gold)}
.mn-cats{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.4rem;margin-bottom:.8rem}
.mn-cats button{min-height:44px;padding:0 1.1rem;border-radius:999px;border:2px solid var(--tea);background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.mn-cats button.on{background:var(--tea);color:#0b0a16}
.mn-tags{display:flex;gap:.45rem;flex-wrap:wrap;margin:.2rem 0 1.4rem}
.mc{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--bg2);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .25s,border-color .25s}
.mc:hover{transform:translateY(-4px);border-color:var(--tea)}
.mc-img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center 30%;display:block;background:var(--bg)}
.mc-b{padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem}
.mc .meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.8rem;color:var(--mute)}.mc .meta strong{color:var(--tea)}
.mc h3{margin:0;font-size:1.05rem;line-height:1.25;letter-spacing:-.01em}
.mc-x{margin:0;color:var(--mute);font-size:.92rem;line-height:1.5}
.mn-top{display:grid;gap:1rem;margin-bottom:2rem}
.mc-hero .mc-img{aspect-ratio:16/9}.mc-hero h3{font-size:clamp(1.4rem,4vw,2rem);line-height:1.12}
.mn-side{display:grid;gap:.7rem;align-content:start}
.mc-row{flex-direction:row;align-items:stretch;border-radius:14px}
.mc-row .mc-img{width:112px;min-width:112px;aspect-ratio:auto;height:auto;min-height:92px}
.mc-row .mc-b{padding:.6rem .8rem;gap:.2rem}.mc-row h3{font-size:.98rem}
.mc-row .mc-x{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:900px){.mn-top{grid-template-columns:1.5fr 1fr}.mc-row .mc-img{width:130px;min-width:130px}}
.rail{margin:0 0 2rem}.rail-h{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem}
.rail-h h2{margin:0;font-size:1.25rem;letter-spacing:-.02em}
.rail-ar{display:flex;gap:.4rem}.rail-ar button{width:44px;height:44px;border-radius:50%;border:2px solid var(--line);background:var(--bg2);color:var(--ink);font-size:1.4rem;line-height:1;cursor:pointer}.rail-ar button:hover{border-color:var(--tea)}
.rail-t{display:flex;gap:.9rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem;scrollbar-width:thin}
.rail-t .mc{flex:0 0 min(260px,72vw);scroll-snap-align:start}
.mn-feed{display:grid;gap:.7rem}.mn-feed .day{margin:1.4rem 0 .2rem;font-size:1.05rem;text-transform:capitalize;color:var(--gold)}
@media(min-width:900px){.mn-feed .mc-row .mc-img{width:200px;min-width:200px}.mn-feed .mc-row .mc-x{display:block}}
.mn-media{display:grid;gap:1rem}@media(min-width:700px){.mn-media{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.mn-media{grid-template-columns:repeat(3,1fr)}}
.mm{padding:1.1rem 1.2rem;border:1px solid var(--line);border-top:5px solid hsl(var(--h) 95% 58%);border-radius:18px;background:var(--bg2)}
.mm-h{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.mm-h h2{margin:0;font-size:1.1rem}
.mm ul{list-style:none;margin:.7rem 0;padding:0;display:grid;gap:.6rem}.mm li small{display:block;color:var(--mute)}
.mc-l{text-decoration:none;font-weight:600;line-height:1.3}.mc-l:hover{color:var(--tea)}
.mm .more{background:none;border:0;color:var(--tea);font:inherit;font-weight:700;cursor:pointer;padding:.4rem 0;min-height:44px}
.mc .kicker{align-self:flex-start;margin:0 0 .3rem}
@media(max-width:699px){.mn-tags{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.mn-tags .tg{white-space:nowrap;flex:0 0 auto}}

/* Margot au milieu de ses parfums */
.hero-photo{margin-inline:clamp(.9rem,5vw,2rem)}
.pc{position:absolute;z-index:0;border-radius:22px;background-size:cover;background-position:center;border:3px solid var(--bg2);box-shadow:0 20px 50px -18px rgba(0,0,0,.7)}
.pc1{left:-17%;top:6%;width:46%;height:50%;transform:rotate(-9deg);background-image:url(/assets/pool/parfum-3.jpg)}
.pc2{right:-16%;bottom:9%;width:44%;height:48%;transform:rotate(8deg);background-image:url(/assets/pool/parfum-4.jpg)}
.pc3{left:6%;bottom:-6%;width:42%;height:30%;transform:rotate(4deg);background-image:url(/assets/pool/parfum-1.jpg);z-index:3}
.hero-photo.scene{width:100%}.about-photo .hero-photo img{aspect-ratio:4/5}

/* Actus façon MarketNews */
.mn-topbar{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;margin-bottom:.4rem;color:var(--mute);font-size:.92rem}
.mn-date{text-transform:capitalize;font-weight:600;color:var(--ink)}.mn-topbar .mn-upd{margin:0}
.mn-app{margin-left:auto;min-height:40px;padding:0 1rem;border-radius:999px;border:2px solid var(--tea);background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.mn-brand{display:flex;align-items:center;gap:.7rem;margin:0 0 1rem}.mn-brand p{margin:0;font-weight:700;font-size:1.05rem}
.mn-regs{display:flex;gap:.3rem;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:.8rem}
.mn-regs button{min-height:44px;padding:0 1rem;background:none;border:0;border-bottom:3px solid transparent;color:var(--mute);font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.mn-regs button.on{color:var(--ink);border-bottom-color:var(--tea)}
.mn-mine{margin-left:auto;background:none;border:0;color:var(--tea);font:inherit;font-weight:700;cursor:pointer;white-space:nowrap;min-height:48px;padding:0 .6rem}
.rail-h h2 .hs{color:var(--gold)}.rail-h h2 .pl{color:var(--gold)}
.mc-mini{flex-direction:row;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.mc-mini:hover{transform:none}.mc-mini .mc-img{width:72px;min-width:72px;aspect-ratio:1;height:72px;border-radius:10px;margin:.5rem 0}
.mc-mini .mc-b{padding:.5rem .7rem}.mc-mini h3{font-size:.92rem}
.mm-h{justify-content:space-between;margin-bottom:.7rem}.mm-site{color:var(--tea);text-decoration:none;font-weight:700;font-size:.9rem;white-space:nowrap}
.mm .mc-row{margin-bottom:.4rem}.mm .mc-row .mc-img{width:120px;min-width:120px}.mm .mc-row .mc-x{display:block}
.mn-stream{display:grid;gap:.1rem}.mn-stream .mc-l{display:block;padding:.6rem 0;border-bottom:1px solid var(--line);font-weight:400;font-size:.95rem}.mn-stream strong{color:var(--tea)}.mn-stream time{color:var(--mute)}
.mn-pick{display:grid;gap:.4rem;max-height:50vh;overflow:auto;margin:1rem 0}.mn-pick label{display:flex;gap:.6rem;align-items:center;min-height:40px}
.mv .mc-img{aspect-ratio:16/9}

.kn{margin:2rem 0;padding:1.2rem 1.4rem;border-radius:var(--r);background:linear-gradient(135deg,hsl(335 95% 96%),hsl(265 90% 96%));border-left:6px solid var(--vio);color:#1a1240}.kn strong{display:block;font-family:var(--serif);font-size:1.3rem;margin-bottom:.4rem}.kn p{margin:0}[data-theme=dark] .kn{background:#1d1840;color:#f3efff}

/* v53 */
.marquee span:after,.marquee a:after{content:"✦";margin-left:2.5rem;color:var(--sun);font-size:1.1rem;text-decoration:none;display:inline-block}
.marquee a{color:#fff;text-decoration:none;white-space:nowrap}
.marquee a:hover,.marquee a:focus-visible{text-decoration:underline;text-underline-offset:.2em}
.marquee:hover div,.marquee:focus-within div{animation-play-state:paused}
.tl-track{padding-top:2.9rem;padding-bottom:1.2rem}
.tl-card{min-height:240px;padding:1.1rem 1.2rem}
.tl-card:before{font-size:6rem;bottom:-1.2rem}
.tl-item:before{top:calc(-1.2rem - 2px)}.tl-item.act:before{top:calc(-1.2rem - 3px)}
.tl-dot{top:-1.8rem}
.tl-year{font-size:clamp(1.9rem,7vw,2.5rem)}
.tl-card h3{font-size:1.1rem}
.tl-card p:not(.tl-label){font-size:.92rem;line-height:1.5}
.art.mag p,.art.mag blockquote,.mag-chapo,.art.mag p.dc::first-letter,.mag-hero h1,.art.mag h2,.art.mag .src,.art.mag h1,.art.mag h3,.art.mag li{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.art.mag p{font-size:clamp(1.05rem,2vw,1.15rem);line-height:1.75}
.art.mag blockquote{font-style:normal;font-weight:700}
.mag-chapo{font-style:normal}
.tl-track{padding-left:calc(50% - min(80vw,420px)/2);padding-right:calc(50% - min(80vw,420px)/2)}
.tl-item,.tl-item.act{flex:0 0 min(80vw,420px)}
.tl-card{gap:.3rem}.tl-card p:not(.tl-label){font-size:.88rem;line-height:1.45}
.hero-photo img,.about-photo img{object-position:62% 20%}

/* v54 : RTL, la frise reste en LTR pour le défilement, le texte des cartes suit la langue */
html[dir=rtl] .tl-track{direction:ltr}
html[dir=rtl] .tl-card{direction:rtl;text-align:right}
html,body{overflow-x:clip}
.skip{left:auto;inset-inline-start:-999px}.skip:focus{inset-inline-start:8px}

/* v54 : filigrane vidéo */
.bgfx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:center/cover no-repeat;opacity:.16}
.bgfx video{width:100%;height:100%;object-fit:cover;display:block}
html[data-theme=light] .bgfx{opacity:.10}
@media (max-width:700px){.bgfx{opacity:.12}}

/* chiffres clés des articles odeurs */
.art.mag p.kf,.mag-body p.kf,p.kf{position:relative;margin:.35em 0;padding-inline-start:1.3em}
p.kf::before{content:'';position:absolute;inset-inline-start:.2em;top:.62em;width:.45em;height:.45em;border-radius:50%;background:var(--accent,#ff3d9a)}