.hero h1 {
  font-family: "Hannotate SC", "Yuanti SC", "STYuanti", "YouYuan", "Arial Rounded MT Bold", sans-serif;
  font-size: clamp(48px, 6.1vw, 86px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: .04em;
  text-shadow: 0 3px 0 rgba(255, 255, 255, .86), 0 7px 18px rgba(189, 123, 131, .12);
}

.hero h1 i {
  display: inline-block;
  margin: 0 .42em;
  color: #d69ba1;
  font-family: "Arial Rounded MT Bold", sans-serif;
  font-size: .4em;
  font-weight: 400;
  transform: rotate(-7deg);
}

@media (max-width: 760px) {
  .hero h1 { font-size: clamp(46px, 14vw, 66px); }
  .hero h1 i { margin: .28em 0; font-size: .38em; }
}