/* Dates landing: the two explanatory chapters read as an intentional
   alternating sequence on tablet and desktop. */
@media (min-width: 768px) {
  .tsf-dates-editorial__grid {
    align-items: center;
    display: grid;
    gap: clamp(36px, 5vw, 84px);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .tsf-dates-editorial--opening .tsf-dates-editorial__grid {
    grid-template-areas: "visual copy";
  }

  .tsf-dates-editorial--morning .tsf-dates-editorial__grid {
    grid-template-areas: "copy visual";
  }

  .tsf-dates-editorial__visual {
    grid-area: visual;
  }

  .tsf-dates-editorial__copy {
    grid-area: copy;
  }
}