/*
  V15: correções móveis isoladas.
  Não altera backgrounds, cores ou layout desktop.
*/

.hero-photo picture {
  display: block;
  width: 100%;
  height: 100%;
}

.hero-photo picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

@media (max-width: 850px) {
  .site-footer {
    padding-bottom:
      calc(
        7rem +
        env(safe-area-inset-bottom)
      );
  }
}

@media (max-width: 600px) {
  .hero-photo {
    height: clamp(
      19rem,
      92vw,
      27rem
    );
  }

  .hero-photo picture img {
    object-position: center top;
  }

  .bro-credit {
    padding-right: 4.25rem;
  }
}