/* Alternate hero: the label's country landscape expands around the real lineup. */
.m-meadow {
  position: absolute;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  transform-origin: 70% 70%;
}

.m-meadow img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 58%;
}

/* Sunlight keeps text readable beneath the orchard canopy and around the copy. */
.m-meadow::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, #f8efdfeb, #f8efdf9c 65px, transparent 120px),
    radial-gradient(ellipse 36% 43% at 18% 49%, #f8efdf 0%, #f8efdfeb 43%, #f8efdf88 70%, transparent 100%);
}

.m-page--meadow .m-lineup {
  color: #173c31;
  --ink: #173c31;
}

.m-page--meadow > .m-lineup {
  isolation: isolate;
}

.m-page--meadow .m-lineup-name {
  font-weight: 700;
  color: #fff5df;
  text-shadow: 0 1px 3px #173c31, 0 0 5px #173c31, 0 0 10px #173c31;
}

@media (max-width: 1000px) {
  .m-meadow img { object-position: 65% center; }
  .m-meadow::after {
    background: linear-gradient(180deg, #f8efdfcc, #f8efdf66 38%, transparent 65%);
  }
}

@media (max-width: 600px) {
  .m-meadow img { object-position: 88% center; }
  .m-meadow::after {
    background: linear-gradient(180deg, #f8efdfed 0%, #f8efdfdf 32%, #f8efdf70 48%, transparent 69%);
  }
}