body {
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.45;
    font-weight: 400;
    color: var(--color-text);
}

h1,
h2,
h3,
h4 {
    font-family: var(--font-heading);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.015em;
    color: var(--color-ocean-900);
}

h1 {
    font-size: clamp(2.8rem, 4.9vw, 5.1rem);
}

h2 {
    font-size: clamp(1.72rem, 2.3vw, 2.45rem);
}

h3 {
    font-size: clamp(1.08rem, 1.6vw, 1.32rem);
}

p,
li,
label,
input,
textarea {
    font-weight: 500;
    color: var(--color-text-soft);
}

.section-kicker,
.card__eyebrow,
.hero__eyebrow,
.site-footer__eyebrow {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-gold-500);
}

.section-title,
.page-title {
    max-width: 22ch;
}

.section-text,
.page-intro,
.hero__text {
    max-width: 46ch;
    font-size: 0.95rem;
}

.page-intro,
.section-text,
.card__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}