/* A versão desktop funciona como uma sequência editorial de capítulos. */
@media (min-width:801px) {
  main { scroll-snap-type: y proximity; }
  .chapter { min-height: 100svh; scroll-snap-align: start; scroll-snap-stop: normal; }
  .manifesto.chapter { display: grid; align-content: center; padding-top: 80px; padding-bottom: 80px; }
  .collection.chapter { display: grid; align-items: center; padding-top: 85px; padding-bottom: 85px; }
  .campaign.chapter { display: grid; min-height: 100svh; padding-top: 90px; padding-bottom: 90px; }
  .campaign-video { height: min(68svh, 580px); }
  .about.chapter { display: grid; align-items: center; padding-top: 90px; padding-bottom: 90px; }
  .about-photo { justify-self: end; width: min(100%, 650px); }
  .about-photo img { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
  .clients.chapter { display: grid; align-items: center; padding-top: 90px; padding-bottom: 90px; }
  .logo-wall img { height: clamp(135px, 16svh, 185px); padding: 6px; }
  .contact.chapter { display: grid; place-items: center; padding: 90px 0; }
  .chapter .reveal { transition-duration: 1s; }
}

@media (max-width:800px) {
  .about-photo img { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
}