/* Keep the portrait grounded while leaving clear air above the head. */
#hero #hero-3d-character img {
  top: auto !important;
  right: auto !important;
  bottom: -120px !important;
  left: 3vw !important;
  width: auto !important;
  height: calc(90svh + 120px) !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: left bottom !important;
}

/* The FAQ ends in #070707; let that same black bloom into the footer green. */
#footer.reference-footer {
  background:
    radial-gradient(ellipse 43% 46% at 0% 83%, rgba(24, 217, 91, .46), transparent 78%),
    radial-gradient(ellipse 41% 42% at 57% 108%, rgba(33, 239, 120, .48), transparent 78%),
    radial-gradient(ellipse 36% 40% at 103% 64%, rgba(24, 206, 97, .36), transparent 78%),
    linear-gradient(180deg,
      #070707 0%,
      #070908 12%,
      #06120c 27%,
      #052116 43%,
      #063a25 63%,
      #075b39 82%,
      #0b7446 100%) !important;
}

@media (max-width: 700px) {
  #hero #hero-3d-character img {
    bottom: -100px !important;
    left: -8vw !important;
    height: calc(70svh + 100px) !important;
  }
  #footer.reference-footer {
    background:
      radial-gradient(ellipse 90% 40% at 8% 90%, rgba(24, 217, 91, .38), transparent 82%),
      linear-gradient(180deg, #070707 0%, #07100b 20%, #07301e 55%, #0b7446 100%) !important;
  }
}