/* Trial: типографика по sauleaitkul.com (2026, Manrope). Откат — см. TYPOGRAPHY_REFERENCE.md */

:root {
	--font-sans: 'Manrope', system-ui, -apple-system, sans-serif;
	--lead-size: 18px;
	--body-size: 16px;
	--color-text-muted: #64748b;
}

/* portfolio-overrides.css шёл позже и перебивал :root — задаём семейство явно */
body.boxed,
.body-container,
.body {
	font-family: var(--font-sans) !important;
	font-size: var(--body-size);
	line-height: 1.5;
}

.content-longread__body,
.content-longread__body p,
.content-longread__body li,
.content-longread__body h2,
.content-longread__body h3,
.content-longread__toc-link,
.page-header h1,
.page-header .lead {
	font-family: var(--font-sans) !important;
}

.page-header .lead {
	font-size: var(--lead-size);
	line-height: 1.555;
}

.page-header h1 {
	font-weight: 800;
	letter-spacing: -0.04em;
}

/* H1 секций */
#text-carousel-intro-section .page-header h1,
#cases-section .page-header h1,
#cases-programs-section .page-header-wrapper .page-header h1,
#contact-section .page-header h1 {
	font-size: clamp(2.25rem, 5.5vw, 3rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.04em;
}

#cases-programs-section .page-header-wrapper .page-header h1:only-child {
	margin-bottom: 0;
}

/* Hero / contacts lead — 18px regular как на Saule */
#text-carousel-intro-section .page-header .lead:not(.hero-portfolio__metrics),
#contact-section .contact-section__lead,
#contact-section .page-header .lead {
	font-size: var(--lead-size);
	font-weight: 400;
	line-height: 1.555;
	color: var(--color-text-muted) !important;
}

#text-carousel-intro-section .page-header .lead:not(.hero-portfolio__metrics) .text-main {
	font-weight: 600;
}

#text-carousel-intro-section .hero-portfolio__metrics {
	font-size: var(--body-size);
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-text-muted) !important;
}

/* Лонгрид */
.content-longread__body {
	font-size: var(--lead-size);
	font-weight: 400;
	line-height: 1.555;
	color: var(--color-text);
}

.content-longread__body h2,
.content-longread__body h3 {
	font-size: 1em;
	font-weight: 700;
	line-height: inherit;
	letter-spacing: normal;
}

.content-longread__toc-link {
	font-size: var(--body-size);
	font-weight: 500;
}

.content-longread__quote cite {
	font-size: var(--body-size);
	font-weight: 400;
}

#cases-section .page-header .lead.text-gray {
	font-size: var(--lead-size);
	font-weight: 400;
	line-height: 1.555;
}

.contact-social__label {
	font-size: var(--body-size);
	font-weight: 600;
}

.site-footer__copy {
	font-size: 12px;
}

@media only screen and (max-width: 767px) {
	#text-carousel-intro-section .page-header h1,
	#cases-section .page-header h1,
	#cases-programs-section .page-header-wrapper .page-header h1,
	#contact-section .page-header h1 {
		font-size: clamp(2rem, 8vw, 2.25rem);
		line-height: 1.05;
	}

	#text-carousel-intro-section .page-header .lead:not(.hero-portfolio__metrics),
	#contact-section .contact-section__lead,
	#contact-section .page-header .lead {
		font-size: var(--lead-size);
	}

	.content-longread__body {
		font-size: var(--body-size);
		line-height: 1.5;
	}
}