/* etiennebourgeois.fr — d’après la piste « La rencontre » · Studio CAD */
:root{
  --cream:#FBF7F2; --sage:#5E7A5B; --sage-d:#3F5A3E; --rose:#F2DDD3; --ink:#221F1C; --ink-2:#3d3833;
  --rule:rgba(34,31,28,.14); --rule-2:rgba(34,31,28,.18);
  --serif:"Fraunces","Playfair Display",Georgia,serif;
  --sans:"Syne",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --gutter:64px; --r:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--sage);outline-offset:3px}
p{margin:0 0 20px;text-wrap:pretty}
h1,h2,h3{font-family:var(--serif);font-weight:300;margin:0;text-wrap:balance;font-variation-settings:"opsz" 144}
h1 em,h2 em,h3 em{font-style:italic}

/* Nav */
.nav{display:flex;justify-content:space-between;align-items:center;padding:26px var(--gutter)}
.nav .brand{font-family:var(--serif);font-size:24px}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;font-size:14px;font-weight:600}
.nav a{padding:8px 14px;border-radius:999px;border:1.5px solid transparent}
.nav a:hover{background:var(--rose)}
.nav a.on{border-color:var(--ink)}

/* Type */
.kicker{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sage-d)}
.on-sage .kicker,.on-ink .kicker{color:inherit}
.lede{font-family:var(--sans);font-weight:400;font-size:21px;line-height:1.5;font-style:normal;color:var(--ink-2);max-width:26em}
.on-sage .lede{color:inherit}
.h-display{font-size:104px;line-height:.96;letter-spacing:-.025em}
.h-1{font-size:88px;line-height:.98;letter-spacing:-.025em}
.h-2{font-size:72px;line-height:1;letter-spacing:-.015em}
.h-3{font-size:52px;line-height:1}
.h-4{font-size:40px;line-height:1.05}
.num{font-family:var(--serif);font-weight:300;font-size:72px;line-height:1;color:var(--sage)}
.body-l{font-size:19px;line-height:1.6;max-width:31em}
.read{font-size:18px;line-height:1.65;max-width:32em}
.muted{color:var(--ink-2)}
.on-sage .muted{color:inherit;opacity:.85}
.strong{font-size:14px;font-weight:600;color:var(--sage-d)}

/* Pills & buttons */
.pill{display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--ink);white-space:nowrap}
.pill.fill{background:var(--sage);color:#fff;border-color:var(--sage)}
.pill.cream{background:var(--cream);color:var(--sage-d);border-color:var(--cream)}
.btn{display:inline-block;background:var(--ink);color:var(--cream);padding:13px 24px;font-size:14px;font-weight:600;border-radius:999px;border:1.5px solid var(--ink)}
.btn:hover{background:var(--sage-d);border-color:var(--sage-d)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--rose);border-color:var(--ink)}
.on-sage .btn{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.on-sage .btn.ghost{background:transparent;color:var(--cream);border-color:var(--cream)}
.on-sage .btn.ghost:hover{background:rgba(251,247,242,.15)}
.link{font-size:14px;font-weight:600;color:var(--sage-d)}
.link::after{content:" ↗"}
.link:hover{text-decoration:underline;text-underline-offset:4px}
.on-sage .link{color:var(--cream)}
.btns{display:flex;gap:12px;flex-wrap:wrap}

/* Bands */
.sec{padding:112px var(--gutter)}
.sec.top0{padding-top:0}
.sage{background:var(--sage);color:var(--cream)}
.rosé{background:var(--rose)}
.split{display:grid;grid-template-columns:360px 1fr;gap:96px}
.split.rev{grid-template-columns:1fr 360px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:96px}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}

