.page-header-photo{
  background:
    linear-gradient(rgba(22,34,79,0.78), rgba(22,34,79,0.78)),
    url('img/contact/about.JPG') center 70%/cover no-repeat;
  padding:40px 0;
}

.contact-band .contact-wrap-grid{
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:48px;
  align-items:start;
}

.contact-band .wrap-map{
  display:block;
  margin-top:56px;
}

.map-block{
  aspect-ratio:16/7;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}

.map-block iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

.contact-info h2{
  font-size:clamp(28px, 3.2vw, 36px);
  margin:6px 0 10px;
}

.contact-info .lede{
  color:var(--steel-light);
  font-size:15.5px;
  margin-bottom:30px;
}

.info-row{
  display:flex;
  gap:16px;
  padding:18px 0;
  border-top:1px solid var(--line);
}
.info-row:last-of-type{border-bottom:1px solid var(--line);}

.info-icon{
  flex:none;
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--grey-bg);
  color:var(--blue-dark);
  display:flex;
  align-items:center;
  justify-content:center;
}

.info-icon svg{width:20px; height:20px;}

.info-row:nth-of-type(1) .info-icon{background:rgba(47,143,255,0.12); color:var(--blue-bright);}
.info-row:nth-of-type(2) .info-icon{background:rgba(42,49,153,0.1); color:var(--blue-dark);}
.info-row:nth-of-type(3) .info-icon{background:rgba(42,49,153,0.1); color:var(--blue-dark);}
.info-row:nth-of-type(4) .info-icon{background:rgba(168,85,247,0.12); color:#A855F7;}
.info-row:nth-of-type(5) .info-icon{background:rgba(63,72,204,0.12); color:var(--blue);}

.info-row h5{font-size:13px; font-weight:600; color:var(--steel-light); margin-bottom:3px;}
.info-row a{color:var(--charcoal); font-weight:600; font-size:15px;}
.info-row a:hover{color:var(--blue);}
.info-row .value{color:var(--charcoal); font-size:15px; font-weight:500;}

.section-head-left{
  margin-bottom:24px;
}

.section-head-left h2{
  font-size:clamp(26px, 3vw, 34px);
  margin:6px 0 10px;
}

.section-head-left .lede{
  color:var(--steel-light);
  font-size:15.5px;
}

form{
  background:var(--paper);
  padding:34px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-lg);
}

.grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.field{margin-bottom:18px;}

.field label{
  display:block;
  font-size:12.5px;
  color:var(--steel-light);
  letter-spacing:0.3px;
  margin-bottom:7px;
}

.field input, .field textarea{
  width:100%;
  background:var(--grey-bg);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  color:var(--charcoal);
  padding:11px 12px;
  font-family:'Work Sans', sans-serif;
  font-size:14.5px;
}

.field input:focus-visible, .field textarea:focus-visible{
  outline:2px solid var(--blue);
  outline-offset:2px;
}

.field textarea{min-height:90px; resize:vertical;}

.btn-block{width:100%; display:block; text-align:center; border:none; cursor:pointer;}

.form-note{
  text-align:center;
  font-size:13px;
  color:var(--steel-light);
  margin-top:14px;
}

@media (max-width:860px){
  .contact-wrap-grid{grid-template-columns:1fr;}
  .grid-2{grid-template-columns:1fr;}
}