.latest-posts { width: 100vw; max-width: none; margin: 0; padding: 70px 20px 80px; background: #f8f9fa; }
.latest-posts__inner { width: min(100%, 1220px); }
.latest-posts h2 { margin: 0 0 28px; color: #292929; font-family: 'DM Sans', system-ui, sans-serif; font-size: clamp(1.9rem, 2.3vw, 2.4rem); font-weight: 700; line-height: 1.25; }
.latest-posts__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.post-card { display: grid; min-width: 0; grid-template-columns: 43% 1fr; gap: 18px; padding: 18px; border: 2px solid #181818; border-radius: 15px; background: #fff; box-shadow: 5px 6px 0 #111; color: inherit; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.post-card:hover { box-shadow: 7px 9px 0 #111; transform: translateY(-3px); }
.post-card__image { min-height: 205px; overflow: hidden; border: 2px solid #181818; border-radius: 10px; }
.post-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.post-card:hover .post-card__image img { transform: scale(1.025); }
.post-card__content { min-width: 0; align-self: center; }
.post-card__categories { display: flex; gap: 5px; margin-bottom: 9px; flex-wrap: wrap; }
.post-card__categories span { padding: 3px 8px; border-radius: 20px; background: #087ff5; color: #fff; font-size: .65rem; font-weight: 700; line-height: 1.25; }
.post-card h3 { margin: 0; color: #1e1e1e; font-family: 'DM Sans', system-ui, sans-serif; font-size: clamp(1.05rem, 1.25vw, 1.3rem); font-weight: 700; line-height: 1.28; }
.post-card h2 { margin: 0; color: #1e1e1e; font-family: 'DM Sans', system-ui, sans-serif; font-size: clamp(1.05rem, 1.25vw, 1.3rem); font-weight: 700; line-height: 1.28; }
.post-card__meta { display: flex; gap: 9px; margin: 11px 0; color: #282828; font-size: .64rem; font-weight: 600; flex-wrap: wrap; }
.post-card__meta span { display: inline-flex; align-items: center; gap: 4px; }
.post-card__meta i { font-size: .78rem; }
.post-card p { margin: 0; color: #4b4b4b; font-size: .82rem; line-height: 1.55; }
.latest-posts__more { display: flex; justify-content: center; margin-top: 38px; }
.latest-posts__more a { display: inline-flex; min-width: 126px; min-height: 45px; align-items: center; justify-content: center; gap: 10px; padding: 0 22px; border-radius: 3px; background: #087ff5; color: #fff; font-weight: 600; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.latest-posts__more a:hover { background: #006bd7; transform: translateY(-2px); }
.works-archive { min-height: 60vh; }
.works-archive__header { margin-bottom: 34px; text-align: center; }
.works-archive__header h1 { margin: 0; color: #252525; font-family: 'DM Sans', system-ui, sans-serif; font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.15; }
.works-archive__header p { max-width: 720px; margin: 14px auto 0; color: #576675; line-height: 1.65; }
.post-card__placeholder { display: grid; width: 100%; height: 100%; min-height: 205px; place-items: center; background: #e7f3ff; color: #087ff5; font-size: 2.4rem; }
.works-archive__empty { padding: 60px 20px; text-align: center; }

@media (max-width: 980px) {
	.latest-posts__grid { grid-template-columns: 1fr; }
	.post-card { grid-template-columns: minmax(210px, 35%) 1fr; }
}

@media (max-width: 560px) {
	.latest-posts { padding: 48px 20px 58px; }
	.latest-posts h2 { text-align: center; }
	.post-card { grid-template-columns: 1fr; gap: 15px; padding: 14px; }
	.post-card__image { aspect-ratio: 4 / 3; min-height: 0; }
	.post-card h3 { font-size: 1.15rem; }
	.post-card p { font-size: .86rem; }
}