/* ==========================================================================
   Home page
   ========================================================================== */

.hero {
	background: var(--gradient-hero);
	border-bottom: 1px solid var(--color-border);
	padding: var(--space-16) var(--space-6) var(--space-12);
	text-align: center;
}

.hero__inner { max-width: 720px; margin-inline: auto; }

.hero__title {
	font-size: var(--fs-4xl);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: var(--lh-tight);
	color: var(--color-text);
}
.hero__title .accent { color: var(--color-accent); }

.hero__subtitle {
	margin-top: var(--space-2);
	font-size: var(--fs-md);
	color: var(--color-text-secondary);
	font-weight: 500;
}

.hero__desc {
	margin-top: var(--space-4);
	font-size: var(--fs-base);
	color: var(--color-text-secondary);
	line-height: var(--lh-relaxed);
}

.hero__search { margin-top: var(--space-8); }

.hero__chips {
	margin-top: var(--space-5);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-2);
}
.hero__chips-label {
	font-size: var(--fs-xs);
	color: var(--color-text-muted);
	margin-right: var(--space-1);
	align-self: center;
}

@media (max-width: 576px) {
	.hero { padding: var(--space-12) var(--space-4) var(--space-8); }
	.hero__title { font-size: var(--fs-3xl); }
}

.home-section {
	max-width: var(--container-max);
	margin-inline: auto;
	padding: var(--space-12) var(--space-6);
}
@media (max-width: 576px) { .home-section { padding: var(--space-8) var(--space-4); } }

.home-section__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: var(--space-6);
	gap: var(--space-4);
}

.home-section__title {
	font-size: var(--fs-xl);
	font-weight: 700;
	color: var(--color-text);
}

.home-section__link {
	font-size: var(--fs-sm);
	font-weight: 600;
	color: var(--color-accent);
	white-space: nowrap;
}

.home-band--subtle { background: var(--color-bg-subtle); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }

/* ---- SEO-текст внизу главной (перенесён из старой темы) ---- */
.home-about {
	max-width: var(--container-max);
	margin: 0 auto;
	padding: var(--space-12) var(--space-6) var(--space-16);
	border-top: 1px solid var(--color-border);
}
.home-about h2 {
	font-size: var(--fs-xl);
	font-weight: 700;
	margin-bottom: var(--space-4);
}
.home-about p { max-width: var(--content-max); }

/* ---- 404 ---- */
.error-404 { text-align: center; }
.error-404__title { font-size: var(--fs-3xl); font-weight: 800; }
.error-404__desc { color: var(--color-text-secondary); margin-top: var(--space-3); }
.error-404__list-head { justify-content: center; margin-top: var(--space-10); }
.error-404__list { text-align: left; max-width: 720px; margin-inline: auto; }