.blog-landing-page{background-color:#fff;flex-direction:column;min-height:100vh;display:flex}.blog-main-content{flex:1}.blog-landing-container{max-width:80rem;margin:0 auto;padding:5rem 1.5rem}.blog-landing-header{margin-bottom:2.5rem}.blog-landing-title{color:#111;letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:500;line-height:1.2!important}.blog-landing-subtitle{color:#6b7280;max-width:48rem;font-size:1.125rem;line-height:1.5}.blog-category-nav{flex-wrap:wrap;gap:.5rem;margin-bottom:3rem;display:flex}.blog-category-pill{color:#4b5563;cursor:pointer;background-color:#f3f4f6;border:none;border-radius:.375rem;padding:.375rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s}.blog-category-pill:hover{background-color:#e5e7eb}.blog-category-pill.active{color:#fff;background-color:#111}.blog-category-badge{color:#4b5563;background-color:#f3f4f6;border-radius:.25rem;margin-bottom:.75rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.blog-featured-card{color:inherit;border-bottom:1px solid #e5e7eb;grid-template-columns:1fr;gap:2rem;margin-bottom:4rem;padding-bottom:4rem;text-decoration:none;display:grid}@media (min-width:1024px){.blog-featured-card{grid-template-columns:1.2fr .8fr;align-items:center}}.blog-featured-image-wrapper{aspect-ratio:16/9;background-color:#f3f4f6;border-radius:1rem;position:relative;overflow:hidden}.blog-featured-image{object-fit:cover}.blog-featured-content{flex-direction:column;align-items:flex-start;display:flex}.blog-featured-title{color:#111;margin-bottom:1rem;font-size:2rem;font-weight:700;line-height:1.2}.blog-featured-description{color:#6b7280;font-size:1.125rem;line-height:1.6}.blog-posts-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:640px){.blog-posts-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-posts-grid{grid-template-columns:repeat(4,1fr)}}.blog-grid-card{color:inherit;flex-direction:column;gap:1.25rem;text-decoration:none;display:flex}.blog-grid-image-wrapper{aspect-ratio:4/3;background-color:#f3f4f6;border-radius:.75rem;position:relative;overflow:hidden}.blog-grid-image{object-fit:cover}.blog-grid-content{flex-direction:column;align-items:flex-start;display:flex}.blog-grid-title{color:#111;font-size:1.125rem;font-weight:600;line-height:1.4}
