:root {
    --gaia-hero-title-size: clamp(2.45rem, 5.6vw, 5.45rem);
    --gaia-hero-title-weight: 700;
    --gaia-hero-title-line-height: .98;
    --gaia-hero-title-letter-spacing: -.043em;
    --gaia-split-hero-columns: minmax(0, .98fr) minmax(360px, 1.02fr);
    --gaia-split-hero-gap: 54px;
    --gaia-split-hero-shell-max: 1280px;
    --gaia-split-hero-shell-padding: 16px;
    --gaia-split-hero-copy-max: 585px;
}

.gaia-hero-title {
    font-size: var(--gaia-hero-title-size);
    font-weight: var(--gaia-hero-title-weight);
    line-height: var(--gaia-hero-title-line-height);
    letter-spacing: var(--gaia-hero-title-letter-spacing);
}

@media (max-width: 768px) {
    :root {
        --gaia-hero-title-letter-spacing: -.045em;
    }
}

@media (max-width: 576px) {
    :root {
        --gaia-hero-title-size: clamp(2.55rem, 5.7vw, 5.55rem);
    }
}