:root{--paper: #f4efe4;--ink: #1a1814;--ochre: #8a6329;--ochre-deep: #6f4d1e;--muted: #5a554d;--serif: "Georgia", "Times New Roman", "Times", serif;--sans: "Helvetica Neue", "Helvetica", "Arial", sans-serif;--mono: "ui-monospace", "SFMono-Regular", "Menlo", "Consolas", monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:.95rem;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--ochre-deep)}:focus-visible{outline:3px solid var(--ochre-deep);outline-offset:3px}h1,h2,h3{font-family:var(--serif);margin:0;line-height:.95;letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(3rem,8vw,7.5rem)}h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;margin-top:2.5rem}h3{font-size:1.25rem;font-weight:600}p{margin:0 0 1rem}ul,ol{margin:0 0 1rem;padding-left:1.25rem}li{margin-bottom:.4rem}.margin{position:fixed;left:0;top:0;bottom:0;width:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;pointer-events:none;z-index:0;border-right:3px solid var(--ink)}.margin-num{font-family:var(--mono);font-size:clamp(4rem,6vw,7rem);font-weight:700;color:var(--ochre);opacity:.32;line-height:1;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:-.04em}.margin-rule{width:2px;height:80px;background:var(--ink);opacity:.35}.site-header{display:flex;justify-content:space-between;align-items:baseline;padding:1.25rem clamp(1rem,4vw,3rem);border-bottom:3px solid var(--ink);margin-left:96px;background:var(--paper);position:relative;z-index:1}.brand{font-family:var(--serif);font-size:1.4rem;font-weight:700;text-decoration:none;letter-spacing:-.01em}.site-header nav a{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;text-decoration:none;margin-left:1.5rem}.site-header nav a:hover{color:var(--ochre-deep)}main{margin-left:96px;--pad: clamp(1rem, 4vw, 3rem);padding:0 var(--pad) 4rem;position:relative;z-index:1}.site-footer{margin-left:96px;padding:1.5rem clamp(1rem,4vw,3rem);border-top:3px solid var(--ink);font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.band{background:var(--ochre);color:var(--paper);padding:clamp(2rem,6vw,5rem) var(--pad);margin:0 calc(-96px - var(--pad)) 3rem;width:calc(100% + 96px + 2 * var(--pad));border-bottom:3px solid var(--ink)}.band h1{color:var(--paper)}.band .kicker{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;margin:0 0 1rem;color:var(--paper);opacity:.85}.band .lead{font-size:1.1rem;max-width:62ch;margin-top:1.5rem;color:var(--paper);opacity:.92}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;margin-bottom:3rem}.hero-image{border:3px solid var(--ink);background:var(--ink)}.hero-image picture,.hero-image img{display:block;width:100%;height:100%;aspect-ratio:3 / 2;object-fit:cover}.hero-copy p{font-size:1.05rem}.guides h2{border-top:3px solid var(--ink);padding-top:1.5rem}.guide-list{list-style:none;padding:0;margin:2rem 0 3rem;border-top:3px solid var(--ink)}.guide-item{display:grid;grid-template-columns:80px 1fr;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--ink);align-items:baseline}.guide-num{font-family:var(--mono);font-size:2.5rem;font-weight:700;color:var(--ochre);line-height:1}.guide-title{font-family:var(--serif);font-size:1.4rem;font-weight:700;text-decoration:none;display:block;letter-spacing:-.01em}.guide-title:hover{color:var(--ochre-deep)}.guide-desc{font-size:.9rem;color:var(--muted);margin:.3rem 0 .5rem}.guide-rub{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ochre-deep)}.encadre-outils{border:3px solid var(--ink);padding:1.5rem;margin:3rem 0;background:var(--paper)}.encadre-outils h2{margin-top:0;border:none;padding:0;font-size:1.2rem}.encadre-outils ul{list-style:none;padding:0;margin:.75rem 0 0}.encadre-outils li{border-top:1px solid var(--ink);padding:.5rem 0;font-family:var(--mono);font-size:.85rem;word-break:break-all}.encadre-outils li:first-child{border-top:none}.prose{max-width:720px}.prose p{font-size:1rem}.contact-block h2{border-top:3px solid var(--ink);padding-top:1.5rem}.article{max-width:720px}.article h2{margin-top:3rem;border-top:3px solid var(--ink);padding-top:1.5rem;font-size:clamp(1.3rem,2.5vw,1.8rem)}.article h3{margin-top:2rem;font-size:1.15rem}.article p{font-size:1rem}.article p:first-of-type:first-letter{font-family:var(--serif);font-size:4.5rem;line-height:.85;float:left;padding:.05em .12em 0 0;color:var(--ochre-deep);font-weight:700}.article ul,.article ol{border-left:3px solid var(--ochre);padding-left:1.25rem;margin-left:0}.article li{margin-bottom:.5rem}.article strong{font-weight:700}.meta{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ochre-deep);margin:0 0 2rem}@media(max-width:768px){.margin{display:none}.site-header,main,.site-footer{margin-left:0}.band{margin-left:calc(-1 * var(--pad));width:calc(100% + 2 * var(--pad))}.hero-grid{grid-template-columns:1fr}.guide-item{grid-template-columns:56px 1fr;gap:1rem}.guide-num{font-size:1.8rem}h1{font-size:clamp(2.4rem,12vw,4rem)}.article p:first-of-type:first-letter{font-size:3.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}