/* Внутренние содержательные страницы: общий ритм, не зависящий от главной. */

.content-page {
	--content-line: rgba(27, 26, 21, 0.1);
}

.content-head {
	padding-top: clamp(8px, 1vw, 18px);
	padding-bottom: clamp(20px, 2.2vw, 40px);
}

.content-head__intro {
	max-width: 980px;
}

/* Надзаголовок .content-eyebrow и шапка раздела .content-section, .content-section__intro -
   в blog-teaser.css: они нужны и блоку «Статьи по теме» на коммерческих страницах, где
   этого файла нет. Подключается раньше него (зависимость в functions.php). */

.content-head__title {
	max-width: 22ch;
	margin: 0;
}

.content-head__lead {
	max-width: 920px;
	margin: clamp(10px, 1.4vw, 18px) 0 0;
	font-size: var(--fs-body);
	line-height: 1.55;
	color: var(--c-gray-600);
}

.content-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--gap);
}

.content-grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.content-card {
	min-height: 250px;
	padding: clamp(24px, 2.6vw, 44px);
	border: 1px solid var(--c-gray-300);
	border-radius: var(--r-lg);
	background: var(--c-white);
}

/*
 * Карточка-ссылка (блог без статей, «Три материала»): внизу «Читать подробнее»
 * со стрелкой - без неё было непонятно, что карточка ведёт на другую страницу
 * (владелец, 2026-09-25). Надпись прижата к низу, чтобы у трёх карточек стояла
 * на одной линии; оформление - как «Читать» у карточек статей (blog.css).
 */
.content-card--link {
	display: flex;
	flex-direction: column;
	transition: border-color var(--speed) var(--ease), box-shadow var(--speed) var(--ease);
}

.content-card__more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	padding-top: clamp(16px, 1.6vw, 24px);
	font-family: var(--font-head);
	font-size: var(--fs-small);
	color: var(--c-black);
}

.content-card__arrow {
	width: 14px;
	height: 14px;
	transition: translate var(--speed) var(--ease);
}

@media (hover: hover) {
	.content-card--link:hover {
		border-color: var(--c-gold-deep);
		box-shadow: var(--sh-card);
	}

	.content-card--link:hover .content-card__arrow {
		translate: 4px 0;
	}
}

.content-card--step:nth-child(2),
.content-card--step:nth-child(5) {
	background: var(--c-gray-050);
}

.content-card__num {
	display: block;
	margin-bottom: clamp(38px, 4vw, 72px);
	font-family: var(--font-head);
	font-size: 14px;
	color: var(--c-gold-text); /* было #96732f - 4,1-4,4:1 (С-11) */
}

.content-card h3 {
	font-family: var(--font-head);
	font-size: var(--fs-h4);
	line-height: 1.3;
}

.content-card p {
	margin-top: 14px;
	line-height: 1.55;
	color: var(--c-text-muted);
}

.content-note {
	margin-top: var(--gap);
	padding: clamp(20px, 2vw, 30px);
	border-left: 4px solid var(--c-gold-deep);
	border-radius: 0 var(--r-md) var(--r-md) 0;
	background: var(--c-gray-050);
	line-height: 1.55;
}

.content-band {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr) auto;
	gap: clamp(24px, 4vw, 64px);
	align-items: center;
	margin-block: clamp(48px, 6vw, 100px);
	padding: clamp(30px, 4vw, 64px);
	border-radius: var(--r-xl);
	background: var(--c-ink);
	color: var(--c-white);
}

/*
 * Блоки-подложки стоят прямо на .container (<section class="container content-band">),
 * и их padding перебивал боковые поля контейнера: фон заливал поля, блок доходил
 * до краёв экрана на телефоне и выходил за линию шапки на компьютере (владелец,
 * 2026-09-25, правки 8, 9 и 18). Ширина - как у содержимого контейнера: экран минус
 * поля, но не шире сетки; по центру ставит margin-inline: auto от .container.
 * Та же схема у .built-object__location (objects-page.css) и .blog-lead (blog.css).
 */
.container.content-band,
.container.thanks-card {
	width: calc(100% - var(--gutter) * 2);
}

.container.content-band {
	max-width: var(--container);
}

.content-band--gold {
	background: var(--c-gold);
	color: var(--c-ink);
}

.content-band .content-eyebrow {
	color: var(--c-gold-deep);
}

.content-band--gold .content-eyebrow {
	color: #76561c;
}

.content-band > p {
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.72);
}

.content-band--gold > p {
	color: rgba(27, 26, 21, 0.72);
}

.content-band__actions,
.thanks-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.content-band .btn--ghost {
	border-color: rgba(255, 255, 255, 0.55);
	color: var(--c-white);
}

.content-band .btn--ghost:hover {
	border-color: var(--c-gold);
	background: var(--c-gold);
	color: var(--c-ink);
}

.content-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap);
}

.content-stats > div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 220px;
	padding: clamp(24px, 3vw, 46px);
	border-radius: var(--r-lg);
	background: var(--c-ink);
	color: var(--c-white);
}

.content-stats strong {
	font-family: var(--font-head);
	font-size: clamp(34px, 4vw, 68px);
	font-weight: 400;
	color: var(--c-gold);
}

.content-stats span {
	max-width: 280px;
	line-height: 1.45;
}

.content-about {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(24px, 5vw, 90px);
	margin-top: clamp(54px, 7vw, 110px);
}

/* Без :not надзаголовок «Подход» получал размер абзаца: 16px на телефоне, 23px на компьютере. */
.content-about p:not(.content-eyebrow) {
	font-size: var(--fs-lead);
	line-height: 1.5;
}

.content-about p + p {
	margin-top: 22px;
}

