/* Page-specific styles only. Shared styles are in assets/css/ */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px)}
.post{display:block}
.post .im{aspect-ratio:4/3;overflow:hidden;margin-bottom:22px}
.post img{transition:transform 1s}
.post:hover img{transform:scale(1.05)}
.post h3{font-size:1.7rem;margin:10px 0}
.post p{font-size:.95rem;color:var(--muted)}
@media(max-width:900px){.posts{grid-template-columns:1fr}}