/* The visual headline rail must never determine the desktop hero height. */
.headline-zone { align-items: stretch; }
.headline-rail {
  height: 470px !important;
  min-height: 0;
  grid-template-rows: auto repeat(3, minmax(0, 1fr)) !important;
}
.headline-rail .rail-story,
.headline-rail .rail-image,
.headline-rail .rail-image img { height: 100%; min-height: 0; }

@media (min-width: 901px) {
  .headline-zone { align-items: stretch; }
  .headline-rail { height: 470px; min-height: 0; grid-template-rows: auto repeat(3, minmax(0, 1fr)); }
  .headline-rail .rail-story,
  .headline-rail .rail-image,
  .headline-rail .rail-image img { height: 100%; min-height: 0; }
}

@media (max-width: 900px) {
  .headline-zone { grid-template-columns: 1fr !important; }
  .headline-rail {
    height: auto !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: auto 160px !important;
  }
}

@media (max-width: 620px) {
  .headline-rail {
    height: auto !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto repeat(3, 170px) !important;
  }
}