@media all and (min-width: 1360px) {
  .front-focus-grid {
    /* grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "latest latest editorial"; */
    grid-template-columns: 1fr 1fr minmax(320px, 480px);
    grid-template-rows: 1fr;
    grid-column-gap: 3%;
    grid-template-areas: "latest latest editorial";
  }
}

@media all and (min-width: 900px) and (max-width: 1359px) {
  .front-focus-grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "latest" "editorial";
  }
}

@media all and (max-width: 899px) {
  .front-focus-grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "latest" "editorial" "review";
  }
}

.latest {
  grid-area: latest;
}

.editorial {
  grid-area: editorial;
}

.recent {
  grid-area: recent;
}

.header-image {
  max-height: 370px;
  overflow: hidden;
}