.hero--editorial .hero-calligraphy {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: auto;
  width: min(640px, 100%);
  height: 350px;
  margin: 0 0 24px;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}

.hero-calligraphy img {
  display: block;
  flex: none;
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  transform: scale(1.2);
}

@media (max-width: 780px) {
  .hero--editorial .hero-calligraphy {
    height: 240px;
    margin: 0 0 24px;
  }
  .hero-calligraphy img { transform: scale(1.25); }
}