.page-module__jXZM3G__blogHero{background-color:var(--navy);color:var(--white);text-align:center;padding:120px 0 80px}.page-module__jXZM3G__blogHero h1{color:var(--white);margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem)}.page-module__jXZM3G__blogHero p{color:#ffffffe6;max-width:700px;margin:0 auto;font-size:1.1rem}.page-module__jXZM3G__blogSection{background-color:var(--grey-light);padding:80px 0}.page-module__jXZM3G__filterNav{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:50px;display:flex}.page-module__jXZM3G__filterBtn{background:var(--white);cursor:pointer;font-family:var(--font-inter);transition:var(--transition);border:1px solid #ddd;border-radius:20px;padding:8px 20px;font-size:.95rem}.page-module__jXZM3G__filterBtn:hover,.page-module__jXZM3G__filterBtn.page-module__jXZM3G__active{background:var(--navy);color:var(--white);border-color:var(--navy)}.page-module__jXZM3G__blogGrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.page-module__jXZM3G__blogCard{background:var(--white);border-radius:var(--radius-lg);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000d}.page-module__jXZM3G__blogCard:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.page-module__jXZM3G__blogImage{object-fit:cover;width:100%;height:220px}.page-module__jXZM3G__blogContent{flex-direction:column;flex-grow:1;padding:30px;display:flex}.page-module__jXZM3G__blogCategory{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.85rem;font-weight:600}.page-module__jXZM3G__blogTitle{font-family:var(--font-playfair), serif;color:var(--navy);margin-bottom:16px;font-size:1.4rem;line-height:1.3}.page-module__jXZM3G__blogExcerpt{color:var(--text-secondary);flex-grow:1;margin-bottom:24px;font-size:.95rem}.page-module__jXZM3G__readMore{color:var(--navy);text-underline-offset:4px;transition:var(--transition);font-size:.95rem;font-weight:600;text-decoration:underline}.page-module__jXZM3G__readMore:hover{color:var(--gold)}
