/* Variant: Outline — giant outlined headline with a gradient sweeping through. Dark. */
:root {
  --bg: #0b0b14; --surface: #15151f; --muted: #10101a; --ink: #f4f3fb; --ink-2: #9e9db5; --line: #25253a;
  --accent: #ff6b4a; --accent-ink: #1a0804; --accent-soft: #3a1a18; --green-soft: #1b1b2e; --amber-soft: #2e2418;
  --night: #15151f; --night-2: #1e1e2c; --night-line: rgba(255, 255, 255, 0.09); --night-ink: #f4f3fb; --night-ink-2: #9e9db5;
  --ui-bg: #1c1c2a; --ui-line: #2a2a3e; --ui-fill: #36364e; --ui-fill-2: #222232; --ui-strong: #f4f3fb; --ui-accent: #ff6b4a; --ui-img: #3a1a18;
  --ui-tint-a: #4a2020; --ui-tint-b: #2a2050; --ui-tint-c: #4a3a18;
  color-scheme: dark;
}
.ol-inner { padding-block: clamp(3rem, 7vw, 5.5rem) clamp(2rem, 4vw, 3rem); }
.ol-title {
  font-size: clamp(3.5rem, 11.5vw, 11rem); font-weight: 800; line-height: 0.9; letter-spacing: -0.05em;
  color: transparent; -webkit-text-stroke: 2px #f4f3fb;
  background: linear-gradient(100deg, transparent 0 35%, #ff6b4a 42%, #ff3d9a 50%, #7a5cff 58%, transparent 65% 100%) 0 0 / 300% 100%;
  -webkit-background-clip: text; background-clip: text;
}
@media (prefers-reduced-motion: no-preference) { .ol-title { animation: ol-sweep 7s ease-in-out infinite; } @keyframes ol-sweep { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } } }
@media (prefers-reduced-motion: reduce) { .ol-title { background-position: 50% 0; } }
.ol-row { display: grid; gap: 1.5rem 4rem; margin-top: clamp(2rem, 4vw, 3rem); }
@media (min-width: 60em) { .ol-row { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.ol-hero .hero__lead { max-width: 36rem; }
.tile--dark { background: linear-gradient(160deg, #3a1a18, #15151f 70%); }