/* ──────────────────────────────────────────────────────────────
   4 gradients — generated by designlang
   https://planetscale.com
   2026-06-25T08:31:33.192Z
   ────────────────────────────────────────────────────────────── */

:root {
  --grad-1: repeating-linear-gradient(0deg, rgb(65, 65, 65), rgb(65, 65, 65) 12px, rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 0) 16px);
  --grad-2: repeating-linear-gradient(90deg, rgb(65, 65, 65), rgb(65, 65, 65) 12px, rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 0) 16px);
  --grad-3: repeating-linear-gradient(rgb(65, 65, 65), rgb(65, 65, 65) 12px, rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 0) 16px);
  --grad-4: repeating-linear-gradient(270deg, rgb(65, 65, 65), rgb(65, 65, 65) 12px, rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 0) 16px);
}

/* repeating-linear · bold */
.grad-1    { background-image: var(--grad-1); }
.grad-text-1 {
  background-image: var(--grad-1);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* repeating-linear · bold */
.grad-2    { background-image: var(--grad-2); }
.grad-text-2 {
  background-image: var(--grad-2);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* repeating-linear · bold */
.grad-3    { background-image: var(--grad-3); }
.grad-text-3 {
  background-image: var(--grad-3);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* repeating-linear · bold */
.grad-4    { background-image: var(--grad-4); }
.grad-text-4 {
  background-image: var(--grad-4);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}