/*
 * One family, three sizes. This file intentionally loads after every Astana
 * homepage component stylesheet so individual modules cannot invent a fourth
 * typographic level.
 */

body.astana-signal-home {
    --astana-type-large: clamp(50px, 6vw, 86px);
    --astana-type-medium: clamp(24px, 2.35vw, 34px);
    --astana-type-small: 16px;
}

body.astana-signal-home,
body.astana-signal-home :where(*) {
    font-family: Oswald, Impact, sans-serif !important;
    font-size: var(--astana-type-small) !important;
}

body.astana-signal-home :where(*)::before,
body.astana-signal-home :where(*)::after {
    font-family: Oswald, Impact, sans-serif !important;
    font-size: var(--astana-type-small) !important;
}

body.astana-signal-home :is(
    #astana-home-title,
    #astana-home-title *,
    #works-title,
    #works-title *,
    #services-title,
    #services-title *,
    #approach-title,
    #approach-title *,
    #price-title,
    #price-title *,
    #contract-route-title,
    #contract-route-title *,
    #growth-title,
    #growth-title *,
    #capabilities-title,
    #capabilities-title *,
    #faq-title,
    #faq-title *,
    #contacts-title,
    #contacts-title *,
    #brief-title,
    #brief-title *
) {
    font-size: var(--astana-type-large) !important;
}

body.astana-signal-home :is(
    .astana-zero-ledger strong,
    .astana-proof-strip strong,
    .astana-featured-work__caption b,
    .astana-service-link__number,
    .astana-service-link h3,
    .astana-price-card h3,
    .astana-contract-steps > li > span,
    .astana-contract-steps h3,
    .astana-capability-card h3,
    .astana-faq-list summary,
    .astana-faq-list summary *,
    .astana-contact-links > a,
    .astana-quick-brief__contacts a,
    .botan-widget__launcher > span,
    .botan-widget__invitation strong,
    .botan-widget__panel h2,
    .botan-widget__panel h2 *
) {
    font-size: var(--astana-type-medium) !important;
}

body.astana-signal-home :is(
    #astana-home-title,
    #works-title,
    #services-title,
    #approach-title,
    #price-title,
    #contract-route-title,
    #growth-title,
    #capabilities-title,
    #faq-title,
    #contacts-title,
    #brief-title
) {
    line-height: .96;
}

body.astana-signal-home :is(
    .astana-service-link h3,
    .astana-price-card h3,
    .astana-contract-steps h3,
    .astana-capability-card h3,
    .astana-faq-list summary,
    .botan-widget__panel h2
) {
    line-height: 1.08;
}

body.astana-signal-home :is(
    p,
    li,
    label,
    input,
    select,
    textarea
) {
    line-height: 1.55;
}

@media (max-width: 640px) {
    body.astana-signal-home .botan-widget__conversation {
        flex: 0 0 auto;
        min-height: 0;
    }
}