/* A soft gilded highlight travels left to right through the homepage title. */
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .home .hero h1 em {
    background-image: linear-gradient(105deg,
      #dcc79b 0%, #dcc79b 40%, #e9cd8d 45%,
      #fff3ce 49%, #fff9e9 50%, #f3d99c 53%,
      #dcc79b 60%, #dcc79b 100%);
    background-size: 250% 100%;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: pupulan-hero-gold-sheen 5.5s ease-in-out infinite;
  }
}

@keyframes pupulan-hero-gold-sheen {
  0%, 12% { background-position: 100% 50%; }
  72%, 100% { background-position: 0% 50%; }
}

@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  .home .hero h1 em {
    animation: none;
    background-image: none;
    color: #dcc79b;
    -webkit-text-fill-color: currentColor;
  }
}