/* Polices auto-hébergées — aucun appel à un service externe (voir /assets/fonts/).
   Tant que les .woff2 ne sont pas déposés, le site utilise proprement Georgia + police système. */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;
  src:url("/assets/fonts/newsreader-400.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;
  src:url("/assets/fonts/newsreader-italic.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;
  src:url("/assets/fonts/plex-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;
  src:url("/assets/fonts/plex-500.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;
  src:url("/assets/fonts/plex-600.woff2") format("woff2")}

:root{
  --ivory:#F6F3EC; --ivory-2:#EDE8DD; --white:#FFFFFF;
  --ink:#171412; --ink-deep:#14110E; --ink-soft:#2A241E;
  --rust:#B2401A; --rust-deep:#8A2F11; --rust-pale:#D9A48E;
  --grey:#5F574C; --grey-2:#6E6559; --grey-3:#857C70;
  --line:#DCD4C6; --line-2:#E2DCD0; --line-dark:#2A241E;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pad:clamp(20px,5vw,80px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink-deep);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--rust)}
a:hover{color:var(--rust-deep)}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;margin:0}
p{margin:0}
.wrap{max-width:1440px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--rust-deep);margin:0 0 14px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;z-index:100;background:var(--white);padding:12px 18px}

/* header */
.site-head{background:var(--ink);color:var(--ivory)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px}
.brand{font-family:var(--serif);font-size:clamp(18px,2.4vw,22px);letter-spacing:.06em;text-transform:uppercase;color:var(--ivory);text-decoration:none;white-space:nowrap}
.nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,36px)}
.nav-links{display:flex;align-items:center;gap:clamp(16px,2.4vw,36px)}
.nav a{font-size:15px;color:#E4DED3;text-decoration:none}
.nav a:hover{color:var(--ivory)}
.lang{display:flex;align-items:center;gap:12px;padding-left:14px;border-left:1px solid #3B342C}
.lang a,.lang span{font-size:13px;letter-spacing:.08em;text-decoration:none;color:#9A9186}
.lang [aria-current]{color:var(--ivory);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--rust)}
.menu-btn{display:none;width:44px;height:44px;background:none;border:0;color:var(--ivory);cursor:pointer;align-items:center;justify-content:center}
@media(max-width:860px){
  .nav .nav-links{display:none}
  .nav.open .nav-links{display:flex;flex-direction:column;gap:18px;position:absolute;left:0;right:0;top:100%;background:var(--ink);padding:20px var(--pad) 28px;z-index:20;border-top:1px solid #2A241E}
  .menu-btn{display:flex}
  .site-head .wrap{position:relative}
}

/* hero */
.hero{position:relative;overflow:hidden;background:var(--ink);color:var(--ivory)}
.hero .wrap{display:grid;grid-template-columns:1fr auto;gap:clamp(32px,6vw,88px);align-items:center;padding-top:clamp(40px,7vw,80px);padding-bottom:clamp(48px,8vw,96px)}
.hero-net{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-txt{position:relative;display:flex;flex-direction:column;gap:clamp(16px,2.4vw,28px);max-width:720px}
.hero h1{font-size:clamp(44px,8.4vw,96px);line-height:.98;letter-spacing:-.02em}
.hero .sub{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.6vw,28px);line-height:1.35;color:#D6CFC3}
.hero .pitch{font-size:clamp(16px,1.6vw,18px);line-height:1.75;color:#B8B0A4;max-width:580px}
.hero .date{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--rust-pale);margin:0}
.hero-cover{position:relative;width:clamp(200px,26vw,360px);box-shadow:0 30px 70px rgba(0,0,0,.5)}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero-cover{order:-1;align-self:center;width:min(240px,60vw)}}

/* buttons */
.btns{display:flex;flex-wrap:wrap;gap:14px;padding-top:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;font-size:16px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:var(--sans)}
.btn-accent{background:var(--rust);color:#fff;font-weight:500}
.btn-accent:hover{background:var(--rust-deep);color:#fff}
.btn-ghost-dark{border-color:#6B6257;color:var(--ivory)}
.btn-ghost-dark:hover{border-color:var(--ivory);color:var(--ivory)}
.btn-ink{background:var(--ink-deep);color:var(--ivory)}
.btn-ink:hover{color:#fff}
.btn-ghost{border-color:var(--ink-deep);color:var(--ink-deep)}
.btn-ghost:hover{background:var(--ink-deep);color:var(--ivory)}
@media(max-width:600px){.btn{width:100%}}

/* sections */
section{scroll-margin-top:80px}
.band{padding:clamp(48px,7vw,96px) 0}
.band-tint{background:var(--ivory-2)}
.band-dark{background:var(--ink);color:var(--ivory)}
.band-rule{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band h2{font-size:clamp(28px,4.4vw,46px);line-height:1.1}
.lede{font-size:clamp(16px,1.7vw,18px);line-height:1.7;color:var(--grey);max-width:700px;margin-top:12px}

/* quotes strip */
.quotes{background:var(--ink-deep);border-top:1px solid var(--line-dark);padding:30px 0}
.quotes .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px}
.quotes p{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.5;color:#C8C0B4}
.quotes span{display:block;margin-top:6px;font-family:var(--sans);font-style:normal;font-size:13px;color:var(--grey-3)}

/* trailer */
figure{margin:0}
.trailer video{width:100%;background:#000;aspect-ratio:16/9;object-fit:cover}
.trailer figcaption{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:baseline;padding-top:14px}
.trailer figcaption b{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.6vw,28px)}
.trailer figcaption span{font-size:13px;color:var(--grey-2)}

/* timeline */
.timeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:22px;border-top:1px solid var(--line);margin-top:clamp(28px,4vw,56px)}
.timeline>div{display:flex;flex-direction:column;gap:10px}
.timeline .dot{width:11px;height:11px;border-radius:50%;background:var(--rust);margin-top:-6px;animation:pulse 2.4s ease-in-out infinite}
.timeline .last{padding-left:20px;border-left:1px dashed #C9C0B0}
.timeline .last .dot{background:var(--ink-deep)}
.timeline .part{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust-deep);margin-top:8px}
.timeline .era{font-family:var(--serif);font-size:clamp(18px,1.7vw,23px);line-height:1.2}
.timeline .last .era{font-style:italic}
.timeline .cases{font-size:13px;line-height:1.55;color:var(--grey-2)}
@media(max-width:1100px){.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline .last{border-left:0;padding-left:0;border-top:1px dashed #C9C0B0;padding-top:16px}}
@media(max-width:560px){.timeline{grid-template-columns:1fr;gap:26px}}

/* theses */
.theses{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.card{background:var(--white);border:1px solid var(--line-2);padding:26px 24px;display:flex;flex-direction:column;gap:10px}
.card .k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust-deep)}
.card h3{font-size:21px;line-height:1.22}
.card .q{font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.55;color:var(--grey)}
@media(max-width:1100px){.theses{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.theses{grid-template-columns:1fr}}
.head-row{display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,72px);align-items:flex-end;justify-content:space-between;margin-bottom:36px}

/* fiche */
.fiche{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;border-top:1px solid var(--line);padding-top:30px}
.fiche .k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust-deep);margin-bottom:6px}
.fiche .v{font-family:var(--serif);font-size:clamp(18px,1.6vw,21px);line-height:1.25}
@media(max-width:900px){.fiche{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
.fiche-foot{margin-top:34px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.fiche-foot p{font-size:15px;line-height:1.65;color:var(--grey);max-width:640px}

/* manifesto */
.manifesto{background:var(--white);border:1px solid var(--line-2);padding:clamp(36px,6vw,72px) clamp(24px,5vw,80px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px}
.manifesto p.m{font-family:var(--serif);font-size:clamp(26px,4.2vw,52px);line-height:1.2;max-width:1000px}

/* author */
.author{display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,72px);align-items:center}
.author img{width:clamp(160px,22vw,320px);aspect-ratio:1;object-fit:cover}
.author .bio{flex:1 1 280px;min-width:0;font-size:clamp(16px,1.7vw,18px);line-height:1.75;color:var(--ink-soft);max-width:720px}
.author .links{display:flex;flex-wrap:wrap;gap:28px;margin-top:22px}
.author .links a{font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:6px}

/* method */
.method{display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,72px);align-items:flex-start}
.method .t{flex:1 1 280px;max-width:340px;min-width:0}
.method .body{flex:1 1 420px;max-width:760px;display:flex;flex-direction:column;gap:22px}
.method .body p{font-size:clamp(16px,1.7vw,18px);line-height:1.75;color:var(--ink-soft)}

/* forms */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}}
label{display:block;margin-bottom:8px;font-size:14px;color:#4A443B}
input,select,textarea{width:100%;background:var(--white);border:1px solid #C9C0B0;color:var(--ink-deep);font-family:var(--sans);font-size:16px}
input,select{height:50px;padding:0 14px}
textarea{padding:12px 14px;line-height:1.6;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--rust);outline-offset:1px}
.form-note{margin-top:18px;font-size:13px;line-height:1.6;color:var(--grey-2);max-width:560px}
.form-note a{color:var(--rust-deep);text-underline-offset:2px}
.dark-form .form-note{color:#B8B0A4}
.dark-form .form-note a{color:var(--rust-pale)}
.form-msg{margin-top:16px;font-size:15px;line-height:1.6}
.form-msg.ok{color:#1C6B3F}
.form-msg.err{color:#A32D2D}
.dark-form input,.dark-form button{height:52px}
.dark-form input{background:#221E1A;border-color:#4A423A;color:var(--ivory)}
.news{display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,80px);align-items:center}
.news .t{flex:1 1 320px;max-width:620px;min-width:0}
.news .f{flex:1 1 300px;max-width:460px;min-width:0}
.news h2{color:var(--ivory);font-size:clamp(24px,3.4vw,38px)}
.news p{font-size:16px;line-height:1.7;color:#B8B0A4;margin-top:14px}
.news .row{display:flex;gap:12px}
.news .row input{flex:1}
@media(max-width:600px){.news .row{flex-direction:column}}

/* posts */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:1000px){.posts{grid-template-columns:1fr}}
.post{background:var(--white);border:1px solid var(--line-2);padding:30px 30px 26px;display:flex;flex-direction:column;gap:14px}
.post .d{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-2)}
.post h3{font-size:24px;line-height:1.3}
.post .x{font-size:15px;line-height:1.65;color:var(--grey);flex-grow:1}
.post .foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--ivory-2)}
.post .foot a{font-size:13px;color:var(--grey-2);text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.post button{min-height:44px;padding:0 20px;background:none;border:1px solid var(--ink-deep);color:var(--ink-deep);font-family:var(--sans);font-size:14px;cursor:pointer}
.post button:hover{background:var(--ink-deep);color:var(--ivory)}
.post iframe{width:100%;height:600px;border:0}

/* substack */
.articles{display:flex;flex-wrap:wrap;gap:clamp(28px,6vw,88px);align-items:flex-start}
.articles .t{flex:1 1 300px;max-width:400px;min-width:0}
.articles .list{flex:1 1 300px;min-width:0;border-bottom:1px solid var(--line)}
.article{padding:28px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.article .d{font-size:13px;color:var(--grey-2)}
.article h3{font-size:clamp(21px,2.4vw,27px);line-height:1.25}
.article p{font-size:15px;line-height:1.65;color:var(--grey)}
.article a{font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:6px}

/* press */
.press{display:flex;flex-wrap:wrap;gap:clamp(28px,6vw,80px);align-items:flex-start}
.press .t{flex:1 1 320px;max-width:460px;min-width:0}
.press .f{flex:1 1 300px;max-width:620px;min-width:0}

/* reading pages */
.read{max-width:700px;margin:0 auto}
/* Extrait en lecture libre : on décourage la copie du texte (dissuasion, pas verrou) */
.read-head,.read-body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.read-head{padding-top:clamp(40px,7vw,88px)}
.read-head h1{font-size:clamp(40px,7vw,68px);line-height:1.02;margin:0 0 26px}
.read-head .epi{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.4vw,22px);line-height:1.5;color:#4A443B;padding-left:22px;border-left:2px solid var(--rust);margin:0 0 14px}
.read-head .meta{padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--grey-2)}
.read-body{padding-top:44px}
.read-body p{font-size:clamp(17px,1.8vw,19px);line-height:1.8;color:var(--ink-soft);margin:0 0 26px}
.read-body p.first{font-size:clamp(18px,2vw,21px);color:var(--ink-deep)}
.read-body h2{font-size:clamp(26px,4vw,40px);margin:48px 0 22px}
.read-end{padding:26px 0 clamp(48px,8vw,96px)}
.read-end .sig{font-family:var(--serif);font-style:italic;font-size:18px;color:#4A443B;margin:0 0 44px}
.read-end .cta{padding-top:36px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.read-end .rights{margin-top:22px;font-size:14px;line-height:1.6;color:var(--grey-2)}

/* legal pages */
.legal{max-width:760px;margin:0 auto;padding-bottom:clamp(48px,8vw,96px)}
.legal h1{font-size:clamp(32px,5vw,52px);margin:clamp(40px,7vw,80px) 0 24px}
.legal h2{font-size:clamp(20px,2.6vw,26px);margin:40px 0 12px}
.legal p,.legal li{font-size:16px;line-height:1.75;color:var(--ink-soft)}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 14px;padding-left:22px}
.legal li{margin-bottom:8px}

/* footer */
.site-foot{background:var(--ink-deep);color:var(--grey-3);border-top:1px solid var(--line-dark);padding:40px 0}
.site-foot .wrap{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;justify-content:space-between}
.site-foot p{font-size:14px}
.site-foot nav{display:flex;flex-wrap:wrap;gap:24px}
.site-foot a{font-size:14px;color:var(--grey-3);text-decoration:none}
.site-foot a:hover{color:var(--ivory)}
.site-foot a.ext{color:#B8B0A4;display:inline-flex;align-items:center;gap:5px}

@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.9);opacity:.35}}
@keyframes hop{0%,100%{opacity:.25}8%{opacity:1}20%{opacity:.25}}
@keyframes link{0%,100%{stroke-opacity:.1}8%{stroke-opacity:.95}20%{stroke-opacity:.1}}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.n-dot{animation:hop 9s ease-in-out infinite}
.n-edge{animation:link 9s ease-in-out infinite}
.rise{animation:rise .9s ease-out both}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* agenda */
.agenda{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.agenda li{display:grid;grid-template-columns:clamp(180px,20vw,250px) minmax(0,1fr) auto;gap:clamp(14px,2.4vw,32px);align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line)}
.agenda .when{font-family:var(--serif);font-size:clamp(16px,1.6vw,20px);line-height:1.3}
@media(min-width:1120px){.agenda .when{white-space:nowrap}}
.agenda .what h3{font-size:clamp(19px,2vw,24px);line-height:1.25;margin:0 0 4px}
.agenda .what p{font-size:15px;color:var(--grey-2)}
.agenda .kind{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust-deep);white-space:nowrap}
.agenda a.more{font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.agenda li.past{opacity:.72}
.agenda li.past .kind{color:var(--grey-2)}
.agenda-past{margin-top:26px}
.agenda-past summary{cursor:pointer;font-size:15px;color:var(--grey-2);padding:8px 0}
.agenda-past summary:hover{color:var(--ink-deep)}
.agenda-empty{padding:22px 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--grey-2)}
@media(max-width:760px){
  .agenda li{grid-template-columns:1fr;gap:6px;padding:20px 0}
  .agenda .kind{order:-1}
  .agenda a.more{margin-top:6px}
}


/* ---- médias / galerie ---- */
.media{padding-top:40px;padding-bottom:60px}
.media .lede{max-width:620px;margin:14px 0 30px}
.ph-h2{margin:34px 0 16px;font-size:22px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-bottom:10px}
.gallery-wide{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.ph{margin:0}
.ph-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden;border-radius:4px;line-height:0}
.ph-open img{width:100%;height:100%;display:block;transition:transform .5s ease}
.ph-portrait .ph-open img{aspect-ratio:3/4;object-fit:cover}
.ph-event .ph-open img{aspect-ratio:3/2;object-fit:cover}
.ph-open:hover img{transform:scale(1.04)}
.ph figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:8px;font-size:13px;color:var(--grey)}
.ph-dl{white-space:nowrap;color:var(--rust);font-weight:500;text-decoration:none;border-bottom:1px solid transparent}
.ph-dl:hover{border-bottom-color:var(--rust)}
.lightbox{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;flex-direction:column;padding:28px;background:rgba(14,11,9,.94)}
.lightbox.open{display:flex}
.lightbox img{max-width:92vw;max-height:80vh;object-fit:contain;border-radius:3px}
.lightbox figcaption{margin-top:14px;color:var(--ivory);font-size:14px;text-align:center;max-width:720px}
.lb-close{position:absolute;top:14px;right:22px;width:44px;height:44px;border:0;background:none;color:var(--ivory);font-size:38px;line-height:1;cursor:pointer}
@media(max-width:760px){.gallery,.gallery-wide{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}

.gallery-cover{grid-template-columns:repeat(2,minmax(0,210px));gap:16px}
.ph-cover .ph-open{background:#171412;border:1px solid var(--line)}
.ph-cover .ph-open img{aspect-ratio:1200/1736;object-fit:contain;background:#171412}
@media(max-width:760px){.gallery-cover{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- bande newsletter promo (evergreen) ---- */
.news-promo{position:relative;background-size:cover;background-position:center right}
.news-promo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,20,18,.97),rgba(23,20,18,.86) 45%,rgba(23,20,18,.55))}
.news-promo>.wrap{position:relative;z-index:1}
.nw-alt{margin-top:16px}
.nw-alt a{color:var(--rust-pale);font-size:14px;text-decoration:none;border-bottom:1px solid transparent}
.nw-alt a:hover{border-bottom-color:var(--rust-pale)}
/* ---- vignettes des derniers articles ---- */
.art-cover{display:block;overflow:hidden;border-radius:5px;margin-bottom:14px;line-height:0}
.art-cover img{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block;transition:transform .5s ease}
.art-cover:hover img{transform:scale(1.03)}

/* ---- « La Lettre » : hub abonnement + derniers articles (fond sombre) ---- */
.lettre::before{background:linear-gradient(90deg,rgba(23,20,18,.98),rgba(23,20,18,.93) 55%,rgba(23,20,18,.82))}
.lettre-articles{margin-top:clamp(36px,6vw,60px)}
.lettre-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;
  margin-bottom:28px;padding-top:30px;border-top:1px solid #3A332C}
.lettre-head h3{color:var(--ivory);font-size:clamp(20px,2.6vw,26px);margin:0}
.lettre-head a{color:var(--rust-pale);font-size:14px;text-decoration:none;white-space:nowrap;
  display:inline-flex;align-items:center;gap:6px}
.lettre-head a:hover{text-decoration:underline}
.lettre-articles .list{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,32px)}
.lettre-articles .article{padding:0;border-top:0;gap:10px}
.lettre-articles .article .d{color:#9A9185}
.lettre-articles .article h3{color:var(--ivory);font-size:clamp(18px,1.6vw,21px)}
.lettre-articles .article p,.lettre-articles .article .lede-sm{color:#B8B0A4;font-size:14px}
.lettre-articles .article a{color:var(--rust-pale)}
@media(max-width:820px){
  .lettre-articles .list{grid-template-columns:1fr;gap:4px}
  .lettre-articles .article{padding:24px 0;border-top:1px solid #3A332C}
}