/* FesaTix public layout alignment.
   The organizer landing page establishes the desktop content width at max-w-7xl.
   Keep the homepage on that same visual grid without changing its data or flows. */

[data-testid="public-homepage"] [data-testid="featured-hero"] > div.relative,
[data-testid="public-homepage"] #events {
  max-width: 80rem;
}

@media (min-width: 1024px) {
  [data-testid="public-homepage"] [data-testid="featured-hero"] > div.relative {
    min-height: 40rem;
    grid-template-columns: 1.05fr 0.95fr;
    column-gap: 3rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  [data-testid="public-homepage"] [data-testid="featured-hero"] h1 {
    max-width: 46rem;
    font-size: clamp(3.7rem, 5vw, 4.35rem);
    line-height: 1.04;
  }

  [data-testid="public-homepage"] [data-testid="featured-hero"] > div.relative > a {
    max-width: 24rem;
  }

  [data-testid="public-homepage"] #events {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media (min-width: 1280px) {
  [data-testid="public-homepage"] [data-testid="featured-hero"] > div.relative {
    column-gap: 4rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}