.hero-contact {
	padding-top: var(--space-16);
	padding-bottom: var(--space-16);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
}
.hero-contact__inner {
	align-items: center;
}
.hero-contact__copy .label-kicker {
	color: var(--gray-200);
}
.hero-contact__copy .headline-display {
	color: #fff;
}
.hero-contact__copy .lead {
	color: var(--gray-100);
}
.hero-contact__highlights {
	margin-top: var(--space-4);
}
.hero-contact__list {
	margin-top: var(--space-3);
	font-size: var(--font-size-sm);
	color: var(--gray-100);
}
.hero-contact__card {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}
.hero-contact__details h3 {
	font-size: var(--font-size-md);
	margin-bottom: var(--space-2);
}
.contact-layout {
	align-items: flex-start;
}
.contact-aside__block {
	margin-bottom: var(--space-5);
}
.contact-aside__list {
	margin-top: var(--space-3);
	font-size: var(--font-size-sm);
	color: var(--gray-700);
}
.contact-aside__list li + li {
	margin-top: var(--space-2);
}
.contact-aside__events {
	background: linear-gradient(145deg, #fff, rgba(247, 244, 235, 0.96));
}
.contact-form__feedback {
	min-height: 1.25rem;
}
.contact-map__frame {
	height: 100%;
	min-height: 260px;
}
.contact-map__frame iframe {
	border: 0;
	width: 100%;
	height: 100%;
}
.contact-newsletter__form {
	background: var(--color-card);
	border-radius: var(--radius-lg);
	padding: var(--space-6);
	box-shadow: var(--shadow-soft);
	border: 1px solid var(--color-border);
}
.contact-newsletter__submit {
	display: flex;
	align-items: flex-end;
}
.contact-social__links .btn {
	min-width: 140px;
}
@media (max-width: 900px) {
	.hero-contact {
		padding-top: var(--space-12);
		padding-bottom: var(--space-12);
		background-position: top;
	}
	.hero-contact__card {
		margin-top: var(--space-6);
	}
	.contact-newsletter__form {
		padding: var(--space-5);
	}
	.contact-map__frame {
		margin-top: var(--space-4);
	}
}
@media (max-width: 640px) {
	.hero-contact {
		background-image: none;
		background-color: var(--gray-900);
	}
	.hero-contact__copy .headline-display {
		font-size: 2.1rem;
	}
	.contact-newsletter__submit {
		margin-top: var(--space-2);
	}
	.contact-newsletter__submit .btn {
		width: 100%;
	}
}
