/* Equal-weight collaboration cards, with a separate image gallery. */
.gh-collabs {
    background: #fafbf7;
    border-block: 1px solid #e5e9dd;
    scroll-margin-top: 110px;
}
.gh-collabs-heading { max-width: 760px; margin: 0 auto 44px; text-align: center; }
.gh-collabs-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: #53663c;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.gh-collabs-eyebrow i { color: #967329; font-size: 20px; }
.gh-collabs-heading h2 {
    color: #153d29;
    font-size: clamp(28px, 3.3vw, 46px);
    line-height: 1.2;
    letter-spacing: -1.4px;
    margin-bottom: 18px;
}
.gh-collabs-heading h2 span { color: #647552; }
.gh-collabs-heading p { max-width: 570px; margin: 0 auto; color: #626c61; font-size: 15px; line-height: 1.8; }
.gh-collabs-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 26px; }
.gh-collab-card {
    flex: 0 0 calc((100% - 52px) / 3);
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce2d4;
    border-radius: 16px;
    transition: box-shadow .3s ease, border-color .3s ease;
}
.gh-collab-card:hover { border-color: #b6c5ab; box-shadow: 0 12px 32px #153d2910; }
.gh-collabs .gh-collab-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 4 / 3;
    padding: 0;
    overflow: hidden;
    background: #f0f2eb;
    border-bottom: 1px solid #e5e9dd;
}
.gh-collabs .gh-collab-image img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Keep the article headline and award photograph in the press preview. */
.gh-collabs .gh-collab-image[href$="PAPER.jpg"] img { object-position: center 30%; }
.gh-collab-view {
    position: absolute;
    right: 14px;
    bottom: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 3px 11px;
    border-radius: 30px;
    border: 1px solid #dce2d4;
    background: #fff;
    box-shadow: 0 2px 10px #153d2926;
    color: #36503b;
    font-size: 11px;
    font-weight: 600;
    line-height: 22px;
}
.gh-collab-image:focus-visible { outline: 3px solid #967329; outline-offset: -4px; }
.gh-collab-content { padding: 26px; }
.gh-collab-category { display: block; margin-bottom: 12px; color: #7b6127; font-size: 10px; font-weight: 700; line-height: 1.6; letter-spacing: 1.3px; text-transform: uppercase; }
.gh-collab-content h3 { margin-bottom: 12px; color: #153d29; font-size: 20px; line-height: 1.45; }
.gh-collab-content p { margin: 0; color: #626c61; font-size: 14px; line-height: 1.8; }
@media (max-width: 991px) {
    .gh-collabs-grid { gap: 22px; }
    .gh-collab-card { flex-basis: calc((100% - 22px) / 2); }
    .gh-collab-content { padding: 22px; }
}
@media (max-width: 575px) {
    .gh-collabs-heading { margin-bottom: 30px; }
    .gh-collabs-heading h2 { letter-spacing: -.7px; }
    .gh-collabs-eyebrow { font-size: 10px; letter-spacing: 1.4px; }
    .gh-collab-card { flex-basis: 100%; }
    .gh-collab-content { padding: 24px; }
}
@media (prefers-reduced-motion: reduce) {
    .gh-collab-card { transition: none; }
}