@media (max-width: 48rem) {
	.site-header__inner {
		position: relative;
		flex-wrap: wrap;
		padding-top: var(--bp-space-sm);
		padding-bottom: var(--bp-space-sm);
	}

	.site-main {
		padding-top: var(--bp-space-lg);
		padding-bottom: var(--bp-space-lg);
	}

	.site-main.site-main--home {
		padding-top: 1.25rem;
		padding-bottom: 1.5rem;
	}

	.home-hero {
		padding-bottom: 1rem;
	}
}

@media (max-width: 30rem) {
	.home-hero__title {
		font-size: clamp(2.1rem, 11vw, 3rem);
		letter-spacing: 0.02em;
		white-space: normal;
	}
}