/*
  Citação — imagem full-bleed (aérea do vinhedo) com uma citação em itálico
  sobreposta no canto inferior esquerdo + assinatura. Máscara em gradiente na
  base garante o contraste do texto (mesmo padrão do manifesto).
*/
.citacao {
  position: relative;
  overflow: hidden;
  background-color: var(--color-terra-mais-escura-bg);
}

.citacao__img {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 1;
  object-fit: cover;
}

/* Máscara mais forte na base, onde fica o texto */
.citacao__mask {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    to top,
    rgba(32, 26, 24, 0.78) 0%,
    rgba(32, 26, 24, 0.38) 32%,
    rgba(32, 26, 24, 0) 62%
  );
}

.citacao__quote {
  position: absolute;
  z-index: 2;
  left: var(--grid-margin);
  bottom: var(--sp-16);
  max-width: 64ch;
  margin: 0;
  color: var(--color-areia);
}

.citacao__text {
  margin: 0 0 var(--sp-6);
  font-size: var(--fs-t5);   /* maior que body-lead, mantendo a serifa itálica */
  line-height: 1.3;
  font-style: italic;
}

.citacao__author {
  display: block;
  font-style: normal;
  color: var(--color-text-muted);
}

/* ── Responsivo ── */
@media (max-width: 768px) {
  .citacao__img {
    aspect-ratio: 3 / 4;
  }
  .citacao__quote {
    left: var(--grid-margin);
    right: var(--grid-margin);
    bottom: var(--sp-12);
  }
}