/* Homepage experiment: proof first. Keep the established Tierra / Marea
   system; change the reading order so evidence arrives before segmentation. */

.proof-first-home .tm-hero {
    padding-bottom: clamp(34px, 4vw, 58px);
}

.proof-first-home .tm-hero-copy {
    max-width: 620px;
}

.proof-first-home .tm-hero-copy h1 {
    max-width: 12ch;
}

.proof-first-home .tm-lead {
    max-width: 48ch;
}

.proof-first-home .tm-proof {
    gap: 10px 22px;
}

.proof-first-home .tm-proof li {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
}

.proof-first-home .tm-proof strong {
    color: var(--accent-ink);
    font-family: var(--font-mono);
    font-size: 0.76em;
    font-weight: 500;
}

.proof-first-home .tm-work {
    padding-top: clamp(42px, 6vw, 78px);
}

.proof-first-home .tm-work .tm-section-head h2 {
    max-width: 14ch;
}

.proof-first-home .tm-work .tm-section-head > p {
    max-width: 38ch;
}

.proof-first-home .tm-audience-paths {
    margin-top: clamp(28px, 4vw, 56px);
    border-top: 1px solid var(--line-2);
    border-bottom: 1px solid var(--line-2);
}

.proof-first-home .tm-audience-paths > p {
    color: var(--accent-ink);
    font-weight: 600;
}

@media (min-width: 1021px) {
    .proof-first-home .tm-hero-copy h1 {
        font-size: clamp(3.6rem, 5.5vw, 5.25rem);
        letter-spacing: -0.055em;
    }

    .proof-first-home .tm-proof {
        border-top: 1px solid var(--line);
        padding-top: 15px;
    }
}

@media (max-width: 700px) {
    .proof-first-home .tm-hero-copy h1 {
        max-width: 14ch;
    }

    .proof-first-home .tm-proof {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}