@media (min-width: 1600px) {
  #app {
    --sr-wide-shell: clamp(1440px, calc(80vw + 160px), 1920px);
    --sr-wide-gutter: clamp(40px, 2.5vw, 64px);
  }

  #app.home:not(.has-results) .editorial {
    max-width: var(--sr-wide-shell);
    grid-template-columns: minmax(0, 1fr) minmax(0, clamp(620px, calc(20vw + 300px), 820px));
    column-gap: clamp(56px, 3.5vw, 88px);
    padding-inline: var(--sr-wide-gutter);
  }

  #app.home:not(.has-results) .headline h1 {
    font-size: clamp(54px, calc(3vw + 6px), 78px) !important;
  }

  #app.home:not(.has-results) .headline p {
    font-size: clamp(16px, calc(.625vw + 6px), 20px) !important;
  }

  #app.home:not(.has-results) .us-map {
    max-height: clamp(350px, calc(20vw + 30px), 510px);
  }

  #app.home:not(.has-results) .query-column .mode,
  #app.home:not(.has-results) .query-column .mode span {
    font-size: clamp(16px, calc(.3125vw + 11px), 19px) !important;
  }

  #app.home:not(.has-results) .query-column :is(input, select, #submit) {
    font-size: clamp(16px, calc(.3125vw + 11px), 19px);
  }

  #app .content-area,
  #app .results-host,
  #app .result-surface > .results-stage {
    max-width: var(--sr-wide-shell);
  }
}