main.blog-page{--content-max:var(--sf-page-max);--blog-surface:var(--sf-color-white);--blog-card-shadow:0 0.5rem 1.75rem color-mix(in srgb,var(--navy) 10%,transparent);--blog-card-shadow-sm:0 0.375rem 1.375rem color-mix(in srgb,var(--navy) 10%,transparent);--blog-placeholder-icon-color:color-mix(in srgb,var(--sf-color-white) 28%,transparent);--hero-padding:4rem 0 3.5rem;--hero-title-size:clamp(2rem,3.5vw,2.75rem);--hero-title-margin:1rem;--hero-sub-max:35rem;--section-padding:4.5rem 0;--section-title-size:clamp(1.45rem,2.5vw,1.9rem);--section-copy-max:40rem}main.blog-page .hero-eyebrow{color:var(--green-light);font-size:.68rem;font-weight:700;letter-spacing:.14em;margin-bottom:.875rem;opacity:.8;text-transform:uppercase}main.blog-page .blog-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 2.25rem}main.blog-page .blog-filter-btn{background:var(--blog-surface);border:1.5px solid var(--border);border-radius:var(--radius-pill);color:var(--slate);cursor:pointer;font-size:.78rem;font-weight:600;line-height:1.2;padding:.4375rem 1rem;transition:border-color .15s ease,background .15s ease,color .15s ease}main.blog-page .blog-filter-btn:hover{border-color:var(--navy);color:var(--navy)}main.blog-page .blog-filter-btn.active{background:var(--navy);border-color:var(--navy);color:var(--blog-surface)}main.blog-page .blog-featured-card{background:var(--blog-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:22rem;margin-bottom:3rem;overflow:hidden;transition:box-shadow .2s ease}main.blog-page .blog-featured-card:hover{box-shadow:var(--blog-card-shadow)}main.blog-page .blog-featured-img{background:var(--section-alt);min-height:0;overflow:hidden}main.blog-page .blog-featured-image,main.blog-page .blog-featured-img img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}main.blog-page .blog-featured-card:hover .blog-featured-img img{transform:scale(1.03)}main.blog-page .blog-featured-body{display:flex;flex-direction:column;justify-content:center;min-height:0;padding:2.25rem}main.blog-page .blog-article-tag{align-self:flex-start;background:var(--green);border-radius:.1875rem;color:var(--blog-surface);display:inline-block;font-size:.63rem;font-weight:700;letter-spacing:.08em;line-height:1.4;margin-bottom:.75rem;padding:.1875rem .625rem;text-transform:uppercase}main.blog-page .blog-article-date{color:var(--mid);font-size:.73rem;margin-bottom:.875rem}main.blog-page .blog-featured-title{color:var(--navy);display:-webkit-box;font-size:1.2rem;font-weight:800;margin-bottom:.625rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.3}main.blog-page .blog-article-card-title a:hover,main.blog-page .blog-featured-title a:hover{color:var(--green-dark)}main.blog-page .blog-featured-excerpt{color:var(--mid);display:-webkit-box;font-size:.87rem;margin-bottom:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.7}main.blog-page .blog-read-more{align-items:center;color:var(--navy);display:inline-flex;font-size:.82rem;font-weight:700;gap:.375rem;transition:color .15s ease}main.blog-page .blog-read-more:hover{color:var(--green-dark)}main.blog-page .blog-read-icon{height:.75rem;transition:transform .15s ease;width:.75rem}main.blog-page .blog-read-more:hover .blog-read-icon{transform:translateX(.125rem)}main.blog-page .blog-articles-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}main.blog-page .blog-article-card{background:var(--blog-surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}main.blog-page .blog-article-card:hover{box-shadow:var(--blog-card-shadow-sm);transform:translateY(-.125rem)}main.blog-page .blog-article-card-img{aspect-ratio:3/2;background:var(--section-alt);overflow:hidden}main.blog-page .blog-article-card-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}main.blog-page .blog-article-card:hover .blog-article-card-image{transform:scale(1.03)}main.blog-page .blog-article-card-img-placeholder{align-items:center;background:linear-gradient(135deg,var(--navy) 0,var(--navy-dark) 100%);display:flex;height:100%;justify-content:center;width:100%}main.blog-page .blog-placeholder-icon{color:var(--blog-placeholder-icon-color);height:2rem;width:2rem}main.blog-page .blog-article-card-body{display:flex;flex:1;flex-direction:column;padding:1.25rem 1.25rem 1.375rem}main.blog-page .blog-article-card-title{color:var(--navy);flex:1;font-size:.9rem;font-weight:700;line-height:1.35;margin:.625rem 0 0}main.blog-page .blog-article-card-meta{align-items:center;border-top:1px solid var(--border);display:flex;gap:1rem;justify-content:space-between;margin-top:auto;padding-top:.875rem}main.blog-page .blog-article-card-date{color:var(--mid);font-size:.72rem}main.blog-page .blog-article-card .blog-read-more{font-size:.75rem}main.blog-page .blog-load-more{margin-top:3rem;text-align:center}main.blog-page .blog-empty{color:var(--mid);font-size:.95rem;line-height:1.6;margin:2.5rem 0 0;text-align:center}main.blog-page .blog-load-more-btn{font-size:.875rem;padding:.75rem 1.75rem}main.blog-page .blog-load-more-icon{height:.875rem;width:.875rem}main.blog-page .blog-cta-actions .blog-cta-button{font-size:.88rem;min-width:9.5rem;padding:.75rem 1.625rem}@media (max-width:53.75rem){main.blog-page .blog-featured-card{grid-template-columns:1fr;height:auto}main.blog-page .blog-featured-img{min-height:13.75rem}main.blog-page .blog-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:37.5rem){main.blog-page .blog-articles-grid{grid-template-columns:1fr}main.blog-page .blog-featured-body{padding:1.5rem}main.blog-page .blog-cta-actions,main.blog-page .blog-cta-actions .blog-cta-button{width:100%}}