img.scout-hero {
  position: absolute;
  right: 0.35rem;
  bottom: 0;
  left: auto;
  width: 5.5rem;
  max-width: 5.5rem;
  height: auto;
  z-index: 2;
  pointer-events: none;
  filter: drop-shadow(0 10px 14px rgb(18 32 74 / 0.28));
}
@media (min-width: 768px) {
  img.scout-hero {
    width: 6.75rem;
    max-width: 6.75rem;
  }
}

img.scout-card {
  height: 8.25rem;
  max-height: 8.25rem;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: bottom;
}

.scout-card-frame {
  display: flex;
  height: 9.25rem;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(to bottom, var(--color-sky, #eaf6fd), var(--color-paper, #fff));
  padding: 0.75rem 1rem 0;
}

img.scout-quote {
  height: 7.25rem;
  max-height: 7.25rem;
  width: auto;
  max-width: 7.25rem;
  object-fit: contain;
}

img.scout-about {
  display: block;
  width: 100%;
  max-width: 13rem;
  height: auto;
  margin-inline: auto;
}

img.fa-logo {
  display: block;
  height: 2rem;
  width: auto;
  max-width: 11.5rem;
  object-fit: contain;
  object-position: left center;
}
@media (min-width: 640px) {
  img.fa-logo {
    height: 2.25rem;
    max-width: 14rem;
  }
}
@media (min-width: 768px) {
  img.fa-logo {
    height: 2.5rem;
  }
}

.fa-about {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.75rem;
}
@media (min-width: 768px) {
  .fa-about {
    flex-direction: row;
    align-items: center;
    gap: 2.5rem;
  }
  .fa-about-photo {
    flex: 0 0 13rem;
    max-width: 13rem;
  }
}