@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:300 800;src:url(/fonts/outfit-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:300 800;src:url(/fonts/outfit-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}:root{--ink:#1B1C1F;--paper:#FBFBFC;--grey-50:#F4F5F7;--grey-100:#E9EBEE;--grey-200:#D8DBDF;--grey-400:#A6ABB2;--grey-600:#6F747C;--grey-800:#3C3F45;--hairline:#E9EBEE;--accent:#16B3C4;--accent-texte:#0A7280;--accent-doux:#E4F6F8;--second:#E2472A;--second-doux:#FDEDE9;--second-fonce:#C43A20;--on-accent:#fff;--font-display:"Outfit","Century Gothic","Segoe UI",sans-serif;--font-body:"Outfit","Century Gothic","Segoe UI",sans-serif;--font-mono:"IBM Plex Mono","SF Mono",ui-monospace,monospace;--text-hero:clamp(3rem,7.5vw,6rem);--text-h1:clamp(2.1rem,4.4vw,2.75rem);--text-h2:clamp(1.5rem,3vw,1.875rem);--text-h3:1.3125rem;--text-body:1.0625rem;--text-small:.9375rem;--text-caption:.8125rem;--s1:.5rem;--s2:1rem;--s3:1.5rem;--s4:2.5rem;--s5:4rem;--s6:7rem;--radius:12px;--rule:1px solid var(--hairline);--page:min(1180px,100% - 3rem);--prose:42em}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--text-body)/1.6 var(--font-body);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;margin:0}h1{font-size:var(--text-h1);line-height:1.06;letter-spacing:-.025em}h2{font-size:var(--text-h2);line-height:1.15;letter-spacing:-.02em}h3{font-size:var(--text-h3);line-height:1.25;letter-spacing:-.01em}p{margin:0 0 1.15em}.stop{color:var(--accent)}.page{width:var(--page);margin-inline:auto}.mono{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.1em;color:var(--grey-600);font-weight:500}.kicker{display:flex;align-items:baseline;gap:.75rem;margin-bottom:var(--s3);padding-bottom:.6rem;border-bottom:1px solid var(--hairline)}.kicker .n{color:var(--second)}.rule{border-top:var(--rule)}.rule-ink{border-top:2px solid var(--ink)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--paper) 88%,transparent);backdrop-filter:saturate(140%) blur(10px);border-bottom:var(--rule)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:.9rem 0}.wordmark{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.03em;white-space:nowrap}.nav{display:flex;gap:var(--s3);align-items:center}.nav a{font-size:var(--text-small);color:var(--grey-600);transition:color .15s}.nav a:hover,.nav a[aria-current]{color:var(--ink)}.nav a[aria-current]{font-weight:600}.site-footer{margin-top:var(--s6);border-top:var(--rule);padding:var(--s4) 0 var(--s5)}.site-footer .inner{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:space-between;align-items:baseline}.hero{padding:var(--s6) 0 var(--s5)}.hero h1{font-size:var(--text-hero);line-height:1.02;letter-spacing:-.03em;max-width:14ch}.hero .chapo{max-width:34em;color:var(--grey-800);font-size:1.1875rem;margin-top:var(--s3)}.stats{display:flex;flex-wrap:wrap;gap:var(--s4);margin-top:var(--s4);padding-top:var(--s3);border-top:var(--rule)}.stat .n{font-family:var(--font-display);font-weight:700;font-size:2rem;letter-spacing:-.02em;line-height:1}.stat:first-child .n{color:var(--accent-texte)}.stat .l{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.1em;color:var(--grey-600);margin-top:.35rem}.grid{display:grid;gap:var(--s3)}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.card{display:block;border-radius:var(--radius);overflow:hidden;background:var(--grey-50);border:1px solid var(--hairline);transition:transform .18s ease,border-color .18s}.card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent) 35%,var(--grey-200))}.card .ph{aspect-ratio:3/2;overflow:hidden;background:var(--grey-100)}.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .ph img{transform:scale(1.03)}.card .body{padding:var(--s2) var(--s2) var(--s3)}.card h3{margin-bottom:.35rem}.card .meta{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--grey-600)}.card .meta .n{color:var(--second)}.card .ex{color:var(--grey-600);font-size:var(--text-small);margin:.5rem 0 0}.article{padding-top:var(--s5)}.article .entete{max-width:var(--prose);margin-inline:auto}.article .entete h1{margin:.75rem 0 var(--s2)}.prose{max-width:var(--prose);margin-inline:auto;font-size:1.09375rem;line-height:1.72}.prose>p:first-of-type{font-size:1.1875rem;color:var(--grey-800)}.prose a{color:var(--accent-texte);border-bottom:1px solid transparent}.prose a:hover{border-bottom-color:var(--accent-texte)}.prose h2{margin:var(--s4) 0 var(--s2)}.prose blockquote{margin:var(--s3) 0;padding-left:var(--s2);border-left:2px solid var(--second);color:var(--grey-800)}.prose ul{padding-left:1.1rem}.prose li{margin-bottom:.4em}.prose li::marker{color:var(--second)}.galerie{margin:var(--s4) 0;display:grid;gap:6px}.galerie.n1{grid-template-columns:1fr}.galerie.n2{grid-template-columns:repeat(2,1fr)}.galerie.n3{grid-template-columns:repeat(3,1fr)}.galerie.n4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.galerie a{display:block;overflow:hidden;border-radius:6px;background:var(--grey-100)}.galerie img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2;transition:opacity .2s}.galerie.n1 img{aspect-ratio:auto}.galerie a:hover img{opacity:.9}.large{width:min(1000px,calc(100vw - 3rem));margin-left:calc(50% - min(500px,50vw - 1.5rem));margin-right:auto}.commentaires{max-width:var(--prose);margin-inline:auto;margin-top:var(--s5);padding-top:var(--s3);border-top:var(--rule)}.commentaires li{list-style:none;padding:var(--s2) 0;border-bottom:var(--rule)}.commentaires ul{padding:0;margin:var(--s2) 0 0}.commentaires .qui{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--second);margin-bottom:.35rem}.commentaires .txt{color:var(--grey-800)}.suite{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);max-width:1000px;margin-inline:auto;margin-top:var(--s5);padding-top:var(--s3);border-top:2px solid var(--ink)}.suite a{display:block}.suite .mono{color:var(--second)}.suite .droite{text-align:right}.suite .t{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;margin-top:.3rem}.frise{border-top:var(--rule)}.annee{display:grid;grid-template-columns:7rem 1fr;gap:var(--s3);padding:var(--s4) 0;border-bottom:var(--rule)}.annee .a{font-family:var(--font-display);font-weight:700;font-size:2.25rem;letter-spacing:-.02em;line-height:1;position:sticky;top:5rem;align-self:start;color:var(--ink)}.annee ol{list-style:none;margin:0;padding:0}.annee li{padding:.55rem 0;border-bottom:var(--rule);display:flex;gap:var(--s2);align-items:baseline}.annee li:last-child{border-bottom:0}.annee .d{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--second);letter-spacing:.06em;min-width:5.5rem;text-transform:uppercase}.annee .t{font-weight:500}.annee li:hover .t{color:var(--accent-texte)}.annee li:hover .d{color:var(--second-fonce)}.annee .p{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--grey-400);margin-left:auto}.mosaique{columns:4 240px;column-gap:8px;margin-top:var(--s4)}.mosaique a{display:block;margin-bottom:8px;break-inside:avoid;border-radius:6px;overflow:hidden;background:var(--grey-100)}.mosaique img{width:100%;transition:opacity .2s}.mosaique a:hover img{opacity:.88}.lightbox{position:fixed;inset:0;background:#1b1c1ff7;display:none;align-items:center;justify-content:center;z-index:100}.lightbox.on{display:flex}.lightbox img{max-width:94vw;max-height:88vh;object-fit:contain;border-radius:4px}.lightbox .fermer,.lightbox .prec,.lightbox .suiv{position:absolute;background:none;border:0;cursor:pointer;color:var(--paper);font-family:var(--font-mono);font-size:1.5rem;padding:1rem;line-height:1;opacity:.75}.lightbox .fermer:hover,.lightbox .prec:hover,.lightbox .suiv:hover{opacity:1;color:var(--accent)}.lightbox .fermer{top:.5rem;right:1rem}.lightbox .prec{left:.5rem}.lightbox .suiv{right:.5rem}.lightbox .compte{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.1em;color:var(--second)}.section{padding:var(--s5) 0}.entre{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);margin-bottom:var(--s3)}.lien-plus{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.1em;color:var(--grey-600)}.lien-plus:hover{color:var(--accent-texte)}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.08em;padding:.3rem .6rem;border:1px solid var(--hairline);border-radius:999px;color:var(--grey-600)}.tag:hover{border-color:var(--second);color:var(--second-fonce)}.brouillon{color:var(--second-fonce);border-color:color-mix(in oklab,var(--second) 35%,var(--paper))}@media(max-width:640px){.annee{grid-template-columns:1fr;gap:var(--s2)}.annee .a{position:static}.annee .p{display:none}.suite{grid-template-columns:1fr}.suite .droite{text-align:left}.mosaique{columns:2 150px}.nav{gap:var(--s2)}.nav a{font-size:var(--text-caption)}}
