/* =========================================================
   BASE
========================================================= */

html,
body {
    overflow-x: hidden;
}

body.landin-body {
    font-family: var(--landin-font-primary);
    line-height: 1.7;

    color: var(--landin-text);
    background-color: var(--landin-bg-main);

    -webkit-font-smoothing: antialiased;
}

/* =========================================================
   EYEBROW
========================================================= */

.landin-eyebrow {
    display: inline-block;

    font-family: var(--landin-font-accent);
    font-size: var(--landin-text-xs);
    font-weight: 700;

    letter-spacing: .2em;
    text-transform: uppercase;

    color: var(--landin-primary);
}

/* =========================================================
   HEADINGS
========================================================= */
.landin-heading-xl,
.landin-heading-lg,
.landin-heading-md,
.landin-heading-sm,
.landin-heading-xs,
.landin-heading-xxs {
    margin: 0;

    font-family: var(--landin-font-accent);
    font-weight: 400;
    line-height: 1.2;

    color: var(--landin-text);

    text-wrap: balance;
}

.landin-heading-xl {
    font-size: var(--landin-heading-xl);
}

.landin-heading-lg {
    font-size: var(--landin-heading-lg);
}

.landin-heading-md {
    font-size: var(--landin-heading-md);
}

.landin-heading-sm {
    font-size: var(--landin-heading-sm);
}

.landin-heading-xs {
    font-size: var(--landin-heading-xs);
}

.landin-heading-xxs {
    font-size: var(--landin-heading-xxs);
}

/* =========================================================
   TEXT
========================================================= */

.landin-subtitle {
    font-size: var(--landin-text-lg);
    line-height: 1.7;

    color: var(--landin-text-muted);
}

.landin-section-description {
    max-width: 720px;

    font-size: var(--landin-text-lg);
    line-height: 1.8;

    color: var(--landin-text-muted);
}

/* =========================================================
   BRAND UTILITIES
========================================================= */

.landin-text-primary {
    color: var(--landin-primary);
}

.landin-text-light {
    color: var(--landin-text-light);
}