:root{--bleu-nuit: #0f1b2d;--bleu-profond: #1a2942;--bleu-encre: #233655;--or: #c89b3c;--or-clair: #e0c074;--blanc-casse: #f5f2ec;--gris-texte: #3a4456;--gris-doux: #6b7488;--ligne: #e2ddd2;--serif-display: "Fraunces", Georgia, serif;--serif-body: "Newsreader", Georgia, serif;--sans: "Söhne", -apple-system, BlinkMacSystemFont, sans-serif;--max-width: 720px;--max-width-large: 1100px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--serif-body);background-color:var(--blanc-casse);color:var(--gris-texte);line-height:1.7;font-size:1.12rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--serif-display);color:var(--bleu-nuit);line-height:1.15;font-weight:500;letter-spacing:-.01em}h1{font-size:clamp(2.2rem,5vw,3.4rem)}h2{font-size:clamp(1.6rem,3vw,2.1rem);margin-top:2.5em}h3{font-size:1.35rem;margin-top:2em}p{margin-bottom:1.4em}a{color:var(--bleu-nuit);text-decoration-color:var(--or);text-underline-offset:3px}a:hover{color:var(--or)}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.wrap-large{max-width:var(--max-width-large);margin:0 auto;padding:0 1.5rem}.site-header{border-bottom:1px solid var(--ligne);background:var(--blanc-casse)}.site-header .wrap-large{display:flex;align-items:center;justify-content:space-between;padding-top:1.6rem;padding-bottom:1.6rem}.logo{font-family:var(--serif-display);font-size:1.3rem;font-weight:600;color:var(--bleu-nuit);text-decoration:none;letter-spacing:-.01em}.logo:hover{color:var(--bleu-nuit)}.nav a{font-family:var(--sans);font-size:.9rem;margin-left:2rem;color:var(--gris-texte);text-decoration:none;letter-spacing:.02em}.nav a:hover{color:var(--or)}.site-footer{margin-top:6rem;border-top:1px solid var(--ligne);padding:3rem 0;font-family:var(--sans);font-size:.85rem;color:var(--gris-doux)}.site-footer .wrap-large{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.site-footer a{color:var(--gris-doux);text-decoration:none}.site-footer a:hover{color:var(--or)}.hero{background:var(--bleu-nuit);color:var(--blanc-casse);padding:6rem 0 5rem;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:-40%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(200,155,60,.18),transparent 70%);pointer-events:none}.hero h1{color:var(--blanc-casse);max-width:16ch}.hero .kicker{font-family:var(--sans);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--or-clair);margin-bottom:1.4rem}.hero .lede{margin-top:1.6rem;max-width:48ch;font-size:1.2rem;color:#f5f2ecd1}.articles-section{padding:4.5rem 0}.section-title{font-family:var(--sans);text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;color:var(--gris-doux);margin-bottom:2.5rem;padding-bottom:.8rem;border-bottom:1px solid var(--ligne)}.article-card{display:block;text-decoration:none;padding:2rem 0;border-bottom:1px solid var(--ligne);transition:padding-left .25s ease}.article-card:hover{padding-left:.6rem}.article-card .pilier{font-family:var(--sans);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--or)}.article-card h2{margin-top:.5rem;font-size:1.6rem;transition:color .2s ease}.article-card:hover h2{color:var(--or)}.article-card .desc{color:var(--gris-texte);margin-top:.5rem}.article-card .date{font-family:var(--sans);font-size:.8rem;color:var(--gris-doux);margin-top:.7rem}.article-header{padding:4rem 0 2rem;text-align:center}.article-header .pilier{font-family:var(--sans);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--or)}.article-header h1{margin:1.2rem auto 1rem;max-width:20ch}.article-header .date{font-family:var(--sans);font-size:.85rem;color:var(--gris-doux)}.article-cover{width:100%;max-width:var(--max-width-large);margin:2rem auto 3rem;display:block;border-radius:4px}.article-body{font-size:1.18rem;line-height:1.8}.article-body p:first-of-type:first-letter{font-family:var(--serif-display);font-size:3.6rem;float:left;line-height:.8;padding:.1em .1em 0 0;color:var(--or)}.page-header{padding:4rem 0 1rem}.page-body{padding-bottom:3rem;font-size:1.16rem;line-height:1.8}.page-body h2{font-size:1.5rem}@media (max-width: 640px){.nav a{margin-left:1.1rem;font-size:.82rem}.hero{padding:4rem 0 3.5rem}.article-body p:first-of-type:first-letter{font-size:2.8rem}}