/* ==========================================================================
   Home (index.html) — hero, Curated Cellar Experiences split, overlapping pull-quote
   ========================================================================== */

/* The quote card overlaps the photograph's lower-left corner on desktop and
   simply sits beneath it on mobile. */
.home-quote {
  position: relative;
}

@media (min-width: 900px) {
  .home-quote__media { grid-column: 2 / -1; }

  /* Wider than the 5fr text column on purpose: the overlap onto the
     photograph is the point of this section. */
  .home-quote__quote {
    position: absolute;
    z-index: 1;
    bottom: var(--space-8);
    left: 0;
    width: min(46%, 560px);
  }
}

/* Experiences split: feature list sits between the lead and the CTA. */
.home-experiences__features {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-block: var(--space-4);
}