/* ============================================================
   NTM Hub intro — editorial introduction rendered server-side
   between a hub's hero and its listing. Linked by the five
   NTM hub pages (interviews, cover stories, podcasts,
   masterclasses, about). The shared Q&A listing carries its
   own inline copy of these rules under .ntm-qal__intro.
   ============================================================ */

.ntm-hub-intro {
    background: var(--ntm-bg-page, #f6f3ef);
    padding: clamp(40px, 5vw, 72px) 24px;
}

.ntm-hub-intro__inner {
    max-width: 760px;
    margin: 0 auto;
}

.ntm-hub-intro p {
    margin: 0 0 1.15em;
    font-family: var(--ntm-font-sans, 'Poppins', system-ui, sans-serif);
    font-weight: 300;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.7;
    color: var(--ntm-ink-body, #121212);
}

/* Lede: the first paragraph is set in the serif at a larger size. */
.ntm-hub-intro p:first-of-type {
    font-family: var(--ntm-font-serif, 'Playfair Display', Georgia, serif);
    font-weight: 400;
    font-size: clamp(19px, 1.6vw, 23px);
    line-height: 1.5;
}

.ntm-hub-intro p:last-child {
    margin-bottom: 0;
}