.blog-hero{padding:clamp(1.5rem,3vw,2.5rem) var(--px) clamp(2rem,3.5vw,3rem);max-width:var(--max-w);margin:0 auto}
.blog-hero__grid{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2.5rem);align-items:start}@media (min-width:1024px){.blog-hero__grid{grid-template-columns:1fr 1.2fr;gap:2.5rem}}.blog-hero__title{font-family:var(--f-headline);font-size:clamp(1.875rem, 4.5vw, 4rem);font-weight:800;letter-spacing:-.03em;line-height:.95;margin-bottom:.75rem}.blog-hero__desc{font-size:clamp(.875rem,1.4vw,1rem);line-height:1.55;color:var(--c-on-surface-variant);margin-bottom:1rem}.blog-hero__stats{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-on-surface-variant)}.blog-hero__stats-dot{color:var(--c-primary)}@media (max-width:640px){.blog-hero__stats{display:none!important}.blog-featured{display:none!important}}.blog-hero__right{display:flex;flex-direction:column;gap:1rem}.blog-search{display:flex;align-items:center;gap:.75rem;background:var(--c-surface);border:1.5px solid var(--c-outline-variant);border-radius:var(--r-pill);padding:.875rem 1.25rem;transition:border-color .2s,box-shadow .2s}.blog-search:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(26,92,69,.07)}.blog-search__icon{color:var(--c-on-surface-variant);font-size:1.1rem!important;flex-shrink:0}.blog-search__input{border:none;outline:0;background:0 0;font-family:var(--f-body);font-size:.9375rem;color:var(--c-on-surface);width:100%}.blog-search__input::placeholder{color:var(--c-on-surface-variant);opacity:.55}.blog-search__count{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.08em;color:var(--c-on-surface-variant);white-space:nowrap;flex-shrink:0}.blog-cats{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.blog-cat{display:flex;align-items:center;gap:.6rem;background:var(--c-surface);border:1.5px solid var(--c-outline-variant);border-radius:var(--r-card);padding:.7rem .9rem;cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s,color .2s,box-shadow .2s;color:var(--c-on-surface);font-size:.875rem;font-weight:500;font-family:var(--f-body)}.blog-cat:hover{border-color:var(--c-primary);background:rgba(26,92,69,.04)}.blog-cat.is-active{background:var(--c-primary);color:var(--c-on-primary);border-color:var(--c-primary);box-shadow:0 4px 14px rgba(26,92,69,.2)}.blog-cat--all{grid-column:span 2;justify-content:center}.blog-cat__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.blog-cat.is-active .blog-cat__dot{background:rgba(255,255,255,.6)!important}.blog-cat__label{flex:1}.blog-cat__count{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.06em;background:rgba(0,0,0,.06);padding:.15rem .5rem;border-radius:999px;opacity:.7}.blog-cat.is-active .blog-cat__count{background:rgba(255,255,255,.18);opacity:1}.blog-featured{background:var(--c-surface);border:1.5px solid var(--c-outline-variant);border-radius:var(--r-card);padding:1.1rem 1.4rem;text-decoration:none;display:flex;flex-direction:column;gap:.45rem;transition:border-color .2s,box-shadow .2s}.blog-featured:hover{border-color:var(--c-primary);box-shadow:0 4px 20px rgba(26,92,69,.08)}.blog-featured__tag{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary);display:flex;align-items:center;gap:.45rem}.blog-featured__tag::before{content:'';width:6px;height:6px;background:var(--c-primary);border-radius:50%;animation:1.8s ease-in-out infinite pulse-dot}.blog-featured__title{font-size:.9375rem;font-weight:600;line-height:1.4;color:var(--c-on-surface)}.blog-featured__meta{font-family:var(--f-mono);font-size:.6rem;color:var(--c-on-surface-variant);letter-spacing:.04em}.blog-no-results{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:var(--c-on-surface-variant);display:none}.blog-no-results.visible{display:block}.hero-chip{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.07em;color:var(--c-on-surface-variant);background:var(--c-surface);border:1px solid var(--c-outline-variant);padding:.35rem .8rem;border-radius:var(--r-pill)}