.blog-hero{text-align:center;padding:64px 0 36px}.blog-hero h1{margin-top:18px;font-size:clamp(38px,5.4vw,64px)}.blog-hero p{color:var(--slate-500);max-width:560px;margin:18px auto 0;font-size:19px}.cats{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.cat{border-radius:var(--r-pill);border:1.5px solid var(--line);color:var(--slate-600);cursor:pointer;background:#fff;padding:9px 18px;font-size:14.5px;font-weight:700;transition:all .15s}.cat:hover{border-color:var(--slate-300)}.cat.on{background:var(--ink);color:#fff;border-color:var(--ink)}.featured{border:1px solid var(--line);border-radius:var(--r-xl);background:#fff;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid;overflow:hidden}.featured image-slot{border-radius:0;width:100%;height:100%;min-height:400px}.featured-body{padding:48px 48px 48px 8px}.featured-body .meta{color:var(--slate-400);align-items:center;gap:10px;margin:16px 0;font-size:13.5px;font-weight:600;display:flex}.featured-body h2{font-size:clamp(28px,3.2vw,40px);line-height:1.1}.featured-body p{color:var(--slate-500);margin-top:16px;font-size:17px;line-height:1.6}@media (max-width:900px){.featured{grid-template-columns:1fr}.featured image-slot{min-height:240px}.featured-body{padding:32px}}.post-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:52px;display:grid}.post{cursor:pointer;flex-direction:column;display:flex}.post image-slot{border-radius:var(--r-lg);width:100%;height:220px;transition:transform .25s}.post:hover image-slot{transform:translateY(-4px)}.post .tag{margin:18px 0 10px}.post h3{font-size:21px;line-height:1.25}.post:hover h3{color:var(--green-700)}.post .excerpt{color:var(--slate-500);flex:1;margin-top:10px;font-size:15px;line-height:1.55}.post .meta{color:var(--slate-400);align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:600;display:flex}@media (max-width:900px){.post-grid{grid-template-columns:1fr}}.news-band{background:var(--cream);border-radius:var(--r-xl);text-align:center;padding:60px}.news-band h2{font-size:clamp(28px,3.4vw,42px)}.news-band p{color:var(--slate-500);max-width:480px;margin:14px auto 0;font-size:17px}.news-form{gap:10px;max-width:460px;margin:28px auto 0;display:flex}.news-form input{border:1.5px solid var(--slate-300);border-radius:var(--r-pill);outline:none;flex:1;padding:14px 20px;font-family:inherit;font-size:15px}.news-form input:focus{border-color:var(--emerald)}@media (max-width:600px){.news-band{padding:40px 24px}.news-form{flex-direction:column}}