/* Images */
figure{margin:0}
.rd{border-radius:var(--r);object-fit:cover;width:100%}
.cover{border-radius:4px;box-shadow:0 34px 60px rgba(0,0,0,.4);transform:rotate(-3deg)}
.mosaic{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
.mosaic>*{min-height:0}
.mosaic .stack{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:16px}
.mosaic .stack>*{min-height:0;overflow:hidden}
.mosaic img{height:100%;width:100%;object-fit:cover;border-radius:var(--r)}
.tile{border-radius:var(--r);padding:32px;display:flex;flex-direction:column;justify-content:flex-end}
figcaption{font-size:13px;font-weight:600;color:var(--sage-d);margin-top:12px}

/* Lists */
.post{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:24px 0;border-top:1px solid var(--rule)}
.post .t{font-family:var(--serif);font-size:28px;line-height:1.2}
.post .m{font-size:13px;font-weight:600;color:var(--sage-d);white-space:nowrap}
.ev{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center;padding:16px 0;border-top:1px solid var(--rule-2)}
.ev:last-child{border-bottom:1px solid var(--rule-2)}
.ev .d{font-family:var(--serif);font-size:40px;line-height:1}
.ev .d span{font-size:14px;font-family:var(--sans);font-weight:600;display:block;margin-top:4px}
.ev .w{font-size:17px;line-height:1.4}
.ev .w b{font-weight:600}
blockquote{margin:0}
.q{font-family:var(--serif);font-size:25px;line-height:1.35;font-style:italic;color:var(--ink-2)}
.q footer{font-family:var(--sans);font-size:13px;font-weight:600;font-style:normal;margin-top:12px;color:var(--sage-d)}
.avis{background:#fff;border-radius:var(--r);padding:28px;font-family:var(--serif);font-size:20px;line-height:1.4;font-style:italic}
.avis footer{font-family:var(--sans);font-size:13px;font-weight:600;font-style:normal;margin-top:16px;color:var(--sage-d)}

/* Forms */
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.field label{font-size:13px;font-weight:600;color:var(--sage-d)}
.field input,.field textarea,.field select{font-family:var(--sans);font-size:16px;padding:14px 16px;background:#fff;border:1.5px solid var(--rule-2);border-radius:14px;color:var(--ink)}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--sage)}
.field textarea{min-height:180px;resize:vertical}
.check{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--ink-2);margin-bottom:28px}

/* Footer */
.foot{padding:40px var(--gutter) 48px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--ink-2);border-top:1px solid var(--rule)}
.foot .brand{font-family:var(--serif);font-size:22px;color:var(--ink)}
.foot .r{text-align:right;line-height:1.8}

.ribbon{position:fixed;right:0;bottom:0;z-index:9;background:var(--sage-d);color:#fff;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;opacity:.9}

@media (max-width:1100px){
  :root{--gutter:36px}
  .h-display{font-size:80px}.h-1{font-size:68px}.h-2{font-size:54px}.h-3{font-size:42px}
  .split,.split.rev,.grid-2{grid-template-columns:1fr;gap:48px}
  .grid-3{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  :root{--gutter:20px;--r:18px}
  .nav{flex-direction:column;gap:14px;align-items:flex-start}
  .nav ul{flex-wrap:wrap}
  .h-display{font-size:56px}.h-1{font-size:48px}.h-2{font-size:40px}.h-3{font-size:34px}.h-4{font-size:30px}
  .lede{font-size:22px}
  .sec{padding:64px var(--gutter)}
  .mosaic{grid-template-columns:1fr}
  .mosaic .stack{grid-template-rows:none;grid-template-columns:1fr 1fr}
  .grid-3{grid-template-columns:1fr}
  .post{grid-template-columns:1fr;gap:8px}
  .foot .r{text-align:left}
}

/* --- logo piste A --- */
.brand{display:flex;flex-direction:column;line-height:1;padding:12px 20px 11px;border:1px solid rgba(30,31,34,.16);border-radius:16px;background:rgba(255,255,255,.35)}
.brand .nm{font-family:var(--serif);font-weight:300;font-size:32px;letter-spacing:-.01em}
.brand .nm em{font-style:italic;color:#B0782E}
.brand .bl{font-family:var(--sans);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;margin-top:7px;color:var(--sage-d);opacity:.9}
.nav{align-items:center}
.foot .brand{display:inline-flex}
.foot .brand .nm{font-size:28px}
@media (max-width:720px){.brand .nm{font-size:26px}.brand{padding:10px 14px}}
/* --- galerie --- */
.gal{columns:3;column-gap:18px}
.gal figure{break-inside:avoid;margin:0 0 18px;cursor:zoom-in}
.gal img{width:100%;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .2s}
.gal figure:hover img{transform:scale(1.015)}
.gal figcaption{font-size:13px;margin-top:8px;color:var(--ink-2)}
.gal figcaption b{display:block;font-family:var(--serif);font-size:17px;font-weight:400;color:var(--ink);line-height:1.2}
.on-sage .gal figcaption{color:var(--rose)}.on-sage .gal figcaption b{color:var(--cream)}
.lb{position:fixed;inset:0;background:rgba(30,31,34,.92);display:none;align-items:center;justify-content:center;z-index:99;flex-direction:column;gap:14px;padding:32px}
.lb.on{display:flex}
.lb img{max-width:92vw;max-height:78vh;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lb .c{color:var(--cream);font-family:var(--serif);font-size:20px;text-align:center}
.lb .c span{display:block;font-family:var(--sans);font-size:13px;opacity:.75;margin-top:4px}
.lb .x{position:absolute;top:18px;right:24px;color:var(--cream);font-size:32px;cursor:pointer;background:none;border:0}
@media (max-width:900px){.gal{columns:2}}@media (max-width:560px){.gal{columns:1}}

/* --- header sticky --- */
.hd{position:sticky;top:0;z-index:50;padding:8px var(--gutter) 0;transition:transform .35s ease}
.hd.hide{transform:translateY(-115%)}
.hd .nav{padding:14px 0;border-radius:22px;transition:background .25s,box-shadow .25s,padding .25s}
.hd.sc .nav{background:rgba(249,246,240,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:10px 12px 10px 18px;box-shadow:0 14px 40px -16px rgba(30,31,34,.22)}
.hd .brand{border:0;background:none;padding:4px 6px}
.nav a.brand:hover,.nav a.brand:hover *{background:none;text-decoration:none;color:inherit}
.nav a.brand:hover .nm em{color:#B0782E}
.hd .brand .bl{font-weight:700;letter-spacing:.2em;color:var(--sage-d);opacity:1}
.foot .brand .bl{font-weight:700;opacity:1}
@media (max-width:720px){.nav{flex-direction:row;align-items:center;gap:0}.nav ul{flex-wrap:nowrap}}
@media (max-width:720px){.hd{padding:6px 14px 0}.hd.sc .nav{border-radius:18px;padding:8px 10px}}
/* --- footer ardoise --- */
.foot{background:var(--sage-d);color:var(--rose);border-top:0;padding:48px var(--gutter) 52px}
.foot a{color:var(--cream)}
.foot .brand{border-color:rgba(249,246,240,.25);background:none}
.foot .brand .nm{color:var(--cream)}.foot .brand .nm em{color:#D9A85A}.foot .brand .bl{color:var(--rose)}
/* --- en chiffres --- */
.chiffres{display:grid;grid-template-columns:repeat(5,1fr);gap:32px}
.chiffres .n{font-family:var(--serif);font-weight:300;font-size:72px;line-height:1;letter-spacing:-.02em;color:var(--cream);white-space:nowrap}
.chiffres .n small{font-size:.45em;letter-spacing:0}
.chiffres .l{font-size:14px;line-height:1.45;margin-top:12px;color:var(--rose);max-width:14em}
@media (max-width:1100px){.chiffres{grid-template-columns:repeat(3,1fr);gap:40px 24px}.chiffres .n{font-size:56px}}
@media (max-width:560px){.chiffres{grid-template-columns:1fr 1fr;gap:32px 16px}.chiffres .n{font-size:44px}}
/* --- animations légères --- */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}
.hero-in>*{opacity:0;transform:translateY(14px);animation:rise .8s ease forwards}
.hero-in>*:nth-child(2){animation-delay:.12s}.hero-in>*:nth-child(3){animation-delay:.24s}.hero-in>*:nth-child(4){animation-delay:.36s}
.hero-fig{opacity:0;animation:rise 1s .3s ease forwards}
.hero-fig img{transition:transform 6s ease}
@keyframes rise{to{opacity:1;transform:none}}
.bk{transition:transform .25s ease}.bk:hover{transform:translateY(-4px)}
.bk .cov img{transition:transform .35s ease,box-shadow .35s ease}
.bk:hover .cov img{box-shadow:0 30px 48px rgba(0,0,0,.32)}
.link{position:relative}.link::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1.5px;background:currentColor;transition:right .25s ease}.link:hover::after{right:0}
.btn{transition:background .2s,border-color .2s,transform .2s}.btn:hover{transform:translateY(-1px)}
img.cover{transition:transform .4s ease}img.cover:hover{transform:rotate(0) scale(1.02)}
@media (prefers-reduced-motion:reduce){.rv,.hero-in>*,.hero-fig{opacity:1;transform:none;animation:none;transition:none}.bk,.btn,.bk .cov img,img.cover,.hero-fig img{transition:none}}
/* --- bandeau RGPD --- */
.rgpd{position:fixed;left:16px;bottom:16px;z-index:60;display:none;align-items:center;gap:14px;max-width:min(420px,calc(100vw - 32px));background:rgba(30,31,34,.92);color:var(--cream);font-size:13px;line-height:1.45;padding:10px 12px 10px 16px;border-radius:14px;box-shadow:0 12px 30px -10px rgba(0,0,0,.4);backdrop-filter:blur(8px)}
.rgpd.on{display:flex}
.rgpd a{color:var(--cream);text-decoration:underline;text-underline-offset:3px;opacity:.85}
.rgpd button{flex:none;background:var(--cream);color:var(--ink);border:0;border-radius:999px;padding:7px 14px;font:inherit;font-weight:600;cursor:pointer}
/* --- formulaires : jamais plus larges que leur colonne --- */
form{min-width:0;width:100%}
.split>*,.grid-2>*,.field,.qty>*{min-width:0}
.field input,.field textarea,.field select{width:100%;max-width:100%;min-width:0;display:block}
.field select{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%231E1F22' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
/* --- burger --- */
.burger{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;padding:10px;flex-direction:column;justify-content:center;gap:5px;border-radius:12px}
.burger span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .2s}
.hd.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hd.open .burger span:nth-child(2){opacity:0}
.hd.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.noscroll{overflow:hidden}
/* --- responsive : tablette --- */
@media (max-width:1100px){
  .sec[style*="grid-template-columns:1fr 480px"],.sec[style*="grid-template-columns:1fr 420px"],header.sec[style*="grid-template-columns"]{grid-template-columns:1fr 1fr!important;gap:40px!important}
}
/* --- responsive : mobile --- */
@media (max-width:860px){
  .hd{padding:6px 12px 0}
  .hd .nav{padding:8px 4px 8px 10px;flex-direction:row;align-items:center;gap:0}
  .burger{display:flex}
  .nav ul{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 6px);flex-direction:column;gap:4px;background:var(--cream);border:1px solid var(--rule);border-radius:18px;padding:12px;box-shadow:0 24px 60px -20px rgba(30,31,34,.35);font-size:17px}
  .nav ul a{display:block;padding:14px 16px;border-radius:12px}
  .hd.open .nav ul{display:flex}
  .hd.open .nav{background:var(--cream)}
  .hd.open{transform:none!important}
  .brand .nm{font-size:24px}.brand .bl{font-size:9px;letter-spacing:.18em;margin-top:5px}
  .sec[style*="grid-template-columns"],header.sec[style*="grid-template-columns"]{grid-template-columns:1fr!important;gap:32px!important;align-items:start!important}
  .sec[style*="padding-bottom:0"]>div[style*="padding-bottom:64px"]{padding-bottom:0!important}
  .sec>img[style*="aspect-ratio"],.sec>figure>img[style*="aspect-ratio"]{border-radius:var(--r)!important;aspect-ratio:4/3!important}
  .sec[style*="padding-bottom:0"]{padding-bottom:48px!important}
  .sec[style*="padding-top:96px"]{padding-top:64px!important}.sec[style*="padding-bottom:96px"]{padding-bottom:64px!important}
  .sec[style*="padding-top:128px"]{padding-top:72px!important;padding-bottom:72px!important}
  .sec>div[style*="display:flex"][style*="gap:40px"]{flex-direction:column;align-items:flex-start!important;gap:24px!important}
  div[style*="display:flex"][style*="align-items:center"]{flex-wrap:wrap;row-gap:8px}
  .h-display{font-size:46px}.h-1{font-size:40px}.h-2{font-size:34px}.h-3{font-size:29px}.h-4{font-size:24px}
  .num{font-size:44px}
  .lede{font-size:19px;max-width:none}
  .body-l{font-size:17px}.read{font-size:16px}
  blockquote[style*="font-size:40px"]{font-size:24px!important;line-height:1.35!important}
  p[style*="font-size:56px"]{font-size:30px!important}
  p[style*="font-size:21px"]{font-size:18px!important}
  .sec>div.sage[style*="padding:64px 0"]{padding:36px 0!important}
  .sec>div.sage .cover{width:200px!important}
  img.cover[style*="width:300px"]{width:200px!important}
  img[style*="width:180px"]{width:140px!important}
  img.rd[style*="max-width:340px"]{max-width:260px!important}
  .btn{padding:12px 20px;font-size:14px}
  .btns{gap:10px}
  .foot{flex-direction:column;align-items:flex-start;gap:20px}.foot .r{text-align:left}
  form[style*="max-width:620px"]{max-width:none!important}
  .ev{grid-template-columns:72px 1fr;gap:14px}.ev .d{font-size:28px}
  .tl .y{font-size:22px}
  .gal[style*="columns:2"]{columns:1!important}
  ul[style*="font-size:17px"]{font-size:16px}
}
@media (max-width:420px){
  .h-display{font-size:40px}.h-1{font-size:36px}
  .btns .btn{width:100%;text-align:center}
}
/* --- ajouts etiennebourgeois.fr --- */
.nav a.cta{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.nav a.cta:hover{background:var(--sage-d);border-color:var(--sage-d)}
.todo{display:inline-block;background:#FFF3D6;border:1px dashed #D9B35A;color:#6B5310;padding:8px 12px;border-radius:12px;font-size:13.5px;line-height:1.5}
.books{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.bk{display:flex;flex-direction:column;gap:18px}
.bk .cov{background:var(--rose);border-radius:var(--r);padding:36px 24px;display:flex;justify-content:center;align-items:flex-end;min-height:320px}
.bk .cov img{width:170px;border-radius:4px;box-shadow:0 24px 40px rgba(0,0,0,.28);transform:rotate(-3deg);transition:transform .2s}
.bk:hover .cov img{transform:rotate(0)}
.bk .cov.empty{font-family:var(--serif);font-size:22px;font-weight:300;font-style:italic;color:var(--sage-d);align-items:center;text-align:center}
.bk .cov.sage{background:var(--sage)}
.bk .t{font-family:var(--serif);font-size:26px;line-height:1.15}
.bk p{font-size:15px;color:var(--ink-2);margin:0}
.facts{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.9;color:var(--ink-2)}
.facts b{color:var(--sage-d);font-weight:600}
.price{font-family:var(--serif);font-weight:300;font-size:44px;line-height:1;color:var(--sage-d)}
.on-sage .price{color:var(--cream)}
.tl{list-style:none;margin:0;padding:0}
.tl li{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:18px 0;border-top:1px solid var(--rule-2)}
.tl li:last-child{border-bottom:1px solid var(--rule-2)}
.tl .y{font-family:var(--serif);font-size:30px;line-height:1.1;color:var(--sage-t)}
.qty{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.field .btn{cursor:pointer;font-family:var(--sans)}
@media (max-width:1100px){.books{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.books{grid-template-columns:1fr}.tl li{grid-template-columns:1fr;gap:4px}.qty{grid-template-columns:1fr}}

/* Police de titre : Playfair Display */
:root{--serif:"Playfair Display",Georgia,"Times New Roman",serif}
h1,h2,h3,.lede,.num,.brand .nm,.chiffres .n,.price,.bk .cov.empty,.foot .brand{font-weight:400;font-variation-settings:normal}
h1,h2,h3{letter-spacing:-.01em}
.lede{font-size:24px}
.h-display{font-size:88px}
@media (max-width:1100px){.h-display{font-size:68px}}
@media (max-width:860px){.h-display{font-size:42px}.lede{font-size:17px;line-height:1.45}}
@media (max-width:420px){.h-display{font-size:36px}}
/* Bleu « texte » : plus lumineux que le bleu des fonds, lisible sur crème et rosé */
.kicker,.link,.strong,.price,.facts b,.field label,figcaption,.brand .bl,.hd .brand .bl,.pill.cream,.bk .cov.empty,.on-sage .kicker{color:var(--sage-t)}
.on-sage .kicker,.on-sage .link{color:var(--rose)}
h1 em,.h-1 em,.h-2 em,.h-display em{color:var(--sage-t)}
.on-sage h1 em,.on-sage h2 em,.on-sage h3 em,.on-sage .h-1 em,.on-sage .h-2 em,.on-sage .h-3 em,.on-sage .h-4 em,.on-sage .h-display em,.sage h2 em,.sage h3 em{color:var(--rose)}
.on-sage .kicker,.on-sage .link,.on-sage figcaption,.on-sage .strong,.on-sage .facts b,.on-sage .price{color:var(--rose)}
.foot .brand .bl{color:var(--rose)}
/* Palette « Ardoise & pierre » */
:root{--cream:#F9F6F0;--sage:#3C5468;--sage-d:#2A3D4D;--sage-t:#2F6A94;--rose:#EAE1D0;--ink:#1E1F22;--ink-2:#464A50;--rule:rgba(30,31,34,.14);--rule-2:rgba(30,31,34,.18)}
.num{color:#B0782E}.on-sage .num{color:var(--cream)}.tl .y{color:#B0782E}
.pill.fill{background:#B0782E;border-color:#B0782E}.pill.cream{color:var(--sage-d)}
.link{color:#8F5F1E}.on-sage .link{color:var(--cream)}