body {
  background: #fff;
  color: #122033;
}

.site-header {
  color: #122033;
  background: rgba(255, 255, 255, .96);
  border-bottom-color: #dfe8ef;
}

.site-header nav a {
  color: #26384a;
}

.header-cta {
  color: #087fc2;
  border-color: #159edf;
}

.menu {
  color: #122033;
}

.hero {
  background: #fff;
  color: #122033;
  grid-template-columns: 1fr;
  min-height: 660px;
}

.hero-copy {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 5vw;
  padding-right: 5vw;
}

.hero-copy .hero-lead {
  max-width: 790px;
}

.hero-logo-panel {
  margin: 34px 34px 34px 0;
  min-height: 590px;
  background-color: #f4f9fc;
  background-image: radial-gradient(circle at center, rgba(37, 214, 245, .12), transparent 55%), url('/assets/logo.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto, 118% auto;
  border: 1px solid #dce9f0;
}

.hero-grid {
  background-image: linear-gradient(rgba(8, 153, 238, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 153, 238, .055) 1px, transparent 1px);
  mask-image: linear-gradient(90deg, #000, transparent 72%);
}

.hero-lead {
  color: #536477;
}

.button.ghost {
  color: #122033;
  border-color: #b7c8d4;
}

.hero-note {
  color: #637587;
}

.hero-visual {
  margin: 34px 34px 34px 0;
  min-height: 600px;
  clip-path: none;
  border-radius: 3px;
  background: linear-gradient(90deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .18)), url('/assets/bg1.jpg') center/cover;
  box-shadow: 0 22px 70px rgba(18, 54, 83, .12);
}

.hero-visual:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, .15), transparent 24%);
}

.hero-visual .metric,
.hero-visual .status-card {
  color: #fff;
}

.hero-visual .metric small,
.hero-visual .status-card small {
  color: #9fb4c6;
}

.trust,
.service-grid article,
.experience-grid article {
  background: #fff;
}

.intro {
  border-bottom: 1px solid #e0e9ef;
}

.process {
  background: #f2f8fb;
  color: #122033;
  border-top: 1px solid #dce8ef;
  border-bottom: 1px solid #dce8ef;
}

.process .eyebrow.light {
  color: #087fc2;
}

.process-copy > p:last-child,
.process li p {
  color: #647689;
}

.process li {
  border-bottom-color: #d6e2e9;
}

.principle {
  background: #fff;
  border-top: 1px solid #e0e9ef;
}

.contact {
  background: #f2f8fb;
  color: #122033;
  border-top: 1px solid #dce8ef;
}

.contact .eyebrow.light {
  color: #087fc2;
}

.contact > div > p:not(.eyebrow) {
  color: #526678;
}

.contact .button.white {
  background: #087fc2;
  color: #fff;
}

.contact aside {
  background: #fff;
  border: 1px solid #d2e1ea;
}

.contact aside p {
  color: #087fc2;
}

footer {
  background: #fff;
  color: #122033;
  border-top: 1px solid #dce6ed;
}

footer > div:nth-child(2),
footer nav a {
  color: #637587;
}

footer > div:nth-child(2) strong {
  color: #122033;
}

@media (max-width: 950px) {
  .site-header.open {
    background: #fff;
  }

  .hero-visual {
    margin: 0 24px 32px;
    min-height: 430px;
  }

  .hero {
    grid-template-columns: 1fr;
  }

  .hero-logo-panel {
    min-height: 340px;
    margin: 0 24px 32px;
    background-size: auto, 115% auto;
  }
}