:root {
  --navy: #552c36 !important;
  --blue: #7a3f4d !important;
  --aqua: #cba9a2 !important;
  --ice: #f5f1ef !important;
  --paper: #fcfbfa !important;
  --ink: #30262a !important;
  --muted: #6e6064 !important;
  --line: #e8deda !important;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
}

.logo-mark {
  width: 38px;
  height: 38px;
  display: block;
  object-fit: contain;
}

.brand span {
  display: inline-block;
}

.hero {
  min-height: 620px !important;
}

.hero::after {
  inset: 14% 4% 14% 76% !important;
  border-radius: 2px !important;
  background: #552c36 !important;
}

.hero-grid {
  grid-template-columns: 1.62fr .38fr !important;
}

.hero-copy {
  padding-top: 74px !important;
  padding-bottom: 74px !important;
}

.hero-side {
  padding: 34px 30px !important;
  font-size: .9rem !important;
}

.signal {
  right: -125px !important;
  width: 350px !important;
  height: 350px !important;
  border-color: rgba(203, 169, 162, .48) !important;
  box-shadow: 0 0 0 58px rgba(203, 169, 162, .09), 0 0 0 116px rgba(203, 169, 162, .05) !important;
}

h1 {
  font-size: clamp(3rem, 5.2vw, 5.65rem) !important;
}

.mail {
  display: inline-block !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  border: 1px solid var(--aqua) !important;
  padding: 11px 19px !important;
}

.mail { font-weight: 750; }

@media (max-width: 790px) {
  .hero-grid {
    grid-template-columns: 1fr !important;
  }

  .hero::after {
    inset: auto 15px 30px 15px !important;
    height: 185px !important;
  }

  .hero-side {
    padding: 43px 26px 52px !important;
  }

  .signal {
    width: 250px !important;
    height: 250px !important;
    right: -80px !important;
    bottom: -40px !important;
  }
}