/* Center the hero's story and give the living portrait more breathing room. */
.character-visual-footer {
  text-align: center;
}

.character-story {
  margin-inline: auto;
  padding-inline: 18px;
  text-align: center;
}

.character-identity-tags {
  justify-content: center;
  flex-wrap: wrap;
}

/* Keep the portrait's lower edge grounded while reducing both axes by 10%. */
.character-motion {
  top: 10.1%;
  left: 8.6%;
  width: 82.8%;
  height: 72.9%;
}

.character-reference-art.character-live-art {
  top: 10.3% !important;
  left: 5% !important;
  width: 90% !important;
  height: 74.7% !important;
}

@media (max-width: 760px) {
  .character-motion {
    top: 9.1%;
    height: 63.9%;
  }

  .character-reference-art.character-live-art {
    top: 9.5% !important;
    height: 67.5% !important;
  }

  .character-story {
    padding-inline: 12px;
  }
}