.blog-page{padding:3rem 0 5rem}.blog-header{max-width:640px;margin-bottom:3rem}.blog-header h1{color:#111827;margin:.75rem 0 1rem;font-size:clamp(2rem,4vw,2.75rem)}.blog-header p{color:#4b5563;margin:0;font-size:1.125rem;line-height:1.7}.blog-featured{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:1.1fr 1fr;gap:0;margin-bottom:3rem;text-decoration:none;transition:box-shadow .2s,transform .2s;display:grid;overflow:hidden}.blog-featured:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1118271a}.blog-featured-image{background:#f9fafb;min-height:320px;position:relative}.blog-featured-body{flex-direction:column;justify-content:center;padding:2.25rem;display:flex}.blog-featured-body h2{color:#111827;margin:.75rem 0;font-size:1.75rem;line-height:1.25}.blog-featured-body p{color:#4b5563;margin:0 0 1.25rem;line-height:1.7}.blog-featured-cta{color:#15803d;align-items:center;gap:4px;margin-top:1.25rem;font-weight:600;display:inline-flex}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.blog-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #11182717}.blog-card-image{aspect-ratio:16/9;background:#f9fafb;position:relative}.blog-card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.blog-card-body h3{color:#111827;margin:.65rem 0 .6rem;font-size:1.2rem;line-height:1.35}.blog-card-body p{color:#4b5563;flex:1;margin:0 0 1rem;font-size:.95rem;line-height:1.65}.blog-tag{color:#15803d;letter-spacing:.04em;text-transform:uppercase;background:#dcfce7;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.75rem;font-weight:700}.blog-meta{color:#6b7280;align-items:center;gap:8px;font-size:.85rem;display:flex}.blog-meta-dot{color:#d1d5db}.blog-reading{align-items:center;gap:5px;display:inline-flex}@media (max-width:900px){.blog-featured{grid-template-columns:1fr}.blog-featured-image{aspect-ratio:16/9;min-height:0}.blog-featured-body{padding:1.75rem}.blog-featured-body h2{font-size:1.4rem}}@media (max-width:600px){.blog-page{padding:2rem 0 3.5rem}.blog-header{margin-bottom:2rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}}