/* Insights: staggered cards with the latest blog posts. Used on Home and Academy home (see enqueue_page_assets). */
/* ── Insights (staggered cards) ─────────────────────────────────────────── */
.insights { padding: 264px 0 0; }

.insights__head {
    display:        flex;
    flex-direction: column;
    align-items:    flex-start;
    gap:            16px;
}
.insights__title {
    margin:    0;
    font-size: var(--fs-display-m);
}
.insights__title br { display: none; }

.insights__cards {
    display:     flex;
    flex-wrap:   wrap;
    align-items: flex-start;
    gap:         64px 16px;
    margin-top:  136px;
}

.insight {
    --card-gap: 8px;

    display:        flex;
    flex-direction: column;
    gap:            var(--card-gap);
    min-width:      0;
}
.insight:nth-child(1) { --card-gap: 16px; }

/* Layout of the four cards: cols 1–2, cols 3–4, cols 1–3, col 5 (lower) */
.insight:nth-child(1),
.insight:nth-child(2) { flex: 0 0 calc((100% - 64px) / 5 * 2 + 16px); --link-w: calc((100% - 16px) / 2); }
.insight:nth-child(3) { flex: 0 0 calc((100% - 64px) / 5 * 3 + 32px); --link-w: calc((100% - 32px) / 3); }
.insight:nth-child(4) {
    flex:        0 0 calc((100% - 64px) / 5);
    margin-left: auto;
    margin-top:  180px;
    --link-w:    100%;
}

.insight__label {
    margin:         0;
    font-family:    var(--font-mono);
    letter-spacing: var(--ls-base);
    text-align:     right;
    color:          var(--color-muted);
}

.insight__figure { margin: 0; overflow: hidden; }
.insight:nth-child(1) .insight__figure { aspect-ratio: 527 / 328; }
.insight:nth-child(2) .insight__figure { aspect-ratio: 527 / 160; }
.insight:nth-child(3) .insight__figure { aspect-ratio: 800 / 343; }
.insight:nth-child(4) .insight__figure { aspect-ratio: 255 / 302; }

.insight__img {
    display:         block;
    width:           100%;
    height:          100%;
    object-fit:      cover;
    object-position: 50% 50%;
}
.insight:nth-child(1) .insight__img { object-position: 50% 82%; }
.insight:nth-child(2) .insight__img { object-position: 50% 38%; }

.insight__body {
    display:        flex;
    flex-direction: column;
    gap:            16px;
}
.insight__text {
    display:        flex;
    flex-direction: column;
    gap:            8px;
    max-width:      calc(var(--link-w) - 24px);
}
.insight__text p { margin: 0; }
.insight__title {
    margin:         0;
    font-size:      var(--fs-lead);
    font-weight:    var(--fw-medium);
    line-height:    var(--line-height);
    letter-spacing: var(--ls-tight);
}
.insight__link { width: var(--link-w); }

@media (max-width: 1023px) {
    .insights { padding: 104px 0; }
    .insights__title br { display: inline; }

    .insights__cards {
        flex-direction: column;
        flex-wrap:      nowrap;
        align-items:    stretch;
        gap:            24px;
        margin-top:     32px;
    }

    .insight:nth-child(n) {
        flex:        0 0 auto;
        margin:      0;
        --link-w:    100%;
    }
    .insight:nth-child(n) .insight__figure { aspect-ratio: auto; height: 180px; }
    .insight__body { gap: 12px; }
    .insight__text { max-width: none; }
}

@media (max-width: 767px) {
    .insights__title { font-size: 48px; }
}

/* Academy home: the contact collage that follows has its own (large) top padding — keep only a short one */
.insights--academy { padding-bottom: 0; }
.insights--academy + .contact { padding-top: 40px; }

@media (max-width: 1023px) {
    .insights--academy + .contact { padding-top: 0; }
}