.north-only .unit-toggle {
  grid-template-columns: 1fr;
}

.north-only .unit-toggle button {
  width: 100%;
}

.north-only .unit-picker {
  display: none !important;
}

.north-only .hero__content {
  flex: 0 0 680px;
  margin-left: max(32px, calc((100vw - 1240px) / 2));
  width: 680px;
}

.north-only .hero h1 {
  max-width: 680px;
  text-wrap: balance;
}

.north-only .hero__lead {
  max-width: 620px;
  text-wrap: pretty;
}

@media (max-width: 1049px) {
  .north-only .hero {
    min-height: 840px !important;
    height: 840px !important;
  }

  .north-only .hero__content {
    flex-basis: calc(100vw - 40px);
    margin-left: 20px;
    min-width: calc(100vw - 40px);
    width: calc(100vw - 40px);
    max-width: calc(100vw - 40px);
  }
}