.blog-hero{position:relative;background:var(--creme);padding:4.5rem 0 3rem;border-bottom:3px solid var(--dark);overflow:hidden}.blog-hero-dots{position:absolute;inset:0;background-image:radial-gradient(circle,var(--gris-c) 1px,transparent 1px);background-size:28px 28px;opacity:.5;pointer-events:none;z-index:0}.blog-hero .container{position:relative;z-index:1}.blog-hero h1{font-family:Georgia,serif;font-size:clamp(2.3rem,1.5rem + 3vw,3.4rem);line-height:1.08;letter-spacing:-.018em;margin-bottom:.2rem}.blog-hero .handwritten{margin-top:.2rem}.blog-hero-desc{color:#444;max-width:56ch;font-size:clamp(1rem,.96rem + .25vw,1.12rem);line-height:1.75;margin-top:.8rem}.blog-list{background:var(--creme);padding:3.5rem 0 5.5rem}.blog-lead{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.8rem,4vw,3.2rem);align-items:center;text-decoration:none;color:inherit}.blog-lead-media{position:relative}.blog-lead-tab{position:absolute;top:-11px;left:-11px;width:58px;height:58px;border:3px solid var(--dark);border-right:none;border-bottom:none;border-top-left-radius:var(--r);z-index:2;pointer-events:none}.blog-lead-media img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;border:3px solid var(--dark);border-radius:var(--r);box-shadow:12px 12px 0 0 var(--bleu-f);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}.blog-lead:hover .blog-lead-media img{transform:translate(-3px,-3px);box-shadow:15px 15px 0 0 var(--bleu-f)}.blog-kicker{display:inline-block;background:var(--dark);color:var(--creme);border:2px solid var(--dark);border-radius:4px;font-family:"Source Sans 3",sans-serif;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:.25rem .65rem;box-shadow:2px 2px 0 0 var(--bleu-f);margin-bottom:1rem}.blog-lead-body h2{font-family:Georgia,serif;font-size:clamp(1.7rem,1.2rem + 1.8vw,2.5rem);line-height:1.12;letter-spacing:-.015em;color:var(--dark);margin:.6rem 0 .7rem}.blog-lead-excerpt{font-size:1.05rem;color:#444;line-height:1.7;max-width:48ch;margin-bottom:1.2rem}.article-meta{font-family:Consolas,Courier New,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--bleu-f);font-weight:700}.article-link{display:inline-flex;align-items:center;gap:.4rem;font-family:"Source Sans 3",sans-serif;font-weight:700;color:var(--bleu-f);font-size:.92rem}.article-link span{transition:transform .25s var(--ease-out)}.blog-lead:hover .article-link span,.article-card:hover .article-link span{transform:translate(4px)}.blog-divider{display:flex;align-items:center;gap:1.2rem;margin:4rem 0 2.5rem}.blog-divider:after{content:"";flex:1;height:2px;background:var(--gris-c)}.blog-divider-label{font-family:"Source Sans 3",sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--gris)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:2rem}.article-card{display:flex;flex-direction:column;background:#fff;border:3px solid var(--dark);border-radius:var(--r);overflow:hidden;box-shadow:6px 6px 0 0 var(--gris-c);transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out);text-decoration:none;color:inherit}.article-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 0 var(--bleu-f)}.article-card-media{overflow:hidden;border-bottom:3px solid var(--dark)}.article-cover{display:block;width:100%;height:200px;object-fit:cover;transition:transform .4s var(--ease-out)}.article-card:hover .article-cover{transform:scale(1.04)}.article-body{padding:1.5rem 1.5rem 1.6rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.article-card h2{font-family:Georgia,serif;font-size:1.3rem;line-height:1.22;letter-spacing:-.01em;color:var(--dark)}.article-body p{font-size:.95rem;color:#555;line-height:1.65;flex:1}.article-body .article-link{margin-top:.2rem}.blog-empty{text-align:center;max-width:460px;margin:2rem auto;padding:3rem 2rem;background:#fff;border:3px solid var(--dark);border-radius:var(--r);box-shadow:8px 8px 0 0 var(--gris-c)}.blog-empty-eyebrow{display:inline-block;background:var(--bleu-p);color:var(--bleu-f);border:2px solid var(--bleu-f);border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:.25rem .7rem;margin-bottom:1rem}.blog-empty p{color:var(--gris);font-size:1.05rem;line-height:1.6}.blog-lead:focus-visible,.article-card:focus-visible{outline:3px solid var(--bleu-f);outline-offset:4px}@media(max-width:860px){.blog-lead{grid-template-columns:1fr;gap:1.8rem}.blog-lead-media img{box-shadow:8px 8px 0 0 var(--bleu-f)}.blog-lead:hover .blog-lead-media img{box-shadow:10px 10px 0 0 var(--bleu-f)}}@media(max-width:600px){.blog-hero{padding:3.5rem 0 2.5rem}.blog-list{padding:2.5rem 0 4rem}.blog-lead-tab{display:none}.blog-divider{margin:3rem 0 2rem}.articles-grid{grid-template-columns:1fr;gap:1.5rem}}