/* Block: Contact details. Figma: Contact 1:174-1:182 */

.section--contact-details {
	--pt: clamp(64px, 7.29vw, 140px);
	--pb: clamp(48px, 5.2vw, 100px);
}

/* The row's bottom space replaces the footer's own top margin. */
.site-main:has(> .section--contact-details:last-child) + .site-footer { margin-top: 0; }

.contact-details {
	display: flex;
	margin: 0;
	padding-top: clamp(28px, 2.66vw, 51px);
	border-top: 1px solid var(--c-line-2);
	font-size: var(--fs-small);
	line-height: 1.25;
	letter-spacing: -0.03em;
}

/* Columns start at 16 / 1080 / 1445 / 1810 of 1888: a wide first column, then 365px steps. */
.contact-details__item { flex: 0 0 19.33%; min-width: 0; padding-right: 16px; }
.contact-details__item:first-child { flex-basis: 56.36%; }
.contact-details__item:last-child { flex: 1 1 0; padding-right: 0; }

.contact-details__label {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

.contact-details__text {
	margin: clamp(14px, 1.2vw, 23px) 0 0;
	color: var(--c-ink-2);
}

.contact-details__text address { font-style: normal; }
.contact-details__text a:hover { color: var(--c-ink); }

@media (max-width: 1024px) {
	.contact-details {
		flex-wrap: wrap;
		gap: 32px 0;
	}

	.contact-details__item,
	.contact-details__item:first-child,
	.contact-details__item:last-child { flex: 0 0 50%; }
}

@media (max-width: 480px) {
	.contact-details__item,
	.contact-details__item:first-child,
	.contact-details__item:last-child { flex-basis: 100%; }
}