/* ==========================================================
   INTRO: como tudo começou (texto + polaroid)
   ========================================================== */

.intro__grade {
  display: grid;
  gap: 3rem;
  align-items: center;
}

.intro__foto {
  width: min(78%, 300px);
  justify-self: end;
  margin-right: .4rem;
}

@media (min-width: 760px) {
  .intro__grade {
    grid-template-columns: 1.15fr .85fr;
    gap: 3.5rem;
  }
  .intro__foto { width: 100%; max-width: 300px; }
}