/**
 * MotoForma Typography
 * Archivo for display, Inter for reading.
 * ============================================
 */

/* ============================================
   Headings
   ============================================ */

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    font-weight: var(--font-extrabold);
    font-stretch: 105%;
    line-height: var(--leading-tight);
    letter-spacing: var(--track-display);
    color: var(--text);
    text-wrap: balance;
}

h1 { font-size: var(--step-5); }
h2 { font-size: var(--step-4); }
h3 { font-size: var(--step-3); }
h4 { font-size: var(--step-2); }
h5 { font-size: var(--step-1); font-weight: var(--font-bold); letter-spacing: var(--track-tight); }
h6 {
    font-family: var(--font-body);
    font-size: var(--step--1);
    font-weight: var(--font-bold);
    letter-spacing: var(--track-eyebrow);
    text-transform: uppercase;
}

p {
    line-height: var(--leading-relaxed);
    margin-bottom: 1em;
    text-wrap: pretty;
}

p:last-child {
    margin-bottom: 0;
}

strong, b {
    font-weight: var(--font-semibold);
    color: var(--text);
}

small {
    font-size: var(--step--1);
}

/* ============================================
   Display — hero-scale statements
   ============================================ */

.display {
    font-family: var(--font-display);
    font-size: var(--step-6);
    font-weight: var(--font-black);
    font-stretch: 108%;
    line-height: var(--leading-display);
    letter-spacing: -0.04em;
    text-transform: uppercase;
    text-wrap: balance;
}

/* ============================================
   Eyebrow / kicker
   ============================================ */

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.6em;
    /* Telemetrický štítek – mono písmo jako na přístrojovce */
    font-family: var(--font-mono);
    font-size: var(--step--2);
    font-weight: var(--font-bold);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--brand);
    margin-bottom: var(--space-s);
}

.eyebrow::before {
    content: '';
    width: 1.75rem;
    height: 2px;
    background: var(--brand);
    flex: none;
}

.eyebrow--light {
    color: #fff;
}

.eyebrow--light::before {
    background: var(--brand-bright);
}

/* ============================================
   Section title
   ============================================ */

.section-title {
    font-family: var(--font-display);
    font-size: var(--step-4);
    font-weight: var(--font-extrabold);
    font-stretch: 105%;
    line-height: var(--leading-tight);
    letter-spacing: var(--track-display);
    color: var(--text);
    margin: 0 0 var(--space-m);
    text-wrap: balance;
}

.section-title--light {
    color: #fff;
}

.section-title--left {
    text-align: left;
}

.section-title--small {
    font-size: var(--step-3);
}

/* ============================================
   Lead / supporting copy
   ============================================ */

.lead {
    font-size: var(--step-1);
    line-height: var(--leading-relaxed);
    color: var(--text-2);
    max-width: 62ch;
}

.lead--light {
    color: var(--on-dark-2);
}

/* ============================================
   Kontakty: telefon a e-mail se nikdy nezalomí uprostřed
   ============================================ */

a[href^="tel:"],
a[href^="mailto:"],
.nowrap {
    white-space: nowrap;
}