/* ============================================================ UPLIFY typography unification layer — v1 (2026-07-10) Single source of truth for heading scale. Loaded AFTER site.css. Canon derived from the site's dominant язык: display weight 500, hero ~90px, section ~64px, stroke-sub 54/300, article reading 36. Scope: explicit class list only — no blanket h1/h2 overrides. ============================================================ */ :root{ --t-display: clamp(2.75rem, 6.9vw, 6rem); /* 44 → 96px hero H1 + statement H2 (owner 11.07: як на головній і трохи більше) */ --t-section: clamp(2rem, 4.5vw, 4rem); /* 32 → 64px section H2 */ --t-stroke: clamp(1.9rem, 3.8vw, 3.375rem); /* 30 → 54px outlined/deco sub */ --t-h3: clamp(1.5rem, 2.6vw, 2.375rem); /* 24 → 38px H3 */ --t-compact: clamp(1.9rem, 3.4vw, 3rem); /* 30 → 48px utility/profile H1 */ --t-article: clamp(1.5rem, 2.8vw, 2.25rem); /* 24 → 36px in-article H2 (reading) */ --t-display-w: 500; --t-ls-tight: -0.02em; } /* — Hero H1 family (every page type) — */ h1.mega, h1.ch2-title, h1.geo-title, h1.mt-title, h1.gs-title, h1.tt-title, h1.tg-title, h1.hs-title, h1.blog-hero-title, h1.ch-title, .cases-hero h1{ font-size: var(--t-display) !important; font-weight: var(--t-display-w) !important; letter-spacing: var(--t-ls-tight) !important; line-height: 1.05 !important; } /* — Section H2 family — */ h2.geo-h2, h2.gs-h2, h2.mt-h2, h2.tt-h2, h2.tg-h2, h2.hs-h2, h2.glossary-h2, .cch-head h2, .cr-head h2, .ca-head h2, .case-related h2, .case-tldr-wrap h2, section.faq > .wrap > h2, .zr-section h2{ font-size: var(--t-section) !important; font-weight: var(--t-display-w) !important; letter-spacing: var(--t-ls-tight) !important; line-height: 1.08 !important; } /* — Trust/proof large subs that hardcoded their own clamp — */ h2.gs-trust-h2, h2.ma-trust-h2, h2.tt-trust-h2, h2.tg-trust-h2, h2.hs-trust-h2, .geo-proof-h2{ font-size: var(--t-section) !important; font-weight: var(--t-display-w) !important; } /* — Smaller sub-H2 (FAQ/TLDR/related-services heads) — */ h2.geo-faq-h2, h2.gs-faq-h2, h2.mt-faq-h2, h2.tt-faq-h2, h2.tg-faq-h2, h2.hs-faq-h2, h2.related-services-h2, .ctldr-head h2, .geo-tldr-head h2, .gs-tldr-head h2, .mt-tldr-head h2, .tt-tldr-head h2, .hs-tldr-head h2{ font-size: var(--t-h3) !important; font-weight: var(--t-display-w) !important; } /* — In-article reading headings keep reading scale — */ .art-body h2, h2.art-h2{ font-size: var(--t-article) !important; } /* Team profiles and tool pages stay compact by design (utility tier). NOTE: pre-load injection tests confirmed scramble heroes grow safely when this file loads in ; the earlier "collision" was a post-load-injection harness artifact. */ /* — Kill rogue weights (my earlier case patches used 800; site canon is 500) — */ h1.ch2-title, .cch-head h2, .cr-head h2, .ctldr-head h2{ font-weight: var(--t-display-w) !important; } .cch-box h3{ font-size: 21px !important; font-weight: 600 !important; } /* — Site chrome (header/footer) pinned: не залежить від body-шкали шаблону — */ header.nav nav a{font-size:1rem !important} footer .wrap{font-size:0.9375rem !important} footer .f-col a{font-size:0.9375rem !important} footer .f-brand-email{font-size:1rem !important} footer .f-brand-logo{font-size:2.1rem !important} footer .f-brand-tagline{font-size:0.8125rem !important} /* — Summary/TLDR heading: слова на кшталт «маркетинговий» ширші за колонку minmax(360,560) на дисплейному розмірі → overflow:hidden їх різав (знайдено свіпом 11.07; той самий кейс, що #origin на /pro-nas/). — */ .summary-head .tldr-type{font-size:clamp(2.4rem,3.6vw,3.25rem) !important;line-height:1.04 !important} /* — Хвости 11.07-свіпу: (1) summary-колонка ховала 6-11px курсивного свесу; (2) старі кейс-hero (section.hero{overflow:hidden}) різали довгі mega-слова на 4 стор. → у цих hero mega трохи компактніший, щоб слова влазили у wrap. — */ .summary-head{overflow:visible !important} /* старі кейс-hero з overflow:hidden отримують компакт-розмір ЧЕРЕЗ per-page інжект (case-hero-fit) — глобальне правило зачіпало home/pro-nas (11.07). */