/* Inter-only typography preview.
   Keeps the Frontierspace wordmark/logo in the existing serif treatment. */

body,
button,
input,
select,
textarea {
    font-family: 'Inter', Arial, sans-serif !important;
    letter-spacing: 0;
}

.font-editorial,
.article-prose h2,
.article-prose h3,
.viz-title,
.deal-case-heading h2,
.article-return-calculator-heading h2,
.audience-copy h3,
.audience-tab-label {
    font-family: 'Inter', Arial, sans-serif !important;
}

header a[aria-label="Frontierspace Ventures home"] .font-editorial {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
}

h1,
h2,
h3,
.font-editorial,
.strategy-title,
.audience-copy h3,
.audience-tab-label,
.article-prose h2,
.article-prose h3,
.viz-title,
.deal-case-heading h2,
.article-return-calculator-heading h2 {
    letter-spacing: 0 !important;
}

h1.font-editorial,
h2.font-editorial,
.strategy-title,
.audience-copy h3,
.viz-title,
.deal-case-heading h2,
.article-return-calculator-heading h2 {
    font-weight: 200 !important;
}

h3.font-editorial,
.article-prose h3,
.audience-tab-label {
    font-weight: 300 !important;
}

header a[aria-label="Frontierspace Ventures home"] .font-editorial {
    font-weight: 600 !important;
}

#hero .hero-title-option-three {
    margin-top: 2.85rem;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: clamp(3rem, 4.1vw, 4rem);
    font-stretch: normal;
    line-height: 1.08;
    max-width: 49rem;
}

#hero .hero-title-strong {
    font-weight: 560 !important;
    line-height: 1.16;
}

#hero .hero-title-light {
    margin-top: 0.42em;
    font-weight: 200 !important;
    line-height: 1.13;
}

#page-insights > .max-w-7xl > .grid:first-child {
    grid-template-columns: minmax(0, 1fr) !important;
}

#page-insights > .max-w-7xl > .grid:first-child > .lg\:col-span-5 {
    grid-column: 1 / -1 !important;
    max-width: 60rem;
}

#page-insights > .max-w-7xl > .grid:first-child > .lg\:col-span-7 {
    display: none !important;
}

#page-insights > .max-w-7xl > .grid:first-child h1.font-editorial {
    max-width: 58rem;
    font-size: clamp(3.15rem, 5.4vw, 5rem) !important;
    font-weight: 210 !important;
    line-height: 1.02 !important;
    text-wrap: balance;
}

#hero .hero-kicker {
    margin-bottom: 0.25rem;
}

#hero + section .grid p.font-editorial.text-4xl {
    font-weight: 280 !important;
    letter-spacing: -0.01em !important;
}

#hero + section .grid p.text-gold-600 {
    color: #9b7637 !important;
}

#hero p.text-charcoal-600 {
    max-width: 43rem;
    font-size: clamp(0.98rem, 1vw, 1.08rem);
    line-height: 1.78;
}

.section-label-bracket,
.section-label-centered {
    margin-bottom: 0.95rem;
}

.page-view > section {
    scroll-margin-top: 6.5rem;
}

section h1.font-editorial,
section h2.font-editorial {
    line-height: 1.12 !important;
}

section h1.font-editorial {
    font-size: clamp(2.45rem, 4vw, 3.7rem) !important;
}

section h2.font-editorial {
    font-size: clamp(2rem, 3vw, 2.85rem) !important;
}

section h3.font-editorial,
.audience-copy h3 {
    font-size: clamp(1.55rem, 2.1vw, 2.25rem) !important;
    line-height: 1.15 !important;
}

.grid a h2.font-editorial,
.grid a h3.font-editorial {
    font-weight: 230 !important;
    line-height: 1.2 !important;
}

.grid a h2.font-editorial {
    font-size: clamp(1.55rem, 2.1vw, 2.05rem) !important;
}

[id^="page-article-"] .mt-8.mb-10 {
    margin-top: 2.25rem !important;
    margin-bottom: 3rem !important;
}

[id^="page-article-"] h1.font-editorial {
    max-width: 54rem;
    font-size: clamp(2.3rem, 3.75vw, 3.25rem) !important;
    font-weight: 210 !important;
    line-height: 1.12 !important;
}

[id^="page-article-"] .mt-8.mb-10 > p.text-lg {
    max-width: 50rem;
    font-size: 1.08rem !important;
    line-height: 1.78 !important;
}

.article-prose {
    max-width: 56rem;
    font-size: 1.075rem;
    line-height: 1.82;
}

.article-prose p {
    max-width: 50rem;
    margin-bottom: 1.18rem;
}

.article-prose h2 {
    max-width: 50rem;
    margin-top: 2.8rem;
    margin-bottom: 0.85rem;
    font-size: clamp(1.55rem, 2vw, 1.95rem);
    font-weight: 240 !important;
    line-height: 1.25;
}

.article-prose h3 {
    max-width: 50rem;
    margin-top: 2rem;
    margin-bottom: 0.55rem;
    font-size: 0.95rem;
    font-weight: 450 !important;
    letter-spacing: 0.035em !important;
}

.article-prose ul,
.article-prose ol {
    max-width: 50rem;
    margin-top: 1.15rem;
    margin-bottom: 1.45rem;
}

.article-prose li {
    margin-bottom: 0.7rem;
}

.article-visual {
    margin-top: 2.5rem !important;
    margin-bottom: 2.9rem !important;
}

.viz-title {
    font-size: clamp(2rem, 3.2vw, 3.05rem) !important;
    line-height: 1.1 !important;
}

.fs-slide-surface .viz-title {
    font-family: 'Inter', Arial, sans-serif !important;
    font-weight: 200 !important;
}

.team-card-body p,
.audience-copy p:not(.audience-kicker),
.insights-card p,
[data-insights-topics] p {
    line-height: 1.75 !important;
}

@media (max-width: 640px) {
    #hero .hero-title-option-three {
        font-size: clamp(2.25rem, 10.5vw, 3.2rem) !important;
        line-height: 1.1 !important;
    }

    section h1.font-editorial {
        font-size: clamp(2rem, 10vw, 2.65rem) !important;
    }

    section h2.font-editorial,
    [id^="page-article-"] h1.font-editorial {
        font-size: clamp(1.85rem, 8vw, 2.45rem) !important;
    }

    #page-insights > .max-w-7xl > .grid:first-child h1.font-editorial {
        max-width: 23rem;
        font-size: clamp(2.35rem, 10vw, 3.15rem) !important;
        line-height: 1.08 !important;
    }

    .article-prose {
        font-size: 1.02rem;
        line-height: 1.78;
    }

    .article-prose h2 {
        font-size: 1.55rem;
        margin-top: 2.35rem;
    }
}