/* ──────────────────────────────────────────────────────────────
   5 gradients — generated by designlang
   https://airbnb.com
   2026-06-12T12:48:51.821Z
   ────────────────────────────────────────────────────────────── */

:root {
  --grad-1: linear-gradient(357.5deg, rgb(62, 86, 124) 1.59%, rgb(58, 84, 117) 21.23%, rgb(45, 60, 91) 58.6%, rgb(128, 157, 192) 97.4%);
  --grad-2: linear-gradient(173.86deg, rgba(255, 255, 255, 0.9) 90.56%, rgba(191, 205, 213, 0.9) 82.32%);
  --grad-3: linear-gradient(to top, rgb(255, 255, 255), rgba(0, 0, 0, 0) 50%);
  --grad-4: radial-gradient(50% 50%, rgb(255, 248, 223) 0%, rgba(255, 254, 224, 0.2) 51.5%, rgba(255, 250, 225, 0) 100%);
  --grad-5: linear-gradient(rgb(255, 255, 255) 39.9%, rgb(248, 248, 248) 100%);
}

/* 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;
}

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

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

/* radial · 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;
}

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