.blog-index:where(.astro-5TZNM7MJ){padding:5rem 0 6rem;background-color:#fff;min-height:60vh}.container:where(.astro-5TZNM7MJ){max-width:1140px;margin:0 auto;padding:0 2rem}.blog-header:where(.astro-5TZNM7MJ){text-align:center;max-width:640px;margin:0 auto 3.5rem}h1:where(.astro-5TZNM7MJ){font-size:2.6rem;line-height:1.2;color:navy;margin-bottom:1rem;font-weight:700}.subtitle:where(.astro-5TZNM7MJ){color:#6d8196;font-size:1.02rem;line-height:1.6}.posts-grid:where(.astro-5TZNM7MJ){display:grid;grid-template-columns:repeat(3,1fr);gap:2.25rem 1.75rem}.post-card:where(.astro-5TZNM7MJ){display:flex;flex-direction:column;text-decoration:none;color:inherit}.post-image:where(.astro-5TZNM7MJ){width:100%;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:#f0f0f0;margin-bottom:1.1rem}.post-image:where(.astro-5TZNM7MJ) img:where(.astro-5TZNM7MJ){width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.post-card:where(.astro-5TZNM7MJ):hover .post-image:where(.astro-5TZNM7MJ) img:where(.astro-5TZNM7MJ){transform:scale(1.04)}.post-body:where(.astro-5TZNM7MJ){display:flex;flex-direction:column;gap:.5rem}.post-card:where(.astro-5TZNM7MJ) h2:where(.astro-5TZNM7MJ){font-size:1.1rem;font-weight:700;color:#1a1a1a;line-height:1.35;transition:color .2s ease}.post-card:where(.astro-5TZNM7MJ):hover h2:where(.astro-5TZNM7MJ){color:navy}.post-desc:where(.astro-5TZNM7MJ){color:#6d8196;font-size:.88rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more:where(.astro-5TZNM7MJ){display:inline-flex;align-items:center;gap:.3rem;color:navy;font-weight:600;font-size:.85rem;margin-top:.3rem}.arrow:where(.astro-5TZNM7MJ){transition:transform .2s ease}.post-card:where(.astro-5TZNM7MJ):hover .arrow:where(.astro-5TZNM7MJ){transform:translate(2px,-2px)}.empty:where(.astro-5TZNM7MJ){color:#6d8196;font-size:1.1rem;text-align:center}@media (max-width: 900px){.posts-grid:where(.astro-5TZNM7MJ){grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){h1:where(.astro-5TZNM7MJ){font-size:2rem}.posts-grid:where(.astro-5TZNM7MJ){grid-template-columns:1fr;gap:2rem}}
