/* ── split-section.css ──────────────────────────────────
   Module: nf--split
   Sticky 35/65 split — primary frame (sticky) on the left,
   content column on the right. Generic container; the
   right column accepts any layout (cols-2, cols-2x2, cards,
   etc.).
   ──────────────────────────────────────────────────────── */

.nf--split {
    display: grid;
    grid-template-columns: 35fr 65fr;
    gap: var(--spacing8);
    align-items: start;
}

.nf--split__primary {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: sticky;
    top: calc(var(--header-h) + var(--spacing5));
}

.nf--split__primary .nf--eyebrow {
    margin-bottom: var(--spacing2);
}

.nf--split__primary h2 {
    margin-bottom: var(--spacing4);
}

@media (max-width: 900px) {
    .nf--split {
        grid-template-columns: 1fr;
    }

    .nf--split__primary {
        position: static;
    }
}