/* Home hero placeholder (parts/home/hero.php). */
@layer components {
	.hdc-home-hero {
		padding-block: var(--space-7) var(--section);
		border-bottom: 1px solid var(--line);
	}

	.hdc-home-hero__title {
		max-width: 18ch;
		font-size: var(--text-display);
		font-weight: 800;
		line-height: 1;
		letter-spacing: -0.025em;
	}

	.hdc-home-hero__text {
		max-width: 50ch;
		margin-top: var(--space-4);
		font-size: var(--text-md);
	}

	.hdc-home-hero .hdc-site-actions {
		margin-top: var(--space-6);
	}
}