/* Hand-drawn yellow strokes replace the rectangular highlight. */
.yoha .hero h1 mark,
.yoha .about h2 em {
  color: #111;
  background-color: transparent;
  background-image: url('./assets/marker-swoosh.svg');
  background-repeat: no-repeat;
  background-position: center 94%;
  background-size: 106% 55%;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.yoha .hero h1 mark { padding: 0 .08em .04em .02em; }
.yoha .about h2 em { padding: 0 .08em .03em; }
.yoha .contact h2 span {
  display: inline-block;
  position: relative;
  color: #fff;
  white-space: nowrap;
}
.yoha .contact h2 span::after {
  content: '';
  position: absolute;
  z-index: 0;
  left: -.03em;
  right: -.08em;
  bottom: -.14em;
  height: .18em;
  background: url('./assets/marker-swoosh.svg') center / 100% 100% no-repeat;
  transform: rotate(-1.1deg);
  pointer-events: none;
}
@media (max-width: 700px) {
  .yoha .hero h1 mark,
  .yoha .about h2 em { background-size: 106% 50%; }
  .yoha .contact h2 span { white-space: normal; }
}