/* Generated from site/src/styles/pages/home.css by wordpress/tools/sync-theme-assets.mjs – edit the source, not this copy. */
/*
 * Home template. Spacing from the Elementor page: the page pulls up 340 px
 * (235 px ≤1200, 45 % of the width on phones) so the hero runs behind the
 * header; hero min-height 120vh / 80vh / 600 px / 50vh.
 * WordPress: assets/css/home.css, enqueued on the front page only.
 */

.hero {
  position: relative;
  min-height: 120vh;
  margin-top: -340px;
  overflow: hidden;
}
.hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 100%;
}
/* The fade to white over the last 12 % (Elementor's overlay). */
.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(rgb(255 255 255 / 0) 88%, #fff 100%);
}

@media (max-width: 1200px) { .hero { min-height: 80vh; margin-top: -235px; } }
@media (max-width: 1023px) { .hero { min-height: 600px; } }
@media (max-width: 560px) {
  .hero { min-height: 50vh; margin-top: -45vw; }
  .hero-img { object-position: 0% 50%; }
}

.home-intro { text-align: center; }

.home-title { margin: 22px 0 10px; text-align: center; }
.home-subtitle { margin: 40px 0 16px; text-align: center; }

.date-lines .date-line {
  margin: 0;
  color: var(--maroon);
  font-family: var(--display);
  font-size: var(--h-date);
  font-weight: 400;
  line-height: 1.05;
}
.date-lines .rf-rockery-headline { margin-bottom: 0; }

.home-text { align-self: center; width: 70%; margin: 24px auto 0; }
@media (max-width: 1366px) { .home-text { width: 80%; } }
@media (max-width: 1200px) { .home-text { width: 100%; } }

/* The six R26 artist tiles: three per row, two on tablets and phones. */
.lineup-tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.lineup-tiles li { flex: 1 1 25%; min-width: 0; }
.lineup-tiles img { width: 100%; }
@media (max-width: 1023px) { .lineup-tiles li { flex-basis: 35%; } }
@media (max-width: 560px) { .lineup-tiles { gap: 10px; } }

/* "Last Time": black band. */
.last-time {
  padding-bottom: 50px;
  background: var(--black);
}
.last-time .home-subtitle { margin: 22px 0 10px; color: var(--white); }
.last-time .button-row { margin-bottom: 42px; }

.home-map { height: 450px; }
@media (max-width: 1200px) { .home-map { height: 400px; } }
@media (max-width: 560px) { .home-map { height: 310px; } }