/* Let headings grow with the reader's font size and the available space. */
:root {
    --kf-page-title: clamp(2.375rem, 1.55rem + 2.9vw, 4.375rem);
    --kf-detail-title: clamp(2.0625rem, 1.47rem + 2.1vw, 3.625rem);
}

.ka h1,
.kc-intro h1,
.kf-photo-header h1 {
    font-size: var(--kf-page-title);
    line-height: 1.055;
}

.ka h1 {
    max-width: 100%;
}

.ka h2,
.ka-profile h2,
.ka-close-layout h2 {
    font-size: clamp(2rem, 1.45rem + 1.85vw, 3.125rem);
    line-height: 1.1;
}

.lp-hero h1 {
    font-size: clamp(2.625rem, 1.65rem + 3.4vw, 5.25rem);
}

/* The tablet hero shares a row with the portrait. */
@media (min-width: 761px) and (max-width: 980px) {
    .lp-hero h1 {
        font-size: clamp(2.5rem, 1.05rem + 3vw, 3rem);
    }
}

.kf-collection-copy {
    min-width: 0;
}

.kf-collection-copy h1 {
    font-size: clamp(2.125rem, 1.46rem + 2.45vw, 3.875rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.kf-reading-head h1,
.gallery-page h1,
.video-single h1 {
    font-size: var(--kf-detail-title);
    line-height: 1.09;
    overflow-wrap: anywhere;
}