.cb-blog-head{background:var(--c-black);color:#fff;padding:var(--sec) 0}
.cb-blog-head .cb-eyebrow{color:var(--c-teal)}
.cb-blog-head h1{max-width:16ch}
.cb-posts{display:grid;grid-template-columns:1fr;gap:40px}
.cb-post-card{border:1px solid var(--c-line);display:flex;flex-direction:column}
.cb-post-card__media{display:block;background:var(--c-off);aspect-ratio:16/9;overflow:hidden}
.cb-post-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.cb-post-card__body{padding:26px}
.cb-post-card__meta{font-family:var(--f-acc);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-teal-deep);display:block;margin-bottom:14px}
.cb-post-card h2{font-size:24px;margin-bottom:12px}
.cb-post-card h2 a{color:inherit;text-decoration:none}
.cb-post-card h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.cb-post-card p{color:var(--c-ink-soft);font-size:15px;margin-bottom:18px}
.cb-post-card__link{font-family:var(--f-acc);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-teal-deep);text-decoration:none;margin-top:auto}
@media (min-width:768px){.cb-posts{grid-template-columns:repeat(3,1fr);gap:28px}}

.cb-pager{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:56px;font-size:14px}
.cb-pager a{color:var(--c-teal-deep);text-decoration:none;font-weight:600}

.cb-article__head{background:var(--c-black);color:#fff;padding:var(--sec) 0 clamp(40px,5vw,64px)}
.cb-article__head .cb-eyebrow{color:var(--c-teal)}
.cb-article__head h1{max-width:20ch}
.cb-article__meta{margin-top:22px;color:var(--c-dark-text);font-size:14px}
.cb-article__hero{margin-top:-40px;margin-bottom:48px}
.cb-article__hero img{width:100%;display:block}
.cb-article__body{padding-bottom:var(--sec)}
.cb-related__h{margin-bottom:40px}

.cb-contact{display:grid;grid-template-columns:1fr;gap:48px}
.cb-contact h1{margin-bottom:20px}
.cb-contact__details{margin:36px 0 0;display:grid;gap:16px}
.cb-contact__details div{display:flex;gap:20px}
.cb-contact__details dt{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--c-ink-soft);width:80px;margin:0}
.cb-contact__details dd{margin:0;font-weight:600}
@media (min-width:900px){.cb-contact{grid-template-columns:1fr 1fr;gap:72px}}