.blogHero{background:linear-gradient(135deg,var(--primary) 0,#003644 100%);color:white;padding:6rem 0;text-align:center;position:relative;overflow:hidden}.blogHero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?auto=format&fit=crop&q=80&w=1200) 50%/cover no-repeat;opacity:.35;z-index:0}.blogHeroContent{position:relative;z-index:1}.blogHero h1{font-size:4rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.05em}.blogHero p{font-size:1.25rem;opacity:.9;max-width:700px;margin:0 auto;line-height:1.6}.featuredCard{display:grid;grid-template-columns:1.2fr 1fr;background:white;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.05);margin-top:-4rem;position:relative;z-index:10;border:1px solid var(--border)}.featuredImage{width:100%;height:100%;object-fit:cover;min-height:400px}.featuredContent{padding:3.5rem;display:flex;flex-direction:column;justify-content:center}.categoryTag{background:rgba(0,166,206,.1);color:var(--secondary);padding:.4rem 1rem;border-radius:99px;font-size:.8rem;font-weight:700;text-transform:uppercase;display:inline-block;margin-bottom:1.5rem;width:fit-content}.featuredContent h2{font-size:2.5rem;line-height:1.1;color:var(--primary);margin-bottom:1.5rem}.blogGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;margin:5rem 0}.postCard{background:white;border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.postCard:hover{transform:translateY(-10px);box-shadow:0 20px 30px rgba(0,0,0,.08);border-color:var(--secondary)}.postCardImage{width:100%;height:240px;object-fit:cover}.postCardContent{padding:2rem;flex-grow:1;display:flex;flex-direction:column}.postCardContent h3{font-size:1.5rem;color:var(--primary);margin-bottom:1rem;line-height:1.3}.postCardContent p{color:var(--text-muted);font-size:1rem;line-height:1.6;margin-bottom:2rem;flex-grow:1}.postMeta{gap:1.5rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1.25rem}.postMeta,.postReadMore{display:flex;align-items:center}.postReadMore{color:var(--secondary);font-weight:700;text-decoration:none;gap:.5rem;transition:gap .2s}.postCard:hover .postReadMore{gap:.75rem}@media (max-width:968px){.featuredCard{grid-template-columns:1fr}.blogHero h1{font-size:2.5rem}}