/* Базовые стили ниже первого экрана. Реcет, body, шапка и hero
   живут в critical.css и инлайнятся в head — здесь их нет. */

input,
button,
textarea,
select {
	font: inherit;
	color: inherit;
}

h2,
h3,
h4 {
	font-family: var(--gk-font-display);
	font-weight: 800;
	text-wrap: balance;
}

h2 {
	font-size: var(--gk-fs-h2);
	line-height: 1.08;
	letter-spacing: -0.02em;
}

h3 {
	font-size: var(--gk-fs-h3);
	line-height: 1.25;
	letter-spacing: -0.01em;
}

.gk-lead {
	font-size: var(--gk-fs-lead);
	line-height: 1.5;
	color: var(--gk-muted);
}

/* Сетка */

/* Половина ритма на секцию: между соседними секциями паддинги
   складываются ровно в 72px на мобильном и 128px на десктопе. */
.gk-section {
	padding-block: 36px;
}

@media (min-width: 1024px) {
	.gk-section {
		padding-block: 64px;
	}
}

/* Текстовая ссылка-стрелка и текст для скринридеров */

.gk-link {
	color: var(--gk-accent);
	text-decoration: none;
}

.gk-link:hover {
	text-decoration: underline;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}