/* Nagłówek wypływa z niebieskiej fali (Dia Text Reveal z 21st.dev, bez Reacta, sam niebieski).
   Tło 300% szerokości: kolor tekstu 0–33%, niebieskie pasmo 40–60%, przezroczyste od 67%.
   Przesunięcie tła ze 100% na 0% przeciąga falę przez napis i zostawia czysty tekst. */
.dia { display: inline-block; color: inherit; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text;
  background-image: linear-gradient(90deg, var(--ink) 0%, var(--ink) 33.33%, #CFE0FF 40%, var(--blue-hi) 46%, var(--blue) 53%, #1D47C9 60%, transparent 66.67%, transparent 100%);
  background-size: 300% 100%; background-position: 100% 50%; opacity: 0; }
.dia.is-on { background-position: 0% 50%; opacity: 1; transition: background-position 1.5s cubic-bezier(.23, 1, .32, 1), opacity 1.5s cubic-bezier(.23, 1, .32, 1); }
@media (prefers-reduced-motion: reduce) { .dia { background-position: 0% 50%; opacity: 1; } }