.page-head { max-width: 680px; margin-bottom: var(--sp-48); }
.page-head .display { margin-bottom: var(--sp-24); }
.page-head p { margin-bottom: var(--sp-24); }
.page-head .label { color: var(--pink); }

.contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 23px;
	align-items: start;
}
.contact-side { display: grid; gap: 15px; }

.panel {
	border-radius: var(--r-card);
	padding: 40px 28px 40px 28px;
	color: var(--ink);
}
.panel--pink { background: var(--pink); min-height: 595px; }
.panel--beige { background: var(--beige); }
.panel hr { border: 0; border-top: 1px solid var(--muted); opacity: .5; margin: 28px 0; }

.panel__label {
	font-size: var(--fs-small);
	font-weight: var(--fw-label);
	text-transform: uppercase;
	margin-bottom: var(--sp-16);
}
.panel--pink .panel__label { color: var(--coral); }
.panel--beige .panel__label { color: var(--green); }

.panel__big {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: var(--fs-h3);
	font-weight: var(--fw-ui);
	margin-bottom: var(--sp-16);
}
.panel__big svg { width: 22px; height: 22px; color: var(--coral); flex: none; }
.panel__big a { text-decoration: none; }
.panel--beige .small { color: var(--plum-line); }

.hours-table {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: var(--sp-24);
	font-size: var(--fs-small);
}
.hours-table > div {
	display: flex;
	justify-content: space-between;
	padding-block: 12px;
	border-bottom: 1px solid var(--muted);
}
.hours-table dt { font-weight: var(--fw-ui); }
.hours-table dd { color: var(--plum-line); }

.panel__social { display: flex; gap: 10px; }

.info-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 17px;
}
.info-cards li {
	min-height: 257px;
	padding: 28px 22px;
	border: 2px solid var(--muted);
	border-radius: var(--r-card);
	font-size: var(--fs-small);
	color: var(--cream);
}
.info-cards svg { width: 20px; height: 20px; color: var(--coral); margin-bottom: var(--sp-24); }
.info-cards h3 { font-size: var(--fs-small); font-weight: var(--fw-ui); margin-bottom: var(--sp-16); }

@media (max-width: 1000px) {
	.contact-grid { grid-template-columns: 1fr; }
	.panel--pink { min-height: 0; }
}
@media (max-width: 640px) {
	.info-cards { grid-template-columns: 1fr; }
	.info-cards li { min-height: 0; }
	.hours-table { grid-template-columns: 1fr; }
}