/* =========================================================================
   Hund24 — front page (loaded on the homepage only)
   ========================================================================= */

.hero {
	background: var(--h24-surface);
	border-bottom: 1px solid var(--h24-border);
	padding-block: var(--h24-s5);
}
.hero__inner { text-align: center; }
.hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	font-size: var(--h24-fs-sm);
	color: var(--h24-primary);
	margin-bottom: var(--h24-s2);
}
.hero__eyebrow .icon { width: 1.3em; height: 1.3em; }
.hero__title { font-size: var(--h24-fs-h1); font-weight: 800; letter-spacing: -.015em; }
.hero__subtitle {
	font-size: var(--h24-fs-lg);
	color: var(--h24-muted);
	margin-top: var(--h24-s2);
	margin-inline: auto;
	max-width: 38rem;
}
.hero__cta { margin-top: var(--h24-s3); font-size: 1.05rem; padding: .85rem 1.6rem; }

.home-section { padding-block: var(--h24-s4); }
.home-section__title {
	font-size: var(--h24-fs-h2);
	margin-bottom: var(--h24-s3);
	position: relative;
	padding-bottom: .5rem;
}
.home-section__title::after {
	content: "";
	position: absolute;
	left: 0; bottom: 0;
	width: 3rem; height: 3px;
	background: var(--h24-accent);
	border-radius: 2px;
}
.home-section__more { margin-top: var(--h24-s3); }

@media (min-width: 768px) {
	.hero { padding-block: 5.5rem; }
}