.title {
    margin-block: 0 var(--space-6);
    font-size: clamp(var(--fs-heading-min), 5vw, var(--fs-heading-max));
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-heading);
}
.title--secondary { font-size: clamp(var(--fs-secondary-min), 3vw, var(--fs-secondary-max)); }

.title--kicker { margin: 0; font-family: var(--font-heading); font-size: clamp(var(--fs-kicker-min), 1.944444vw, var(--fs-kicker-max)); font-weight: 600; line-height: 1.1; text-transform: uppercase; }

.title--section { margin: 0; font-family: var(--font-heading); font-size: clamp(var(--fs-section-heading-min), 3.333333vw, var(--fs-section-heading-max)); line-height: 1.1; letter-spacing: -0.01em; text-transform: uppercase; }

.title--long { font-size: clamp(var(--fs-label), 3.333333vw, var(--fs-section-heading-max)); }
/* --title-white-space lets a composition retain or collapse editor line breaks. */
.title--lines { white-space: var(--title-white-space, pre-line); }

.title--hero { margin: 0; font-family: var(--font-heading); font-size: clamp(var(--fs-heading-min), 4.444444vw, var(--fs-section-archive-max)); font-weight: var(--font-weight-bold); line-height: 1.3; letter-spacing: -0.04em; text-transform: uppercase; overflow-wrap: anywhere; }