.contact-page {
	margin: 0;
	color: var(--site-text);
	background: var(--site-background);
}

.contact-page__content {
	display: grid;
	grid-template-columns: minmax(200px, 1fr) minmax(360px, 2fr) minmax(220px, 1fr);
	width: 100%;
	margin: 0;
	padding: 0 var(--site-gutter) clamp(96px, 10vw, 180px);
}

.contact-page__navigation {
	z-index: 996;
	grid-column: 3;
	grid-row: 1;
	align-self: start;
	padding: 18px 0 56px;
}

.contact-page__navigation-title,
.contact-page__navigation-list {
	margin: 0;
	font-size: calc(18px * var(--a11y-text-scale, 1));
	line-height: 1.45;
}

.contact-page__navigation-title {
	font-weight: 600;
}

.contact-page__navigation-list {
	padding: 0;
	list-style: none;
}

.contact-page__navigation-list li {
	margin: 0;
}

.contact-page__navigation-list a {
	color: var(--site-muted);
	text-decoration: none;
}

.contact-page__navigation-list a:hover,
.contact-page__navigation-list a:focus-visible {
	color: var(--site-text);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.contact-section {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: minmax(200px, 1fr) minmax(360px, 2fr) minmax(220px, 1fr);
	padding: 40px 0;
	scroll-margin-top: calc(
		var(--site-header-height, 94px) + 110px
	);
}

.contact-section--primary {
	grid-row: 1;
	padding-top: 18px;
}

.contact-section__title {
	grid-column: 1;
	align-self: start;
	margin: 0;
	padding-right: clamp(24px, 3vw, 56px);
	font-family: var(--wp--preset--font-family--primary);
	font-size: calc(18px * var(--a11y-text-scale, 1));
	font-weight: 600;
	line-height: 1.3;
}

.contact-section__entries {
	display: grid;
	grid-column: 2;
	gap: 20px;
}

.contact-entry {
	margin: 0;
	font-size: calc(18px * var(--a11y-text-scale, 1));
	font-weight: 300;
	line-height: 1.35;
}

.contact-entry__name,
.contact-entry__role,
.contact-entry__address,
.contact-entry__communication {
	margin: 0;
	font: inherit;
}

.contact-entry__name {
	font-weight: 400;
}

.contact-entry__role {
	color: var(--site-muted);
}

.contact-entry__address {
	font-style: normal;
}

.contact-entry__communication {
	display: grid;
	justify-items: start;
}

.contact-entry__communication--separated {
	margin-top: 6px;
}

.contact-entry__communication a {
	color: inherit;
	text-decoration: none;
}

.contact-entry__communication a:hover,
.contact-entry__communication a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.contact-socials {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

.contact-socials__item {
	margin: 0;
}

.contact-socials__link,
.contact-socials__link span {
	display: block;
	width: 20px;
	height: 20px;
}

.contact-socials__link {
	color: inherit;
}

.contact-socials__link span {
	background: currentColor;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.contact-socials__link--youtube span {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8ZM9.6 15.6V8.4L15.8 12l-6.2 3.6Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8ZM9.6 15.6V8.4L15.8 12l-6.2 3.6Z'/%3E%3C/svg%3E");
}

.contact-socials__link--facebook span {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24 12a12 12 0 1 0-13.9 11.9v-8.4h-3V12h3V9.3c0-3 1.8-4.7 4.5-4.7 1.3 0 2.7.2 2.7.2v3h-1.5c-1.5 0-2 .9-2 1.9V12h3.4l-.5 3.5h-2.9v8.4A12 12 0 0 0 24 12Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24 12a12 12 0 1 0-13.9 11.9v-8.4h-3V12h3V9.3c0-3 1.8-4.7 4.5-4.7 1.3 0 2.7.2 2.7.2v3h-1.5c-1.5 0-2 .9-2 1.9V12h3.4l-.5 3.5h-2.9v8.4A12 12 0 0 0 24 12Z'/%3E%3C/svg%3E");
}

.contact-socials__link--instagram span {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm10.5 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm10.5 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E");
}

.contact-socials__link--x span {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.9 2H22l-6.8 7.8L23.2 22H17l-4.9-6.4L6.5 22H3.3l7.3-8.3L2.8 2h6.4l4.4 5.8L18.9 2Zm-1.1 17.8h1.7L8.2 4.1H6.4l11.4 15.7Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.9 2H22l-6.8 7.8L23.2 22H17l-4.9-6.4L6.5 22H3.3l7.3-8.3L2.8 2h6.4l4.4 5.8L18.9 2Zm-1.1 17.8h1.7L8.2 4.1H6.4l11.4 15.7Z'/%3E%3C/svg%3E");
}

.contact-page__empty {
	margin: 0;
	padding: 40px var(--site-gutter) 120px;
}

@media (max-width: 1024px) {
	.contact-page__content {
		display: block;
	}

	.contact-page__navigation {
		position: relative;
		top: auto;
		z-index: 1;
		padding: 18px 0 clamp(64px, 10vw, 100px);
		transition: none;
	}

	.contact-section,
	.contact-section--primary {
		display: grid;
		grid-template-columns: minmax(170px, 0.75fr) minmax(0, 1.25fr);
		padding: 0 0 clamp(72px, 11vw, 112px);
	}

	.contact-section__title {
		grid-column: 1;
	}

	.contact-section__entries {
		grid-column: 2;
	}
}

@media (max-width: 767px) {
	.contact-page__content {
		padding: 0 16px 96px;
	}

	.contact-page__navigation {
		padding: 38px 0 72px;
	}

	.contact-page__navigation-title,
	.contact-page__navigation-list,
	.contact-entry,
	.contact-section__title {
		font-size: calc(18px * var(--a11y-text-scale, 1));
	}

	.contact-section,
	.contact-section--primary {
		display: block;
		padding-bottom: 72px;
		scroll-margin-top: calc(var(--site-header-height, 86px) + 16px);
	}

	.contact-section__title {
		margin-bottom: 24px;
		padding-right: 0;
	}

	.contact-section__entries {
		display: grid;
		gap: 30px;
	}

	.contact-entry__communication--separated {
		margin-top: 22px;
	}
}