:root{--color-lin-chaud:#f5f1e8;--color-encre-ardoise:#3d3833;--color-terracotta-cuit:#b8532f;--color-vert-sauge-eteint:#6b7355;--color-brique-rosee:#d9a441;--color-bois-fume:#4a6b7a;--font-display:"Fraunces", Georgia, serif;--font-body:"Public Sans", Arial, sans-serif;--font-utility:"JetBrains Mono", monospace;--container:72rem;--space-page:clamp(1.25rem, 4vw, 3rem)}*,:before,:after{box-sizing:border-box}html{color:var(--color-encre-ardoise);background:var(--color-lin-chaud);font-family:var(--font-body);scroll-behavior:smooth}body{text-rendering:optimizelegibility;min-height:100vh;margin:0;font-size:1rem;line-height:1.7}img{max-width:100%;height:auto;display:block}.img-hero{aspect-ratio:16/9;overflow:hidden}.img-card{aspect-ratio:4/3;overflow:hidden}.img-body{aspect-ratio:3/2;overflow:hidden}.img-portrait{aspect-ratio:1;border-radius:50%;overflow:hidden}.img-hero img,.img-card img,.img-body img,.img-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%}a{color:var(--color-terracotta-cuit);text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{color:var(--color-bois-fume)}a:focus-visible,button:focus-visible{outline:3px solid var(--color-brique-rosee);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;font-weight:600;line-height:1.08}h1{letter-spacing:-.035em;max-width:14ch;margin-bottom:1.5rem;font-size:clamp(2.75rem,7vw,5.8rem)}h2{padding-bottom:.45rem;font-size:clamp(2rem,4vw,3.35rem);position:relative}h2:after{background:var(--color-bois-fume);content:"";width:min(5rem,22%);height:2px;position:absolute;bottom:0;left:0}.container{width:min(100% - (2 * var(--space-page)), var(--container));margin-inline:auto}.skip-link{z-index:20;color:var(--color-lin-chaud);background:var(--color-encre-ardoise);padding:.65rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid color-mix(in srgb, var(--color-bois-fume) 28%, transparent)}.header-inner{justify-content:space-between;align-items:center;gap:2rem;min-height:5.5rem;display:flex}.brand{color:var(--color-encre-ardoise);font-family:var(--font-display);align-items:center;gap:.75rem;font-size:1.2rem;font-weight:650;text-decoration:none;display:inline-flex}.brand-mark{border:2px solid var(--color-terracotta-cuit);border-bottom-width:4px;width:1.6rem;height:1.6rem;display:block;position:relative}.brand-mark span{border-top:2px solid var(--color-terracotta-cuit);width:1rem;position:absolute;bottom:-.3rem;right:-.45rem}.nav-list{gap:clamp(1rem,3vw,2.25rem);margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:var(--color-encre-ardoise);font-family:var(--font-utility);letter-spacing:.08em;text-transform:uppercase;font-size:.73rem;font-weight:500;text-decoration:none}.nav-list a:hover{color:var(--color-terracotta-cuit)}.hero{padding-top:clamp(4.5rem,10vw,8.5rem)}.hero-inner{align-content:center;min-height:clamp(20rem,48vw,34rem);padding-bottom:clamp(3rem,7vw,6rem);display:grid}.hero-intro{max-width:42rem;margin-bottom:0;font-size:clamp(1.1rem,2vw,1.35rem)}.kicker,.article-meta{color:var(--color-vert-sauge-eteint);font-family:var(--font-utility);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:500}.palier-line{background:var(--color-bois-fume);width:100%;height:3px}.palier-line--footer{margin-top:clamp(3rem,7vw,6rem)}.skyline-wrap{text-align:center;margin-top:clamp(1.5rem,4vw,2.5rem)}.skyline{width:100%;max-width:720px;height:clamp(36px,6vw,56px)}.skyline path{fill:none;stroke:var(--color-bois-fume);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;opacity:.55}.skyline-caption{font-family:var(--font-utility,monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--color-bois-fume);opacity:.7;margin-top:.4rem;font-size:.7rem}.content-section{padding-block:clamp(4rem,9vw,8rem)}.intro-grid{grid-template-columns:minmax(0,.8fr) minmax(18rem,1.2fr);align-items:start;gap:clamp(2rem,7vw,7rem);display:grid}.intro-grid h2{margin-bottom:0}.intro-copy{max-width:42rem}.intro-copy p:last-child{margin-bottom:0}.article-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:2rem;margin-top:3rem;display:grid}.article-card{border:1px solid color-mix(in srgb, var(--color-bois-fume) 30%, transparent);background:color-mix(in srgb, var(--color-lin-chaud) 88%, white);flex-direction:column;display:flex;overflow:hidden}.article-card__image{display:block}.article-card__content{flex:1;padding:clamp(1.1rem,3vw,1.75rem)}.article-card h3{margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2.25rem)}.article-card p:last-child{margin-bottom:0}.button{border:2px solid var(--color-terracotta-cuit);min-height:2.9rem;color:var(--color-lin-chaud);background:var(--color-terracotta-cuit);border-radius:6px 2px;justify-content:center;align-items:center;padding:.7rem 1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--color-brique-rosee);color:var(--color-encre-ardoise);background:var(--color-brique-rosee)}.article-body{width:min(100% - (2 * var(--space-page)), 48rem);margin-inline:auto;padding-block:clamp(3rem,7vw,6rem)}.toc{border-left:3px solid var(--color-terracotta-cuit);background:color-mix(in srgb, var(--color-bois-fume) 7%, transparent);margin:2rem 0 3rem;padding:1.25rem clamp(1rem,3vw,1.75rem)}.toc__title{color:var(--color-terracotta-cuit);font-family:var(--font-utility);margin-bottom:.75rem}.toc__list{margin:0;padding-left:1.25rem}.toc__item+.toc__item{margin-top:.35rem}.toc__item--h3{padding-left:1rem;font-size:.94rem}.toc a{color:var(--color-bois-fume);text-decoration-color:var(--color-terracotta-cuit)}.site-footer{color:var(--color-lin-chaud);background:var(--color-bois-fume)}.footer-inner{justify-content:space-between;align-items:center;gap:3rem;min-height:15rem;padding-block:3rem;display:flex}.footer-title{font-family:var(--font-display);margin-bottom:.25rem;font-size:1.75rem;font-weight:650}.footer-copy,.footer-meta{margin-bottom:0}.footer-meta{max-width:22rem;font-family:var(--font-utility);letter-spacing:.1em;text-align:right;text-transform:uppercase;font-size:.7rem}@media (width<=44rem){.header-inner,.footer-inner{flex-direction:column;align-items:flex-start}.header-inner{padding-block:1.25rem}.nav-list{flex-wrap:wrap}.intro-grid{grid-template-columns:1fr}.footer-meta{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.section-muted{background:color-mix(in srgb, var(--color-vert-sauge-eteint) 9%, transparent)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem;display:grid}.category-card{border:1px solid color-mix(in srgb, var(--color-bois-fume) 30%, transparent);color:var(--color-encre-ardoise);padding:1.5rem;text-decoration:none;display:block}.category-card:hover{border-color:var(--color-terracotta-cuit);color:var(--color-encre-ardoise)}.category-card h3{margin-bottom:.5rem;font-size:1.55rem}.category-card p{margin-bottom:0}.guide-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 3rem;margin-top:2.5rem;padding-left:1.5rem;display:grid}.section-action{margin-top:2.5rem}.empty-state{border-left:3px solid var(--color-vert-sauge-eteint);max-width:46rem;margin-top:2rem;padding:1.25rem}.filters,.category-nav{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.filter-button,.category-nav a{border:1px solid var(--color-terracotta-cuit);color:var(--color-encre-ardoise);font:inherit;cursor:pointer;background:0 0;padding:.55rem .85rem;text-decoration:none}.filter-button.is-active,.category-nav a[aria-current=page]{color:var(--color-lin-chaud);background:var(--color-terracotta-cuit)}.article-card[hidden]{display:none}.prose{width:min(100% - (2 * var(--space-page)), 48rem);margin-inline:auto;padding-block:clamp(3rem,7vw,6rem)}.prose h2{margin-top:3rem;font-size:clamp(1.8rem,3vw,2.5rem)}.prose h3{margin-top:2rem;font-size:1.4rem}.hero-image{border:1px solid color-mix(in srgb, var(--color-bois-fume) 25%, transparent);margin-top:2rem}.hero-image img{width:100%}.faq-list details{border-top:1px solid color-mix(in srgb, var(--color-bois-fume) 25%, transparent);padding-block:1rem}.faq-list summary{cursor:pointer;font-weight:700}.link-list{columns:2;padding-left:1.25rem}.contact-form{gap:1rem;display:grid}.contact-form label{font-weight:700}.contact-form input,.contact-form textarea{border:1px solid var(--color-bois-fume);background:color-mix(in srgb, var(--color-lin-chaud) 85%, white);width:100%;font:inherit;padding:.75rem}@media (width<=44rem){.category-grid,.guide-index{grid-template-columns:1fr}.link-list{columns:1}}