:root {
--zoon-teal:       #1e6b6b;
--zoon-teal-dark:  #175858;
--zoon-cream:      #f6ecd9;
--zoon-cream-soft: #faf5ea;
--zoon-text:       #24403f;
--zoon-muted:      #5c716f;
--zoon-line:       #e2ddd0;
}

.zoon-blog-section {background: var(--zoon-cream-soft);padding: 70px 0 90px;}
.zoon-blog-grid {max-width: 1440px;margin: 0 auto;padding: 0 32px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px 34px;}
.zoon-card {display: flex;flex-direction: column;background: #fff;border-radius: 14px;overflow: hidden;box-shadow: 0 4px 22px rgba(30, 107, 107, 0.08);transition: transform .25s ease, box-shadow .25s ease;}
.zoon-card:hover {transform: translateY(-6px);box-shadow: 0 14px 34px rgba(30, 107, 107, 0.16);}
.zoon-card__media {display: block;aspect-ratio: 16 / 10;overflow: hidden;background: var(--zoon-teal);}
.zoon-card__media img {width: 100%;height: 100%;object-fit: cover;transition: transform .5s ease;}
.zoon-card:hover .zoon-card__media img {transform: scale(1.05);}
.zoon-card__body {display: flex;flex-direction: column;flex: 1;padding: 26px 26px 28px;}
.zoon-card__meta {display: inline-flex;align-items: center;gap: 10px;font-size: 1rem;letter-spacing: 0.04em;text-transform: uppercase;color: var(--zoon-teal);margin-bottom: 12px;}
.zoon-card__cat {background: var(--zoon-cream);color: var(--zoon-teal-dark);padding: 4px 12px;border-radius: 999px;font-weight: 600;}
.zoon-card__title {font-size: 2rem;line-height: 1.25;margin: 0 0 12px;}
.zoon-card__title a {color: var(--zoon-text);text-decoration: none;}
.zoon-card__title a:hover {color: var(--zoon-teal);}
.zoon-card__excerpt {color: var(--zoon-muted);line-height: 1.6;margin: 0 0 20px;}
.zoon-card__link {margin-top: auto;align-self: flex-start;font-weight: 600;color: var(--zoon-teal);text-decoration: none;display: inline-flex;align-items: center;gap: 7px;}
.zoon-card__link svg {transition: transform .2s ease;}
.zoon-card__link:hover svg {transform: translateX(4px);}
.zoon-blog-pagination {max-width: 1240px;margin: 60px auto 0;padding: 0 32px;}
.zoon-blog-pagination .nav-links {display: flex;justify-content: center;gap: 8px;flex-wrap: wrap;}
.zoon-blog-pagination .page-numbers {display: inline-flex;align-items: center;justify-content: center;min-width: 44px;height: 44px;padding: 0 10px;border-radius: 999px;background: #fff;color: var(--zoon-text);text-decoration: none;font-weight: 600;border: 1px solid var(--zoon-line);transition: all .2s ease;}
.zoon-blog-pagination .page-numbers:hover, .zoon-blog-pagination .page-numbers.current {background: var(--zoon-teal);border-color: var(--zoon-teal);color: #fff;}
.zoon-blog-empty {max-width: 1240px;margin: 0 auto;padding: 0 32px;text-align: center;color: var(--zoon-muted);}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 960px) {
.zoon-blog-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 620px) {
.zoon-blog-grid { grid-template-columns: 1fr; }
.zoon-blog-hero { padding: 60px 0 50px; }
.zoon-blog-hero__title,
.zoon-blog-hero__intro { text-align: left; margin-left: 0; }
}