#name{
    --tilt:112deg;                  /* наклон перелива: 90deg = горизонтально, 112deg = чуть под углом */
    --p1:3.4em;                     /* длина одной волны основного градиента (в em — масштабируется со шрифтом) */
    --p2:4.6em;                     /* длина встречной волны */
    /* сдвиг ровно на один период вдоль наклонной оси → цикл бесшовный */
    --s1:calc(var(--p1) / sin(var(--tilt)));
    --s2:calc(var(--p2) / sin(var(--tilt)));

    color:#fff;                     /* запасной цвет, если нет поддержки background-clip */

    /* Слои (сверху вниз), только нейтральный серо-белый, самый тёмный тон #a6a6a6:
       1 — яркий мягкий блик, пробегает слева направо без пауз
       2 — встречная волна тени, добавляет глубину
       3 — основной многоступенчатый градиент (16 ступеней на волну) */
    background-image:
      linear-gradient(var(--tilt),
        rgba(255,255,255,0) 40%,
        rgba(255,255,255,.35) 45%,
        #ffffff 50%,
        rgba(255,255,255,.35) 55%,
        rgba(255,255,255,0) 60%),
      repeating-linear-gradient(var(--tilt),
        rgba(0,0,0,0)   0,
        rgba(0,0,0,.14) calc(var(--p2) * .30),
        rgba(0,0,0,.04) calc(var(--p2) * .60),
        rgba(0,0,0,.12) calc(var(--p2) * .85),
        rgba(0,0,0,0)   var(--p2)),
      repeating-linear-gradient(var(--tilt),
        #ffffff 0,
        #f5f5f5 calc(var(--p1) * .08),
        #e6e6e6 calc(var(--p1) * .16),
        #d2d2d2 calc(var(--p1) * .24),
        #bcbcbc calc(var(--p1) * .32),
        #a6a6a6 calc(var(--p1) * .38),
        #b9b9b9 calc(var(--p1) * .44),
        #d3d3d3 calc(var(--p1) * .52),
        #ececec calc(var(--p1) * .60),
        #fafafa calc(var(--p1) * .66),
        #ffffff calc(var(--p1) * .72),
        #f0f0f0 calc(var(--p1) * .78),
        #dcdcdc calc(var(--p1) * .85),
        #e9e9e9 calc(var(--p1) * .91),
        #f8f8f8 calc(var(--p1) * .96),
        #ffffff var(--p1));
    background-size:300% 100%, 400% 100%, 400% 100%;
    background-repeat:no-repeat;
    background-position:100% 0, 0 0, calc(var(--s1) * -1) 0;

    -webkit-background-clip:text;
            background-clip:text;
    -webkit-text-fill-color:transparent;

    filter:drop-shadow(0 0 20px rgba(255,255,255,.25));

    animation:tashiny-move 7s linear infinite;
  }

  /* Все три слоя двигаются в одной анимации (бесконечно, без пауз):
     1 — блик проходит слева направо и уходит за край, затем сразу новый проход
     2 — встречная волна сдвигается ровно на свой период
     3 — основной градиент сдвигается ровно на свой период */
  @keyframes tashiny-move{
    from{ background-position:100% 0, 0 0,                    calc(var(--s1) * -1) 0; }
    to  { background-position:0% 0,   calc(var(--s2) * -1) 0, 0 0; }
  }


#name,#name:hover,#name.glowing{text-shadow:none}
:root[data-title-paused] #name{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#name{animation:none!important;background:none;-webkit-text-fill-color:currentColor;filter:drop-shadow(0 0 16px #ffffff30)}}