/* Underline Draw, adapted from kinetics.colorion.co. */
#app .dev-root > .page-hero h1 {
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
}
#app .dev-root > .page-hero h1::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: #73d7e5;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s cubic-bezier(.65, 0, .35, 1);
  pointer-events: none;
}
@media (hover: hover) {
  #app .dev-root > .page-hero h1:hover::after { transform: scaleX(1); }
}
@media (prefers-reduced-motion: reduce) {
  #app .dev-root > .page-hero h1::after { transition: none; }
}