/* First era header (Apple Marcom 2020–2025) stays off-screen until the page is black.
   Scrolling back up off black reverses the enter: heading out left, blurb out right. */

html.aktuell-era-wait-black .projects-grid > .projects-group-headline:first-of-type .projects-group-heading {
  opacity: 0 !important;
  transform: translate3d(-100vw, 0, 0) !important;
  transition: none !important;
}

html.aktuell-era-wait-black .projects-grid > .projects-group-headline:first-of-type .projects-group-description {
  opacity: 0 !important;
  transform: translate3d(100vw, 0, 0) !important;
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html.aktuell-era-wait-black .projects-grid > .projects-group-headline:first-of-type .projects-group-heading,
  html.aktuell-era-wait-black .projects-grid > .projects-group-headline:first-of-type .projects-group-description {
    transform: none !important;
  }
}

/* Mobile: both columns enter from the left (they stack, so a right-enter feels sideways). */
@media (max-width: 768px) {
  html.aktuell-era-wait-black .projects-grid > .projects-group-headline:first-of-type .projects-group-description {
    transform: translate3d(-100vw, 0, 0) !important;
  }

  .projects-group-headline .projects-group-description {
    transform: translate3d(-100vw, 0, 0);
  }

  html.aktuell-enter-left .projects-group-headline:not(.is-revealed) .projects-group-description,
  html.aktuell-enter-right .projects-group-headline:not(.is-revealed) .projects-group-description,
  .page-content.slide-in-left:not(.slide-active) .projects-group-headline:not(.is-revealed) .projects-group-description,
  .page-content.slide-in-right:not(.slide-active) .projects-group-headline:not(.is-revealed) .projects-group-description {
    transform: translate3d(-100vw, 0, 0) !important;
  }
}