footer {
  padding-top: 0;
}

.branded-footer-art {
  margin: 0 calc(var(--pad) * -1) 0;
  background: #030817;
  overflow: hidden;
}

.branded-footer-art img {
  display: block;
  width: 100%;
  height: clamp(300px, 42vw, 650px);
  object-fit: cover;
  object-position: center;
}

.footer-details {
  grid-template-columns: minmax(0, 1fr) auto;
  padding-top: 2.25rem;
}

.footer-details p {
  max-width: 620px;
  margin: 0;
}

@media (max-width: 900px) {
  .branded-footer-art img {
    height: clamp(250px, 55vw, 430px);
  }

  .footer-details {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .branded-footer-art img {
    height: 270px;
  }
}