@font-face{font-family:'Banter Kabeh';src:url('/assets/BanterKabeh.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--wine:#380c0a;--prune:#5e0c1c;--creme:#e3d1bc;--ivory:#f4ecde;--wine-deep:#2c0604;--poppy:#b81530;--taupe:#b9a893;
  --sans:'REM',system-ui,-apple-system,Arial,sans-serif;--script:'Banter Kabeh','Georgia',serif;--nav-h:64px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--wine);color:var(--creme);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
/* progress */
.prog{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.06);z-index:80}
.prog span{display:block;height:100%;background:var(--poppy);transform:scaleX(0);transform-origin:left}
/* reveals */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:none}
.reveal-2.in{transition-delay:.1s}.reveal-3.in{transition-delay:.2s}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
/* nav */
.nav{position:fixed;top:14px;left:14px;right:14px;height:var(--nav-h);z-index:70;background:rgba(56,12,10,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,30px);box-shadow:0 10px 30px rgba(0,0,0,.28)}
.nav a.back{font-family:var(--script);font-size:clamp(20px,2.2vw,32px);line-height:1}
.nav img{height:clamp(14px,1.5vw,21px)}
.nav__l{display:flex;align-items:center;gap:clamp(16px,2.4vw,28px)}.nav__l a{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--creme)}.nav__l a:hover{color:var(--ivory)}.nav a.rdv{font-family:var(--script);font-size:clamp(18px,2vw,30px)}
.nav a:hover{color:var(--ivory)}
@media(max-width:560px){.nav a.rdv{display:none}}
/* article hero — magazine */
.ah{position:relative;min-height:82vh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding:calc(var(--nav-h) + 10vh) clamp(20px,6vw,90px) clamp(44px,7vh,84px)}
.ah__bg{position:absolute;inset:-6% 0;z-index:0;will-change:transform}
.ah__bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}
.ah__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(44,6,4,.5) 0%,rgba(44,6,4,.15) 38%,rgba(44,6,4,.92) 100%)}
.ah__in{position:relative;z-index:2;max-width:920px}
.ah__cat{display:inline-block;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--poppy);font-weight:600;margin-bottom:clamp(16px,2vw,26px)}
.ah__title{font-weight:900;letter-spacing:-.025em;line-height:1.02;font-size:clamp(2.3rem,5.6vw,4.6rem);color:var(--creme);text-shadow:0 10px 46px rgba(44,6,4,.5)}
.ah__meta{margin-top:clamp(18px,2.4vw,30px);font-size:.86rem;letter-spacing:.05em;color:var(--ivory);opacity:.85}
/* article body */
.ab{max-width:720px;margin:0 auto;padding:clamp(50px,8vh,96px) clamp(20px,6vw,40px) clamp(50px,7vh,90px)}
.ab__lead{font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.5;color:var(--ivory);margin-bottom:1.5em;font-weight:300}
.ab__lead::first-letter{font-family:var(--sans);font-weight:800;font-size:3.4em;line-height:.72;float:left;color:var(--poppy);margin:.06em .14em -.08em 0}
.ab h2{font-weight:700;font-size:clamp(1.5rem,2.7vw,2.15rem);color:var(--creme);line-height:1.15;margin:1.9em 0 .55em;padding-top:.75em;position:relative}
.ab h2::before{content:"";position:absolute;top:0;left:0;width:44px;height:2px;background:var(--poppy)}
.ab p{font-size:clamp(1.08rem,1.35vw,1.22rem);line-height:1.78;color:var(--taupe);margin-bottom:1.2em}
.ab p strong,.ab li strong{color:var(--creme);font-weight:600}
.ab ul{margin:0 0 1.4em 0;padding:0;list-style:none}
.ab li{position:relative;padding-left:1.6em;margin-bottom:.65em;font-size:clamp(1.08rem,1.35vw,1.22rem);line-height:1.7;color:var(--taupe)}
.ab li::before{content:"—";position:absolute;left:0;color:var(--poppy)}
.ab blockquote{margin:1.9em 0;text-align:center;font-family:var(--script);font-weight:100;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.12;color:var(--creme);letter-spacing:.02em}
.ab blockquote::before,.ab blockquote::after{content:"";display:block;width:54px;height:1px;background:rgba(227,209,188,.4);margin:.55em auto}
/* lire aussi */
.also{padding:clamp(60px,9vh,110px) clamp(20px,6vw,90px);border-top:1px solid rgba(227,209,188,.14)}
.also__k{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--poppy);font-weight:600;margin-bottom:clamp(22px,3vw,38px)}
.also__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,24px)}
.also__grid a{position:relative;display:flex;align-items:flex-end;min-height:clamp(200px,26vw,300px);border-radius:6px;overflow:hidden;isolation:isolate;padding:clamp(22px,2.4vw,34px)}
.also__grid a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6);z-index:0;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.also__grid a:hover img{transform:scale(1.05)}
.also__grid a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(44,6,4,.86));z-index:1}
.also__t{position:relative;z-index:2}
.also__t span{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}
.also__t strong{display:block;font-weight:800;font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.14;margin-top:.35em;color:var(--creme)}
@media(max-width:680px){.also__grid{grid-template-columns:1fr}}
/* CTA */
.ctab{text-align:center;padding:clamp(80px,13vh,150px) clamp(20px,6vw,90px);display:grid;place-items:center;gap:clamp(26px,4vw,40px);border-top:1px solid rgba(227,209,188,.14)}
.ctab h2{font-weight:300;line-height:1.12;font-size:clamp(1.9rem,5vw,3.6rem)}
.ctab h2 em{font-family:var(--script);font-style:normal;font-weight:100;color:var(--creme);font-size:1.2em}
.cta{display:inline-flex;align-items:center;gap:14px;text-transform:uppercase;letter-spacing:.16em;font-weight:600;font-size:clamp(.72rem,.9vw,.82rem);color:var(--wine);background:var(--creme);padding:19px 38px;border-radius:2px;box-shadow:0 12px 34px rgba(44,6,4,.3);transition:transform .4s cubic-bezier(.16,1,.3,1),letter-spacing .4s,background .4s}
.cta:hover{transform:translateY(-3px);letter-spacing:.22em;background:var(--ivory)}
.cta svg{width:30px}
/* footer */
.foot{background:var(--wine-deep);padding:clamp(50px,7vw,80px) clamp(22px,6vw,90px);display:flex;flex-wrap:wrap;gap:26px;justify-content:space-between;align-items:center;color:var(--taupe)}
.foot b{font-weight:900;color:var(--prune);font-size:clamp(1.6rem,3vw,2.4rem)}
.foot nav{display:flex;gap:26px;flex-wrap:wrap}
.foot a{color:var(--creme)}.foot a.scr{font-family:var(--script);font-size:1.4rem}.foot a:hover{color:var(--ivory)}