/* ──────────────────────────────────────────
   VINEYARD STORY CONTENT
   The triptych + story + counters block.
   Lives inside .vineyard-section (which provides the bg image and padding).
   Counters animate up when scrolled into view (see assets/js/counters.js).
─────────────────────────────────────────── */
.vineyard-story-inner {
  max-width: 1600px;
  margin: 0 auto;
}

/* ──────────────────────────────────────────
   HEADER (eyebrow + title)
─────────────────────────────────────────── */
.vineyard-story-header {
  text-align: center;
  margin-bottom: 56px;
}
.vineyard-story-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  font-family: var(--serif);
  font-size: 11px;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: var(--light-dim);
  margin-bottom: 22px;
}
.vineyard-story-eyebrow::before,
.vineyard-story-eyebrow::after {
  content: '';
  display: inline-block;
  width: 50px;
  height: 1px;
  background: var(--light-dim);
}
.vineyard-story-title {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(32px, 4.5vw, 64px);
  letter-spacing: 0.005em;
  color: var(--light);
  line-height: 1;
  margin: 0;
}

/* ──────────────────────────────────────────
   STORY PARAGRAPH
─────────────────────────────────────────── */
.vineyard-story-text {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.65;
  letter-spacing: 0.005em;
  color: var(--light);
  text-align: center;
  max-width: 760px;
  margin: 0 auto 88px;
}

/* ──────────────────────────────────────────
   COUNTER ROW
─────────────────────────────────────────── */
.vineyard-counters {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  padding-top: 56px;
  border-top: 1px solid var(--light-faint);
}
.vineyard-counter {
  text-align: center;
}
.vineyard-counter-value {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(44px, 5.5vw, 84px);
  line-height: 1;
  color: var(--light);
  margin-bottom: 14px;
  letter-spacing: 0;
}
.vineyard-counter-label {
  font-family: var(--serif);
  font-size: 11px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--light-dim);
}