:root{--ink:#17151b;--muted:#67616b;--paper:#fbf8f3;--surface:#fffdfa;--plum:#703956;--deep:#51263c;--sage:#55766d;--peach:#d69072;--line:#e5ded8;--max:80rem;--text:46rem;--shadow:0 20px 55px rgba(54,35,46,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.75 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}a{color:var(--deep);text-underline-offset:.22em}a:focus-visible{outline:3px solid var(--peach);outline-offset:4px;border-radius:.15rem}.wrap{width:min(calc(100% - 2.5rem),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(112,57,86,.12);background:rgba(251,248,243,.94);backdrop-filter:blur(14px)}.header-inner{min-height:6.2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.brand{display:flex;flex-direction:column;width:11rem;color:var(--ink);font-size:1.35rem;font-weight:900;line-height:.88;letter-spacing:-.055em;text-decoration:none;text-transform:uppercase}.brand small{font-size:.63rem;line-height:1.3;letter-spacing:.035em;color:var(--muted);font-weight:600;text-transform:none;margin-top:.65rem}.nav{display:flex;gap:.25rem 1.6rem;flex-wrap:wrap}.nav a{position:relative;color:var(--ink);font-size:.9rem;font-weight:750;text-decoration:none;padding:.7rem 0}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:.45rem;height:2px;background:var(--plum);transition:right .2s}.nav a:hover:after{right:0}
.page,.article{width:min(calc(100% - 2.5rem),var(--text));margin:auto;padding:clamp(3.8rem,7vw,7.5rem) 0}.page:first-child{width:min(calc(100% - 2.5rem),var(--max))}.article-head{margin-bottom:clamp(2.5rem,5vw,4.5rem)}.page>.article-head{position:relative;min-height:31rem;padding:clamp(3rem,7vw,6.5rem) min(44%,35rem) 3rem 0;display:flex;flex-direction:column;justify-content:center}.eyebrow{display:flex;align-items:center;gap:.7rem;margin:0 0 1.25rem;color:var(--plum);font-size:.75rem;font-weight:850;letter-spacing:.145em;text-transform:uppercase}.eyebrow:before{content:"";width:2.2rem;height:2px;background:linear-gradient(90deg,var(--peach),var(--plum))}h1,h2,h3{font-family:ui-serif,Georgia,Cambria,"Times New Roman",serif;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(2.75rem,6.2vw,5.35rem);margin:0}.article h1{font-size:clamp(2.8rem,5.7vw,4.8rem);max-width:16ch}h2{font-size:clamp(2rem,3.4vw,3.15rem);margin:0 0 1.2rem}.lede{font-size:clamp(1.18rem,1.75vw,1.45rem);line-height:1.55;color:#504a52}.meta,.crumb{font-size:.86rem;color:var(--muted)}.meta{margin-top:1.4rem}.crumb{width:min(calc(100% - 2.5rem),var(--text));margin:2rem auto 0;display:flex;gap:.6rem}.crumb a{color:var(--muted)}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.15rem;padding:.75rem 1.15rem;border-radius:999px;font-size:.86rem;font-weight:800;text-decoration:none}.button.primary{background:var(--deep);color:#fff;box-shadow:0 8px 24px rgba(81,38,60,.18)}.button.secondary{border:1px solid var(--line);background:#fff9;color:var(--ink)}.hero-art{position:absolute;right:0;top:50%;width:min(38%,27rem);aspect-ratio:.84;transform:translateY(-50%);overflow:hidden;border-radius:11rem 11rem 1.5rem 1.5rem;background:linear-gradient(145deg,#eed6cc 0 34%,#b7c9c0 34% 64%,#72516b 64%);box-shadow:var(--shadow)}.hero-art:after{content:"";position:absolute;inset:8%;border:1px solid #ffffffa6;border-radius:inherit}.hero-art span{position:absolute;border-radius:50%;mix-blend-mode:screen}.hero-art span:nth-child(1){width:62%;aspect-ratio:1;background:#d39880;right:-15%;top:8%}.hero-art span:nth-child(2){width:42%;aspect-ratio:1;background:#83759b;left:7%;bottom:18%}.hero-art span:nth-child(3){width:28%;aspect-ratio:1;background:#f1d6a2;right:16%;bottom:6%}.hero-art b{position:absolute;left:13%;top:15%;z-index:2;color:#fff;font:700 clamp(1.4rem,2.4vw,2.25rem)/.95 ui-serif,Georgia,serif;letter-spacing:-.04em}
.prose{font-size:1.04rem}.prose>p,.prose>ul{max-width:70ch}.page>.prose>p{max-width:48rem}.page>.prose>section{width:100%;margin:clamp(5rem,9vw,9rem) 0}.page>.prose>#guides>h2:before{content:"À lire maintenant";display:block;font:800 .72rem/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--plum);margin-bottom:1rem}
.cards{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:repeat(2,minmax(12rem,auto));gap:1.15rem;margin-top:2.2rem}.card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:14rem;overflow:hidden;border:1px solid var(--line);border-radius:1.25rem;padding:1.6rem;background:var(--surface);color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s}.card:after{content:"Lire le guide  →";margin-top:1.2rem;color:var(--plum);font-size:.8rem;font-weight:850}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card:first-child{grid-row:1/3;min-height:30rem;padding:2.2rem;background:linear-gradient(155deg,#f3e5df,#fffaf5 55%,#e1e9e4)}.card:first-child:before{content:"01";position:absolute;right:1.5rem;top:.4rem;color:#7039561a;font:700 8rem/1 ui-serif,Georgia,serif}.card:nth-child(2){background:#edf2ef}.card:nth-child(3){background:#f1edf3}.card span{color:var(--plum);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900}.card strong{max-width:22ch;font:700 clamp(1.35rem,2vw,2rem)/1.08 ui-serif,Georgia,serif;letter-spacing:-.03em;margin:.7rem 0}.card:first-child strong{font-size:clamp(2rem,3.2vw,3.15rem);max-width:14ch}.card p{color:var(--muted);line-height:1.55;margin:0;max-width:35ch}
.page>.prose>section:not(#guides){display:grid;grid-template-columns:minmax(13rem,.7fr) 1.3fr;gap:clamp(2rem,8vw,8rem);align-items:start;padding:3.8rem 0;border-top:1px solid var(--line);margin:0}.page>.prose>section:not(#guides):nth-of-type(even){grid-template-columns:1.3fr minmax(13rem,.7fr)}.page>.prose>section:not(#guides):nth-of-type(even) h2{order:2}.page>.prose>section:not(#guides) h2{font-size:clamp(2.4rem,4vw,4rem);max-width:10ch}.page>.prose>section:not(#guides) p{font-size:1.08rem;color:var(--muted);margin:.35rem 0}.trust{position:relative;margin:6rem 0 0;padding:clamp(2rem,5vw,4.5rem);border-radius:1.5rem;background:var(--deep);color:#fff;overflow:hidden}.trust:after{content:"";position:absolute;width:13rem;aspect-ratio:1;border:1px solid #ffffff2e;border-radius:50%;right:-3rem;top:-4rem}.trust h2{max-width:12ch}.trust p{color:#e9dfe4}.trust a{color:#fff;font-weight:800}
.article{padding-top:clamp(3rem,6vw,6rem)}.article>.article-head{padding-bottom:2.6rem;border-bottom:1px solid var(--line)}.article .prose>h2{margin-top:clamp(3.3rem,6vw,5.2rem);font-size:clamp(1.9rem,3vw,2.65rem)}.article .prose>p,.article .prose>ul{font-size:clamp(1.03rem,1.25vw,1.12rem)}.article .prose>p:first-child{font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.55;color:#504a52}.article .prose li+li{margin-top:.7rem}.notice{border-left:.25rem solid var(--peach);background:#f4ece8;padding:1.2rem 1.4rem;border-radius:0 .7rem .7rem 0}
.site-footer{margin-top:4rem;background:#211a20;color:#cfc5cc;padding:clamp(3rem,7vw,5.5rem) 0}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.footer-inner>div{max-width:25rem}.footer-inner strong{display:block;color:#fff;font:800 clamp(1.6rem,2.5vw,2.4rem)/.95 ui-serif,Georgia,serif;text-transform:uppercase}.footer-inner p{margin:1rem 0 0}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(8rem,1fr));gap:.7rem 2rem}.footer-links a{color:#eee6eb;text-decoration:none}.footer-links a:hover{text-decoration:underline}
@media(max-width:52rem){.site-header{position:relative}.header-inner{min-height:auto;padding:1.2rem 0;align-items:flex-start;flex-direction:column;gap:.9rem}.nav{width:100%;gap:.15rem 1.15rem}.nav a{font-size:.82rem}.page>.article-head{min-height:auto;padding:4.5rem 0 24rem}.hero-art{top:auto;bottom:0;left:0;transform:none;width:min(100%,22rem);height:21rem}.cards{grid-template-columns:1fr 1fr;grid-template-rows:auto}.card:first-child{grid-column:1/-1;grid-row:auto;min-height:25rem}.page>.prose>section:not(#guides),.page>.prose>section:not(#guides):nth-of-type(even){grid-template-columns:1fr;gap:.5rem}.page>.prose>section:not(#guides):nth-of-type(even) h2{order:0}.footer-inner{grid-template-columns:1fr}}
@media(max-width:35rem){.wrap,.page,.article,.page:first-child,.crumb{width:min(calc(100% - 2rem),var(--max))}h1{font-size:clamp(2.65rem,13vw,3.6rem)}.page>.article-head{padding-top:3.2rem}.hero-actions{display:grid}.button{width:100%}.cards{grid-template-columns:1fr}.card:first-child{grid-column:auto;min-height:23rem}.card{min-height:12rem;padding:1.35rem}.footer-links{grid-template-columns:1fr}}
@media(min-width:100rem){body{font-size:1.06rem}.page>.article-head{min-height:34rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav a:after,.card{transition:none}.card:hover{transform:none}}