/* «О компании»: обращение руководителя - текст и вертикальный ролик 9:16 (.video-card, video-card.css), 29.09.2026. */
.about-leader {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
	gap: clamp(24px, 5vw, 90px);
	align-items: center;
}

.about-leader__text .h2 {
	margin-top: 12px;
}

.about-leader__text p:not(.content-eyebrow) {
	max-width: 32em;
	margin-top: 22px;
	font-size: var(--fs-lead);
	line-height: 1.5;
}

.about-leader__video {
	width: 100%;
}

.content-page .objects,
.content-page .reviews,
.content-page .contacts {
	margin-block: clamp(40px, 5vw, 80px);
	padding-block: 0;
}

.content-page .stages {
	padding-block: clamp(40px, 5vw, 80px);
}

.content-page .reviews__head--nav-only {
	justify-content: flex-end;
}

.legal-copy {
	max-width: 1040px;
	padding: clamp(28px, 4vw, 60px);
	border-radius: var(--r-xl);
	background: var(--c-gray-050);
	font-size: var(--fs-body);
	line-height: 1.65;
}

/*
 * Политика и согласие (владелец, 2026-09-25, правка 19): подложка с текстом
 * начинается от той же линии, что хлебные крошки и заголовок, а не стоит по
 * центру; ширина для чтения прежняя - 1040px. Снизу воздух до подвала:
 * подложка упиралась в него вплотную. Левое поле - как у содержимого
 * .container: поле страницы, а на экранах шире сетки - половина остатка.
 */
.container.legal-copy {
	width: calc(100% - var(--gutter) * 2);
	margin-left: max(var(--gutter), calc((100% - var(--container)) / 2));
	margin-right: auto;
	margin-bottom: clamp(48px, 6vw, 100px);
}

.legal-copy h2 {
	margin-top: 38px;
	font-family: var(--font-head);
	font-size: var(--fs-h4);
	line-height: 1.35;
}

.legal-copy h2:first-child {
	margin-top: 0;
}

.legal-copy p,
.legal-copy ul {
	margin-top: 14px;
}

.legal-copy ul {
	padding-left: 1.25em;
	list-style: disc;
}

.legal-copy a {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.content-page--thanks {
	display: grid;
	min-height: 72vh;
	align-items: center;
}

.thanks-card {
	max-width: 980px;
	padding: clamp(34px, 6vw, 90px);
	border-radius: var(--r-xl);
	background: var(--c-ink);
	color: var(--c-white);
	text-align: center;
}

.thanks-card__lead {
	max-width: 680px;
	margin: 22px auto 0;
	font-size: var(--fs-lead);
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.72);
}

.thanks-card__actions {
	justify-content: center;
	margin-top: 34px;
}

/*
 * Карточка «Спасибо» тёмная, а общий .btn--ghost - чёрный текст для светлого
 * фона: «На главную» давала 1,2:1 и выглядела пустой рамкой, надзаголовок -
 * 3,97:1 (аудит 2026-09-25, 07-В4, 08-В6). Здесь - как у тёмной .content-band.
 */
.thanks-card .content-eyebrow {
	color: var(--c-gold);
}

.thanks-card .btn--ghost {
	color: var(--c-white);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}

.thanks-card .btn--ghost:hover {
	background: var(--c-gold);
	box-shadow: none;
	color: var(--c-ink);
}

@media (max-width: 1023px) {
	.content-about {
		grid-template-columns: 1fr;
	}

	.content-band {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.content-grid,
	.content-grid--3,
	.content-stats,
	.about-leader {
		grid-template-columns: 1fr;
	}

	.about-leader__video {
		max-width: 320px;
	}

	.content-card {
		min-height: 0;
	}

	.content-card__num {
		margin-bottom: 32px;
	}

	.content-stats > div {
		min-height: 170px;
	}

	.content-band .btn,
	.content-band__actions,
	.content-band__actions .btn,
	.thanks-card__actions .btn {
		width: 100%;
	}
}

/*
 * Подпись под юридическим документом: дата редакции и версия согласия.
 * Служебная строка, поэтому тише основного текста.
 */
.legal-copy__meta {
	margin-top: 32px;
	padding-top: 18px;
	border-top: 1px solid var(--c-gray-300);
	font-size: var(--fs-small);
	color: var(--c-text-muted);
}

.legal-copy h3 {
	margin-top: 22px;
	font-size: var(--fs-body);
	font-weight: 600;
}

.legal-copy strong {
	font-weight: 600;
}

/* --- Реквизиты на странице контактов -------------------------------------------- */

.requisites {
	max-width: 860px;
	margin-top: clamp(20px, 2vw, 32px);
	border-top: 1px solid var(--c-gray-300);
}

.requisites__row {
	display: grid;
	grid-template-columns: minmax(180px, 260px) 1fr;
	gap: clamp(12px, 2vw, 28px);
	padding: 14px 0;
	border-bottom: 1px solid var(--c-gray-300);
}

.requisites__label {
	font-size: var(--fs-small);
	color: var(--c-text-muted);
}

/* margin: 0 - у <dd> оставался отступ браузера 40 px, значения стояли не на своей линии (02-Ж5). */
.requisites__value {
	margin: 0;
	font-size: var(--fs-body);
}

@media (max-width: 639px) {
	.requisites__row {
		grid-template-columns: 1fr;
		gap: 4px;
	}
}

/*
 * 320-359 px: длинное слово заголовка («конфиденциальности») шире колонки и
 * выходило за экран на 1 px - страница ездила вбок (аудит 2026-09-25, 01-Ж6).
 * Заголовок на 2 px мельче только на этих ширинах; переносов по слогам нет.
 */
@media (max-width: 359px) {
	.verest .content-head__title.h2 {
		font-size: 20px;
	}
}