.contact-hero{
  padding-top:72px;
}
.contact-intro{
  max-width:720px;
  margin-inline:auto;
  text-align:center;
}
.contact-intro h1{
  margin-top:18px;
}
.contact-lead{
  max-width:650px;
  margin:18px auto 0;
  font-size:18px;
}
.contact-intro .btn{
  margin-top:26px;
}
.contact-layout{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:58px;
}
.contact-channel{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}
.contact-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  margin-bottom:20px;
  border-radius:var(--radius-md);
  background:var(--color-accent);
  color:var(--color-bg);
}
.contact-icon--blue{
  background:var(--color-blue);
}
.contact-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.contact-channel h2{
  margin-top:16px;
  font-size:28px;
}
.contact-channel p{
  margin-top:13px;
}
.contact-channel .btn{
  margin-top:24px;
}
.contact-list{
  display:grid;
  gap:11px;
  width:100%;
  margin-top:18px;
  color:var(--color-muted);
}
.contact-list li{
  position:relative;
  padding-left:22px;
}
.contact-list li::before{
  content:"";
  position:absolute;
  top:.7em;
  left:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--color-blue);
}
.contact-note{
  margin-top:20px!important;
  font-size:14px;
}
.contact-facts{
  background:var(--color-panel);
}
.contact-facts-head{
  max-width:700px;
}
.contact-facts-head h2{
  margin-top:16px;
}
.contact-facts-head p{
  margin-top:14px;
}
.contact-fact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:30px;
}
.contact-fact{
  padding:23px;
}
.contact-fact strong{
  font-size:18px;
}
.contact-fact p{
  margin-top:9px;
  font-size:14px;
}
.contact-facts .callout{
  max-width:820px;
  margin-top:28px;
}
@media (max-width:768px){
  .contact-hero{
    padding-top:52px;
  }
  .contact-lead{
    font-size:16px;
  }
  .contact-layout,
  .contact-fact-grid{
    grid-template-columns:1fr;
  }
  .contact-layout{
    margin-top:42px;
  }
}