/* ============================================
   Rime Heading - Animated Gradient Text
   ============================================ */

.rime-heading {
  margin: 0;
}

.rime-heading .rime-heading-col {
  background: linear-gradient(
    90deg,
    var(--rh-c1),
    var(--rh-c2),
    var(--rh-c3),
    var(--rh-c1)
  );
  background-size: 300% 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  color: transparent;
  animation: rh-shift var(--rh-speed) linear infinite;
}

@keyframes rh-shift {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 300% 50%;
  }
}