/* Typography */
h1,h2,h3,h4,h5,h6 {
    font-family: var(--font-display);
    line-height: 1.0;
    letter-spacing: -0.03em;
    color: var(--parchment);
    font-weight: 300;
}

h1 { font-size: clamp(var(--t8), 9vw, var(--t11)); font-weight: 200; letter-spacing: -0.05em; }
h2 { font-size: clamp(var(--t7), 6vw, var(--t10)); font-weight: 300; }
h3 { font-size: clamp(var(--t5), 3vw, var(--t7)); }
h4 { font-size: var(--t5); font-family: var(--font-ui); font-weight: 500; letter-spacing: 0; }

p { max-width: 58ch; line-height: 1.75; color: var(--text-dim); }

.eyebrow {
    font-family: var(--font-ui);
    font-size: var(--t1);
    font-weight: 500;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gold);
}

/* Generic overline label — used in section headers throughout */
.label {
    font-family: var(--font-ui);
    font-size: var(--t1);
    font-weight: 500;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gold);
    display: block;
}


.display-num {
    font-family: var(--font-display);
    font-size: clamp(100px, 18vw, 220px);
    font-weight: 200;
    line-height: .85;
    letter-spacing: -0.06em;
    color: var(--stone);
    user-select: none;
    pointer-events: none;
}