/*
  Origem — seção clara (fundo Neblina, como as vizinhas). Corpo de texto
  à esquerda e imagem à direita.
*/
.origem {
  background-color: var(--color-neblina);
  color: var(--color-dark);
  padding: var(--sp-section) var(--grid-margin);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);   /* imagem mais larga */
  gap: var(--sp-16);
  align-items: start;   /* texto alinhado ao topo da imagem */
}

.origem__paragraph {
  max-width: 32ch;
  margin: 0;
  color: var(--color-dark);
}

.origem__img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

@media (max-width: 768px) {
  .origem {
    grid-template-columns: 1fr;
    gap: var(--sp-8);
    padding: var(--sp-16) var(--grid-margin);
  }
}