.container:where(.astro-MK2TPOBF){max-width:1140px;margin:0 auto;padding:0 1.5rem}.section:where(.astro-MK2TPOBF){padding:5rem 0}.section-title:where(.astro-MK2TPOBF){text-align:center;margin-bottom:3rem}.script-preheading:where(.astro-MK2TPOBF){display:block;font-family:Satisfy,cursive;font-size:2.1rem;color:red;margin-bottom:-.3rem}.section-title:where(.astro-MK2TPOBF) h2:where(.astro-MK2TPOBF){font-family:Playfair Display,serif;font-size:2.3rem;color:#036;margin-bottom:.5rem}.section-title:where(.astro-MK2TPOBF) p:where(.astro-MK2TPOBF){color:#64748b;font-size:1.1rem}.blog-grid:where(.astro-MK2TPOBF){display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.blog-card:where(.astro-MK2TPOBF){background:#ffffff;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 8px 20px #0033660d;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.blog-card:where(.astro-MK2TPOBF):hover{transform:translateY(-5px);box-shadow:0 15px 30px #0033661f}.blog-img-wrapper:where(.astro-MK2TPOBF){height:210px;overflow:hidden;background:#001f3f}.blog-img:where(.astro-MK2TPOBF){width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.blog-card:where(.astro-MK2TPOBF):hover .blog-img:where(.astro-MK2TPOBF){transform:scale(1.05)}.blog-content:where(.astro-MK2TPOBF){padding:1.8rem;display:flex;flex-direction:column;flex:1}.blog-category:where(.astro-MK2TPOBF){display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:red;margin-bottom:.5rem}.blog-content:where(.astro-MK2TPOBF) h4:where(.astro-MK2TPOBF){font-family:Playfair Display,serif;font-size:1.35rem;color:#036;margin-bottom:.8rem;line-height:1.35}.blog-content:where(.astro-MK2TPOBF) p:where(.astro-MK2TPOBF){font-size:.9rem;color:#475569;line-height:1.6;margin-bottom:1.5rem;flex:1}.read-more-btn:where(.astro-MK2TPOBF){font-size:.85rem;font-weight:700;color:#036;text-decoration:none;align-self:flex-start;transition:color .2s ease}.read-more-btn:where(.astro-MK2TPOBF):hover{color:red}@media (max-width: 680px){.section:where(.astro-MK2TPOBF){padding:3.5rem 0}}