.contact-hero{
	position:relative;
	padding-bottom:86px;
	overflow:hidden;
	background:
		radial-gradient(circle at 12% 38%,rgba(59,130,246,.25),transparent 28rem),
		radial-gradient(circle at 84% 26%,rgba(168,85,247,.27),transparent 30rem),
		linear-gradient(135deg,#050816,#09112b);
}

.contact-hero::after{
	position:absolute;
	left:38%;
	top:12%;
	width:430px;
	height:430px;
	content:"";
	border-radius:50%;
	background:conic-gradient(var(--blue),var(--violet),var(--magenta),var(--primary),var(--blue));
	filter:blur(105px);
	opacity:.16;
}

.contact-hero__grid{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
	align-items:end;
	gap:70px;
	padding-top:70px;
}

.contact-hero__copy h1{
	margin:0;
	font-size:var(--type-display);
	font-weight:800;
	line-height:1.02;
	letter-spacing:-.06em;
	text-wrap:balance;
}

.contact-hero__copy>p:not(.about-hero__label){
	max-width:610px;
	margin:28px 0;
	color:var(--text-soft);
	font-size:var(--type-body);
}

.contact-phone{
	display:inline-flex;
	flex-direction:column;
	padding:20px 28px;
	border-radius:var(--radius-ui);
	background:linear-gradient(105deg,var(--blue),var(--violet) 60%,var(--magenta));
	box-shadow:0 22px 60px rgba(59,130,246,.32),0 0 40px rgba(168,85,247,.2);
	color:#fff!important;
}

.contact-phone span{
	font-size:var(--type-caption);
	opacity:.74;
}

.contact-phone strong{
	font-size:var(--type-heading);
	font-variant-numeric:tabular-nums;
	line-height:1.2;
}

.contact-panel{
	position:relative;
	padding:30px;
	border:1px solid rgba(126,148,225,.2);
	border-radius:var(--radius-ui);
	background:rgba(16,24,58,.72);
	box-shadow:var(--shadow-glow);
	backdrop-filter:blur(18px);
}

.contact-panel h2{
	margin:0 0 20px;
	font-size:var(--type-title);
}

.contact-panel dl,.contact-panel dd{
	margin:0;
}

.contact-panel dl>div{
	padding:14px 0;
	border-bottom:1px solid rgba(134,146,184,.14);
}

.contact-panel dl>div:last-child{
	border-bottom:0;
}

.contact-panel dt{
	color:var(--text-muted);
	font-size:var(--type-caption);
	font-weight:500;
}

.contact-panel dd{
	margin-top:4px;
	color:var(--text-soft);
}

.contact-map-section{
	position:relative;
	background:#050816;
}

.contact-network-section{
	position:relative;
	padding:28px 0 48px;
	background:
		radial-gradient(circle at 12% 35%,rgba(59,130,246,.14),transparent 30rem),
		radial-gradient(circle at 88% 64%,rgba(168,85,247,.12),transparent 34rem),
		#050816;
}

#myMap{
	width:100%;
	height:460px;
}

#myMap.is-unavailable{
	display:grid;
	place-items:center;
	padding:24px;
	background:
		radial-gradient(circle at center,rgba(59,130,246,.22),transparent 28rem),
		#08102a;
	color:var(--text-soft);
	filter:none;
	text-align:center;
}

.anchorBL{
	display:none;
}

.infoWindow{
	display:grid;
	grid-template-columns:100px minmax(0,1fr);
	align-items:center;
	gap:18px;
	min-height:112px;
	color:#d7def5;
	font-size:var(--type-caption);
}

.infoWindow .pic{
	width:100px;
	height:100px;
	border-right:1px solid rgba(126,148,225,.2);
	background:url('/static/img/logo.svg') 22% 42% / 455% auto no-repeat;
}

.infoWindow__copy{
	min-width:0;
}

.infoWindow .title{
	font-size:var(--type-body);
	font-weight:750;
}

.infoWindow .tel{
	margin:5px 0;
	color:#3b82f6;
	font-size:var(--type-title);
	font-weight:750;
}

.city-network{
	position:relative;
	z-index:1;
	display:grid;
	grid-template-columns:.8fr 1.2fr;
	gap:44px;
	margin-top:0;
	padding:32px 36px;
	border:1px solid rgba(126,148,225,.2);
	border-radius:var(--radius-ui);
	background:rgba(10,16,39,.95);
	box-shadow:var(--shadow-glow);
}

.city-network h2{
	margin:0;
	font-size:var(--type-heading);
	line-height:1.35;
}

.city-network ul{
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:10px;
	margin:0;
	padding:0;
}

.city-network li{
	display:grid;
	place-items:center;
	min-height:42px;
	border-radius:var(--radius-ui);
	background:linear-gradient(135deg,rgba(59,130,246,.13),rgba(168,85,247,.12));
	color:var(--text-soft);
}

.contact-map-section .tdt-infowindow-content-wrapper,.contact-map-section .tdt-infowindow-tip{
	border-color:rgba(126,148,225,.22)!important;
	background:#0a1027!important;
	box-shadow:0 18px 50px rgba(0,0,0,.28)!important;
	color:var(--text-soft)!important;
}

.contact-map-section .tdt-infowindow-content{
	margin:18px!important;
}

@media (max-width:900px){
	.contact-hero__grid{
		grid-template-columns:1fr;
		gap:42px;
	}

	.contact-panel{
		max-width:620px;
	}

	.city-network{
		grid-template-columns:1fr;
	}

	.city-network ul{
		grid-template-columns:repeat(4,minmax(0,1fr));
	}
}

@media (max-width:600px){
	.contact-hero{
		padding-bottom:60px;
	}

	.contact-hero__grid{
		padding-top:44px;
	}

	.contact-hero__copy h1{
		font-size:var(--type-display);
	}

	.contact-phone{
		width:100%;
	}

	.contact-panel{
		padding:24px;
	}

	#myMap{
		height:380px;
	}

	.contact-network-section{
		padding:16px 0 30px;
	}

	.city-network{
		width:calc(100% - 24px);
		padding:24px;
	}

	.city-network ul{
		grid-template-columns:repeat(3,minmax(0,1fr));
	}
}

@media (min-width:1440px){
	.city-network ul{
		grid-template-columns:repeat(8,minmax(0,1fr));
	}
}