.blog-hero{background:var(--papier);padding-block:var(--sec-pad-lg) var(--sp-8);border-bottom:1px solid var(--filet);position:relative;overflow:hidden}.blog-hero .container{z-index:1;max-width:var(--content);position:relative}.blog-hero .toprule{display:inline-block}.blog-hero h1{margin-top:var(--sp-4);max-width:20ch;font-size:clamp(2rem,4.5vw,3rem)}.blog-hero p{font-family:var(--sans);font-size:var(--fs-lead);color:var(--ardoise);margin-top:var(--sp-4);max-width:62ch;line-height:1.55}.blog-hero .crumbs{font-family:var(--sans);color:var(--ardoise);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8125rem;display:flex}.blog-hero .crumbs a{color:var(--ardoise);text-decoration:none}.blog-hero .crumbs a:hover{color:var(--encre)}.blog-hero .crumbs .sep{color:var(--filet)}.blog-hero .crumbs [aria-current=page]{color:var(--encre);font-weight:600}.filters{gap:var(--sp-2);margin-top:var(--sp-6);flex-wrap:wrap;display:flex}.filter{min-height:44px;font-family:var(--sans);color:var(--ardoise);border:1px solid var(--filet);border-radius:var(--r-full);cursor:pointer;transition:all var(--dur) var(--ease);background:0 0;align-items:center;padding:8px 16px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.filter:hover{border-color:var(--encre-30);color:var(--encre)}.filter[aria-current=true]{background:var(--encre);border-color:var(--encre);color:var(--papier)}.blog-main{padding-block:var(--sec-pad)}.blog-main .container{max-width:var(--content)}.lead-post{gap:var(--sp-12);padding-bottom:var(--sp-10);margin-bottom:var(--sp-10);border-bottom:1px solid var(--filet);grid-template-columns:1.1fr .9fr;align-items:center;display:grid;position:relative}.lead-post .copy{max-width:56ch}.lead-post .ph{aspect-ratio:16/10;border-radius:var(--r-lg);background-image:repeating-linear-gradient(135deg, var(--creme), var(--creme) 11px, var(--creme-line) 11px, var(--creme-line) 22px);border:1px solid var(--filet);padding:var(--sp-4);align-items:flex-end;display:flex;position:relative;overflow:hidden}.lead-post .ph img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lead-post .ph span{color:var(--sepia);background:var(--papier);border:1px solid var(--filet);border-radius:4px;padding:4px 8px;font-family:ui-monospace,Menlo,monospace;font-size:.75rem;position:relative}.lead-post .eyebrow{display:inline-block}.lead-post h2{margin-top:var(--sp-4);font-size:clamp(1.625rem,3vw,2.25rem);line-height:1.15}.lead-post h2 .link-cover{color:inherit;transition:color var(--dur) var(--ease);text-decoration:none}.lead-post h2 .link-cover:after{content:"";z-index:1;position:absolute;inset:0}.lead-post h2 .link-cover:hover{color:var(--vert)}.lead-post h2 .link-cover:focus-visible{box-shadow:0 0 0 2px var(--papier), 0 0 0 4px var(--ring);border-radius:var(--r-md);outline:none}.lead-post .more{z-index:2;pointer-events:none;position:relative}.lead-post .excerpt{font-family:var(--sans);font-size:var(--fs-lead);color:var(--ardoise);margin-top:var(--sp-4);line-height:1.55}.lead-post .cmeta{font-family:var(--sans);color:var(--ardoise);margin-top:var(--sp-5);flex-wrap:wrap;align-items:center;gap:10px;font-size:.875rem;display:flex}.lead-post .dot{background:var(--filet);border-radius:50%;width:3px;height:3px}.lead-post .more{margin-top:var(--sp-6)}.blog-main .post-grid{gap:var(--sp-6);grid-template-columns:repeat(3,1fr)}.blog-main .blog-card{padding:var(--sp-6);background:var(--blanc);border:1px solid var(--filet);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.blog-main .blog-card h3{font-size:1.3125rem}.blog-main .blog-card .excerpt{max-width:46ch}.blog-main .blog-card--featured{border-top:2px solid var(--vert)}@media (max-width:1100px){.blog-main .post-grid{grid-template-columns:repeat(2,1fr)}}.blog-empty{margin-top:var(--sp-8);text-align:center;align-items:center;gap:var(--sp-4);flex-direction:column;display:flex}@media (max-width:900px){.lead-post{gap:var(--sp-6);grid-template-columns:1fr}.lead-post .copy{max-width:none}.lead-post .ph{order:-1}.blog-main .post-grid{grid-template-columns:1fr}}
