/* Depoimentos em print (home e trabalhos) */
.quotes__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: start;
  gap: clamp(32px, 5vw, 80px);
}

.quotes__col {
  display: grid;
  gap: clamp(40px, 5vw, 72px);
  padding-top: clamp(0px, 6vw, 96px);
}

.quote img {
  width: 100%;
  border-radius: 14px;
  border: 1px solid var(--line);
  box-shadow: 0 24px 56px -32px rgba(16, 15, 12, 0.3);
}

.quote:first-child img {
  max-height: 820px;
  object-fit: cover;
  object-position: top;
}

/* Os prints 2 e 3 vieram pequenos: não passam muito do tamanho nativo */
.quotes__col .quote {
  max-width: 600px;
}

.quote figcaption {
  margin-top: 14px;
  font-size: var(--fs-14);
  color: var(--ink-2);
}

.js [data-reveal-tilt] {
  opacity: 0;
  transform: translateY(40px) rotate(var(--tilt, 0deg));
  transition: opacity 800ms var(--ease-out), transform 1100ms var(--ease-out);
}

.js [data-reveal-tilt].is-in {
  opacity: 1;
  transform: none;
}

@media (max-width: 960px) {
  .quotes__grid {
    grid-template-columns: 1fr;
  }

  .quotes__col {
    padding-top: 0;
  }
}