/* ==========================================================================
   Casa Alba — Quote (#quote)
   A clean white block with generous whitespace; a narrow centered column,
   everything centered and center-aligned. Light-section tokens.
   ========================================================================== */

.quote {
  position: relative;
  z-index: 1;                 /* scrolls over the pinned hero */
  width: 100%;
  background: var(--color-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(5rem, 16vh, 11rem) var(--nav-pad-x);
}

.quote__inner {
  max-width: 46rem;
  margin: 0 auto;
  text-align: center;
}

/* Small label above the quote — LUCAS ALBA */
.quote__label {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  font-size: var(--text-xs);
  color: var(--color-text-primary);
}

.quote__text {
  margin: var(--space-4) auto 0;
  max-width: 38rem;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: clamp(1.35rem, 2.3vw, 1.9rem);
  line-height: var(--leading-snug);
  color: var(--color-text-body);
}