html,
.site-shell {
  max-width: 100%;
  overflow-x: hidden;
}

.expert-split > *,
.expert-copy,
.expert-stats {
  min-width: 0;
}

.brand-mark {
  display: block;
  flex: 0 0 auto;
  width: 52px;
  height: 48px;
  overflow: visible;
}

.brand-mark::before,
.brand-mark::after {
  display: none;
}

@media (min-width: 981px) {
  .hero-copy {
    width: min(620px, 48%);
  }

  .hero h1 {
    font-size: clamp(52px, 4.4vw, 70px);
  }
}

@media (max-width: 700px) {
  .brand-mark {
    width: 44px;
    height: 42px;
  }

  .expert-copy h2 {
    overflow-wrap: anywhere;
  }
}