.video-card__poster {
  background: #05070a;
}

.hero__orb {
  top: 40.15%;
  left: 49.65%;
  box-shadow:
    0 0 0 20px rgba(255, 122, 205, 0.05),
    0 0 76px rgba(255, 98, 194, 0.46),
    0 0 152px rgba(255, 188, 93, 0.28),
    inset 0 0 28px rgba(255, 255, 255, 0.48);
  filter: saturate(1.12);
}

.hero__orb,
.hero__orb::before,
.hero__orb::after,
.journey-stop__media,
.journey-stop__media .journey-stop__image,
.purpose-orbit-layer,
.purpose-orbit-wheel,
.purpose-orbit-drift,
.purpose-orbit-group {
  animation-play-state: paused;
}

.hero__visual.is-inview .hero__orb,
.hero__visual.is-inview .hero__orb::before,
.hero__visual.is-inview .hero__orb::after,
.journey-stop__media.is-inview,
.journey-stop__media.is-inview .journey-stop__image,
.purpose__center.is-inview .purpose-orbit-layer,
.purpose__center.is-inview .purpose-orbit-wheel,
.purpose__center.is-inview .purpose-orbit-drift,
.purpose__center.is-inview .purpose-orbit-group {
  animation-play-state: running;
}

.hero__orb {
  will-change: auto;
}

.hero__visual.is-inview .hero__orb {
  will-change: transform, opacity;
}

.journey-stop__media {
  contain: layout;
  isolation: isolate;
  overflow: visible;
  background:
    radial-gradient(circle at center, rgba(78, 116, 166, 0.06), transparent 72%),
    linear-gradient(180deg, rgba(9, 12, 18, 0.58), rgba(8, 10, 15, 0.42));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.03),
    0 18px 40px rgba(0, 0, 0, 0.24);
  animation: journeyScreenFloat 9.6s ease-in-out infinite;
  will-change: auto;
}

.journey-stop__media.is-inview {
  will-change: transform;
}

.journey-stop:nth-of-type(2n) .journey-stop__media {
  animation-duration: 11.2s;
  animation-delay: -2.2s;
}

.journey-stop:nth-of-type(3n) .journey-stop__media {
  animation-duration: 10.4s;
  animation-delay: -4.1s;
}

.journey-stop:nth-of-type(4n) .journey-stop__media {
  animation-duration: 12.2s;
  animation-delay: -1.4s;
}

.journey-stop__media--interactive {
  isolation: isolate;
  overflow: hidden;
}

.journey-stop__media .journey-stop__image,
.journey-stop__media .journey-stop__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.journey-stop__matte,
.journey-stop__matte-bar {
  display: none;
}

.journey-stop__media .journey-stop__image {
  filter:
    saturate(1.02)
    contrast(1.03)
    brightness(0.98)
    drop-shadow(0 10px 22px rgba(120, 196, 255, 0.08));
  transform-origin: center;
  animation:
    posterFloat 7.2s ease-in-out infinite,
    posterColorBreath 8.8s ease-in-out infinite;
}

.journey-stop__media--interactive .journey-stop__image--poster {
  z-index: 1;
  opacity: 1;
  border-radius: inherit;
  animation: posterFloat 7.2s ease-in-out infinite;
  transition:
    opacity 220ms ease,
    filter 360ms ease;
  filter:
    grayscale(0.82)
    saturate(0.42)
    contrast(0.94)
    brightness(0.86);
}

.journey-stop__media--interactive .journey-stop__video {
  position: absolute;
  inset: 0;
  z-index: 2;
  transform: none;
  border-radius: inherit;
  box-shadow:
    0 16px 32px rgba(0, 0, 0, 0.18),
    inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  filter: saturate(1.04) contrast(1.04);
}

.journey-stop__play {
  display: none;
}

.journey-stop__media--interactive.is-arming .journey-stop__image--poster,
.journey-stop__media--interactive.is-loading .journey-stop__image--poster {
  filter:
    grayscale(0.08)
    saturate(1.08)
    contrast(1.02)
    brightness(1);
}

.journey-stop__media--interactive.is-playing .journey-stop__image,
.journey-stop__media--interactive.is-playing .journey-stop__image--poster {
  animation-play-state: paused;
}

.journey-stop__media--interactive.is-playing .journey-stop__play {
  opacity: 0;
  transform: scale(0.82);
}

@media (max-width: 760px) {
  .journey-stop__play {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(7, 10, 15, 0.72);
    box-shadow:
      0 10px 22px rgba(0, 0, 0, 0.24),
      0 0 18px color-mix(in srgb, var(--accent) 28%, transparent),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);
    pointer-events: none;
    opacity: 0.92;
    transition:
      opacity 180ms ease,
      transform 180ms ease,
      background-color 180ms ease;
  }

  .journey-stop__play::before {
    content: "";
    width: 0;
    height: 0;
    margin-left: 3px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid rgba(244, 238, 228, 0.92);
  }

  .journey-stop__media--interactive.is-arming .journey-stop__play,
  .journey-stop__media--interactive.is-loading .journey-stop__play {
    opacity: 0.54;
    transform: scale(0.94);
  }
}

@keyframes posterFloat {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1.035);
  }

  35% {
    transform: translate3d(0, -7px, 0) scale(1.05);
  }

  68% {
    transform: translate3d(0, 5px, 0) scale(1.028);
  }
}

@keyframes posterColorBreath {
  0%,
  100% {
    opacity: 1;
    filter:
      saturate(1.02)
      contrast(1.03)
      brightness(0.98)
      drop-shadow(0 10px 22px rgba(120, 196, 255, 0.08));
  }

  42% {
    opacity: 0.92;
    filter:
      saturate(0.56)
      contrast(0.94)
      brightness(1.04)
      drop-shadow(0 12px 24px rgba(255, 209, 120, 0.08));
  }

  70% {
    opacity: 0.97;
    filter:
      saturate(0.84)
      contrast(1)
      brightness(1.01)
      drop-shadow(0 11px 23px rgba(175, 225, 255, 0.07));
  }
}

@keyframes posterColorBreathLite {
  0%,
  100% {
    opacity: 1;
    filter: saturate(1) contrast(1.01) brightness(0.99);
  }

  45% {
    opacity: 0.94;
    filter: saturate(0.88) contrast(0.98) brightness(1.02);
  }

  72% {
    opacity: 0.98;
    filter: saturate(0.95) contrast(1) brightness(1);
  }
}

.purpose__ring,
.purpose__satellite,
.purpose__orbit-marker,
.purpose-orbits-svg {
  display: none !important;
}

.purpose-orbits-html {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.purpose-orbit-layer {
  --orbit-track-inset: 1px;
  --orbit-line-width: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--orbit-size);
  height: var(--orbit-size);
  pointer-events: none;
  will-change: transform;
}

.purpose-orbit-wheel {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  will-change: transform;
}

.purpose-orbit-layer--one {
  animation: orbitLayerDriftOne 26s cubic-bezier(0.36, 0, 0.18, 1) infinite;
}

.purpose-orbit-layer--two {
  animation: orbitLayerDriftTwo 18s cubic-bezier(0.36, 0, 0.18, 1) infinite;
}

.purpose-orbit-layer--three {
  animation: orbitLayerDriftThree 32s cubic-bezier(0.36, 0, 0.18, 1) infinite;
}

.purpose-orbit-wheel--one {
  animation: orbitWheelSpinOne 29s linear infinite reverse;
}

.purpose-orbit-wheel--two {
  animation: orbitWheelSpinTwo 18s linear infinite;
}

.purpose-orbit-wheel--three {
  animation: orbitWheelSpinThree 41s linear infinite;
}

.purpose-orbit-ring-html {
  position: absolute;
  inset: var(--orbit-track-inset);
  border-radius: 50%;
  border: var(--orbit-line-width) solid rgba(255, 255, 255, 0.2);
}

.purpose-orbit-ring-html--one {
  border-color: rgba(255, 255, 255, 0.18);
}

.purpose-orbit-ring-html--two {
  border-color: rgba(255, 255, 255, 0.16);
}

.purpose-orbit-ring-html--three {
  border-color: rgba(243, 204, 119, 0.22);
}

.purpose-orbit-planet {
  --planet-track-offset: calc(var(--planet-size) * 0.9);
  position: absolute;
  inset: calc(var(--orbit-track-inset) + (var(--orbit-line-width) / 2));
  transform: rotate(var(--planet-angle, 0deg));
}

.purpose-orbit-planet::before,
.purpose-orbit-planet::after {
  content: "";
  position: absolute;
  left: 50%;
  top: var(--planet-track-offset);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.purpose-orbit-planet::before {
  width: calc(var(--planet-size) * 2.45);
  height: calc(var(--planet-size) * 2.45);
  opacity: 0.3;
  background: radial-gradient(circle, color-mix(in srgb, var(--planet-glow) 46%, white 14%) 0%, transparent 72%);
}

.purpose-orbit-planet::after {
  width: var(--planet-size);
  height: var(--planet-size);
  background:
    radial-gradient(circle at 34% 30%, rgba(255, 255, 255, 0.96) 0%, var(--planet-core) 46%, color-mix(in srgb, var(--planet-core) 62%, #11161d 38%) 100%);
  box-shadow:
    0 0 8px color-mix(in srgb, var(--planet-glow) 58%, transparent),
    0 0 16px color-mix(in srgb, var(--planet-glow) 22%, transparent);
}

.purpose-orbit-planet--pink {
  --planet-track-offset: calc(var(--planet-size) * 0.9 + 2px);
  --planet-core: #f29fc7;
  --planet-glow: rgba(242, 159, 199, 0.86);
}

.purpose-orbit-planet--blue {
  --planet-track-offset: calc(var(--planet-size) * 0.9 + 2px);
  --planet-core: #7ec3ff;
  --planet-glow: rgba(126, 195, 255, 0.82);
}

.purpose-orbit-planet--gold {
  --planet-track-offset: calc(var(--planet-size) * 0.9 + 5px);
  --planet-core: #f3cc77;
  --planet-glow: rgba(243, 204, 119, 0.88);
}

.purpose-orbit-planet--purple {
  --planet-core: #988fff;
  --planet-glow: rgba(152, 143, 255, 0.84);
}

.purpose-orbit-planet--teal {
  --planet-track-offset: calc(var(--planet-size) * 0.9 + 12px);
  --planet-core: #82d5ce;
  --planet-glow: rgba(130, 213, 206, 0.82);
}

.purpose-orbits-svg {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  contain: layout;
}

.purpose-orbit-drift,
.purpose-orbit-group {
  transform-box: view-box;
  transform-origin: 50% 50%;
  will-change: transform;
}

.purpose-orbit-drift--one {
  animation: orbitDriftOne 18s cubic-bezier(0.42, 0, 0.24, 1) infinite;
}

.purpose-orbit-drift--two {
  animation: orbitDriftTwo 15.5s cubic-bezier(0.42, 0, 0.24, 1) infinite;
}

.purpose-orbit-drift--three {
  animation: orbitDriftThree 22s cubic-bezier(0.42, 0, 0.24, 1) infinite;
}

.purpose-orbit-group--one {
  animation: orbitSpinMedium 26s linear infinite reverse;
}

.purpose-orbit-group--two {
  animation: orbitSpinInner 19s linear infinite;
}

.purpose-orbit-group--three {
  animation: orbitSpinOuter 34s linear infinite;
}

.purpose-orbit-line {
  fill: none;
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
  shape-rendering: geometricPrecision;
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.05));
}

.purpose-orbit-line--one {
  stroke: rgba(255, 255, 255, 0.24);
  stroke-width: 0.28;
}

.purpose-orbit-line--two {
  stroke: rgba(255, 255, 255, 0.2);
  stroke-width: 0.26;
}

.purpose-orbit-line--three {
  stroke: rgba(243, 204, 119, 0.28);
  stroke-width: 0.3;
  filter: drop-shadow(0 0 7px rgba(243, 204, 119, 0.08));
}

.purpose-orbit-dot-glow {
  opacity: 0.34;
  shape-rendering: geometricPrecision;
}

.purpose-orbit-dot-core {
  stroke: rgba(255, 255, 255, 0.82);
  stroke-width: 0.18;
  shape-rendering: geometricPrecision;
}

.purpose-orbit-dot-glow--pink {
  fill: rgba(242, 159, 199, 0.34);
}

.purpose-orbit-dot-core--pink {
  fill: #f29fc7;
}

.purpose-orbit-dot-glow--blue {
  fill: rgba(126, 195, 255, 0.34);
}

.purpose-orbit-dot-core--blue {
  fill: #7ec3ff;
}

.purpose-orbit-dot-glow--gold {
  fill: rgba(243, 204, 119, 0.38);
}

.purpose-orbit-dot-core--gold {
  fill: #f3cc77;
}

.purpose-orbit-dot-glow--purple {
  fill: rgba(152, 143, 255, 0.36);
}

.purpose-orbit-dot-core--purple {
  fill: #988fff;
}

.purpose-orbit-dot-glow--teal {
  fill: rgba(130, 213, 206, 0.34);
}

.purpose-orbit-dot-core--teal {
  fill: #82d5ce;
}

@keyframes orbitSpinInner {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes orbitSpinMedium {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

@keyframes orbitSpinOuter {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes orbitDriftOne {
  0%,
  100% {
    transform: translate(0px, 0px);
  }

  25% {
    transform: translate(3px, -2px);
  }

  50% {
    transform: translate(5px, -4px);
  }

  75% {
    transform: translate(2px, 3px);
  }
}

@keyframes orbitDriftTwo {
  0%,
  100% {
    transform: translate(0px, 0px);
  }

  25% {
    transform: translate(-2px, 2px);
  }

  50% {
    transform: translate(-4px, 5px);
  }

  75% {
    transform: translate(3px, -2px);
  }
}

@keyframes orbitDriftThree {
  0%,
  100% {
    transform: translate(0px, 0px);
  }

  25% {
    transform: translate(4px, 2px);
  }

  50% {
    transform: translate(6px, 4px);
  }

  75% {
    transform: translate(-3px, -3px);
  }
}

@keyframes orbitLayerDriftOne {
  0%,
  100% {
    transform: translate(-50%, -50%) translate3d(0, 0, 0);
  }

  35% {
    transform: translate(-50%, -50%) translate3d(3px, -2px, 0);
  }

  68% {
    transform: translate(-50%, -50%) translate3d(-2px, 2px, 0);
  }
}

@keyframes orbitLayerDriftTwo {
  0%,
  100% {
    transform: translate(-50%, -50%) translate3d(0, 0, 0);
  }

  38% {
    transform: translate(-50%, -50%) translate3d(-3px, 3px, 0);
  }

  72% {
    transform: translate(-50%, -50%) translate3d(2px, -2px, 0);
  }
}

@keyframes orbitLayerDriftThree {
  0%,
  100% {
    transform: translate(-50%, -50%) translate3d(0, 0, 0);
  }

  36% {
    transform: translate(-50%, -50%) translate3d(4px, 2px, 0);
  }

  70% {
    transform: translate(-50%, -50%) translate3d(-3px, -3px, 0);
  }
}

@keyframes orbitWheelSpinOne {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

@keyframes orbitWheelSpinTwo {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes orbitWheelSpinThree {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes journeyScreenFloat {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  35% {
    transform: translate3d(0, -8px, 0);
  }

  68% {
    transform: translate3d(0, 6px, 0);
  }
}

.hero__orb,
.hero__orb::before,
.hero__orb::after,
.journey-stop__media,
.journey-stop__media .journey-stop__image,
.purpose-orbit-layer,
.purpose-orbit-wheel,
.purpose-orbit-drift,
.purpose-orbit-group {
  animation-play-state: paused;
}

.hero__visual.is-inview .hero__orb,
.hero__visual.is-inview .hero__orb::before,
.hero__visual.is-inview .hero__orb::after,
.journey-stop__media.is-inview,
.journey-stop__media.is-inview .journey-stop__image,
.purpose__center.is-inview .purpose-orbit-layer,
.purpose__center.is-inview .purpose-orbit-wheel,
.purpose__center.is-inview .purpose-orbit-drift,
.purpose__center.is-inview .purpose-orbit-group {
  animation-play-state: running;
}

.journey-stop__media.is-inview.is-playing .journey-stop__image {
  animation-play-state: paused;
}

.video-card__video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #05070a;
}

.schedule__layout {
  grid-template-columns: minmax(250px, 0.72fr) minmax(360px, 1fr) minmax(360px, 1fr) minmax(250px, 0.72fr);
  align-items: stretch;
}

.schedule__copy {
  min-height: 100%;
  display: flex;
  align-items: center;
}

.schedule__figure {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

.schedule__figure img {
  max-width: none;
  flex: 0 0 auto;
}

.schedule__figure--left img {
  width: min(104%, 310px);
}

.schedule__figure--right img {
  width: 280px;
  transform: translate3d(-40px, calc(var(--parallax-shift, 0px) + 38px), 0) scale(1.22);
  transform-origin: center bottom;
}

.schedule-chip img {
  --schedule-chip-rotation: 0deg;
  transform-origin: center;
  transform: rotate(var(--schedule-chip-rotation));
  transition:
    filter 220ms ease;
}

.schedule-chip:hover img,
.schedule-chip:focus-within img {
  filter:
    drop-shadow(0 0 12px rgba(243, 204, 119, 0.22))
    drop-shadow(0 0 18px rgba(130, 213, 206, 0.16));
}

.schedule-chip.is-spinning img {
  will-change: transform;
}

@media (max-width: 1180px) {
  .schedule__layout {
    grid-template-columns: minmax(190px, 0.62fr) minmax(280px, 1fr) minmax(280px, 1fr) minmax(200px, 0.62fr);
  }

  .schedule__figure--left img {
    width: min(106%, 250px);
  }

  .schedule__figure--right img {
    width: 240px;
    transform: translate3d(-28px, calc(var(--parallax-shift, 0px) + 30px), 0) scale(1.2);
  }
}

@media (max-width: 1040px) {
  .schedule__layout {
    grid-template-columns: 1fr 1fr;
  }

  .schedule__figure {
    display: none;
  }
}

@media (max-width: 760px) {
  .schedule__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
  }

  .schedule__copy {
    min-height: 0;
    display: block;
    padding: 22px;
  }
}

.benefit-card {
  --benefit-card-height: clamp(420px, 46vw, 560px);
  --benefit-overlay:
    linear-gradient(
      180deg,
      rgba(9, 12, 18, 0.56) 0%,
      rgba(9, 12, 18, 0.24) 34%,
      rgba(7, 8, 12, 0.88) 100%
    );
  min-height: var(--benefit-card-height);
  padding: 0;
  display: block;
  isolation: isolate;
  color: var(--text);
  background: linear-gradient(180deg, #202637 0%, #0d1018 100%);
}

.benefit-card::before {
  opacity: 1;
  background: var(--benefit-overlay);
}

.benefit-card.is-tilting {
  box-shadow: 0 32px 68px rgba(0, 0, 0, 0.28);
  transform:
    perspective(1100px)
    rotateX(var(--tilt-x, 0deg))
    rotateY(var(--tilt-y, 0deg))
    translateY(-8px);
}

.benefit-card__visual {
  position: absolute;
  inset: 0;
  min-height: 100%;
  border-radius: inherit;
  overflow: hidden;
  transform: none;
}

.benefit-card__visual img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center;
  transform: scale(1.08);
  filter: saturate(1.04) contrast(1.04);
}

.benefit-card__visual--cover-bottom img {
  object-position: center bottom;
  transform: scale(1.12);
}

.benefit-card__content {
  position: relative;
  z-index: 2;
  min-height: var(--benefit-card-height);
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 22px;
}

.benefit-card__header {
  gap: 12px;
  max-width: 22ch;
  margin: -24px -24px 0;
  padding: 24px 24px 36px;
  background: linear-gradient(180deg, rgba(7, 8, 12, 0.5) 0%, rgba(7, 8, 12, 0) 100%);
}

.benefit-card__number,
.benefit-card h3,
.benefit-card__text {
  color: var(--text);
  text-shadow: 0 12px 30px rgba(0, 0, 0, 0.44);
}

.benefit-card h3 {
  max-width: 22ch;
}

.benefit-card__text {
  margin: 0;
  align-self: stretch;
  padding: 14px 16px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(7, 8, 12, 0.14) 0%, rgba(7, 8, 12, 0.58) 100%);
  backdrop-filter: blur(6px);
  color: rgba(244, 238, 228, 0.92);
  line-height: 1.72;
}

html.performance-lite .page-aurora {
  filter: blur(56px);
  opacity: 0.24;
}

html.performance-lite .hero__orb {
  box-shadow:
    0 0 0 16px rgba(255, 122, 205, 0.04),
    0 0 52px rgba(255, 98, 194, 0.34),
    0 0 104px rgba(255, 188, 93, 0.2),
    inset 0 0 22px rgba(255, 255, 255, 0.38);
  filter: saturate(1.06);
}

html.performance-lite .hero__orb::before {
  filter: none;
  border-color: rgba(255, 228, 199, 0.18);
}

html.performance-lite .hero__orb::after {
  box-shadow:
    0 0 18px rgba(255, 171, 70, 0.14),
    0 0 28px rgba(255, 130, 215, 0.1);
}

html.performance-lite .journey-stop__media {
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.025),
    0 14px 28px rgba(0, 0, 0, 0.18);
}

html.performance-lite .journey-stop__media .journey-stop__image {
  animation:
    posterFloat 8.4s ease-in-out infinite,
    posterColorBreathLite 10.2s ease-in-out infinite;
}

html.performance-lite .journey-stop__media--interactive .journey-stop__video,
html.performance-lite .benefit-card__visual img {
  filter: saturate(1.02) contrast(1.02);
}

html.performance-lite .purpose-orbit-line,
html.performance-lite .purpose-orbit-line--three {
  filter: none;
}

html.performance-lite .benefit-card__text {
  backdrop-filter: none;
}

html.performance-lite .purpose-note-shadow {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 14px 24px rgba(0, 0, 0, 0.12);
}

html.performance-lite .purpose-note {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.022), rgba(255, 255, 255, 0.008)),
    rgba(10, 13, 19, 0.42);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.benefit-card--sand {
  --benefit-overlay:
    linear-gradient(
      180deg,
      rgba(48, 36, 24, 0.62) 0%,
      rgba(24, 18, 13, 0.34) 38%,
      rgba(8, 8, 10, 0.92) 100%
    );
  background: linear-gradient(180deg, #3e3024 0%, #14110f 100%);
}

.benefit-card--sand .benefit-card__text {
  background: linear-gradient(180deg, rgba(7, 8, 12, 0.52) 0%, rgba(7, 8, 12, 0.84) 100%);
  color: rgba(247, 240, 230, 0.96);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.benefit-card--ember {
  --benefit-overlay:
    linear-gradient(
      180deg,
      rgba(80, 34, 20, 0.48) 0%,
      rgba(46, 20, 14, 0.24) 38%,
      rgba(11, 8, 10, 0.88) 100%
    );
  background: linear-gradient(180deg, #402219 0%, #150f10 100%);
}

.benefit-card--mist {
  --benefit-overlay:
    linear-gradient(
      180deg,
      rgba(34, 58, 63, 0.42) 0%,
      rgba(18, 31, 40, 0.2) 38%,
      rgba(8, 10, 14, 0.88) 100%
    );
  background: linear-gradient(180deg, #26353c 0%, #0e141b 100%);
}

.benefit-card--claret {
  --benefit-overlay:
    linear-gradient(
      180deg,
      rgba(82, 21, 31, 0.5) 0%,
      rgba(46, 16, 24, 0.24) 38%,
      rgba(12, 8, 11, 0.9) 100%
    );
  background: linear-gradient(180deg, #381921 0%, #130d11 100%);
}

.benefit-card--lilac {
  --benefit-overlay:
    linear-gradient(
      180deg,
      rgba(44, 40, 74, 0.44) 0%,
      rgba(24, 21, 40, 0.22) 38%,
      rgba(9, 8, 14, 0.9) 100%
    );
  background: linear-gradient(180deg, #2a2840 0%, #100f18 100%);
}

.benefit-card--indigo {
  --benefit-overlay:
    linear-gradient(
      180deg,
      rgba(23, 35, 82, 0.5) 0%,
      rgba(14, 21, 48, 0.24) 38%,
      rgba(7, 8, 16, 0.9) 100%
    );
  background: linear-gradient(180deg, #192347 0%, #0b0f1d 100%);
}

.participate-art {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-color: rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 50% 100%, rgba(30, 42, 68, 0.42) 0%, transparent 54%),
    linear-gradient(180deg, rgba(8, 10, 14, 0.98) 0%, rgba(7, 9, 15, 0.88) 100%);
  box-shadow:
    0 34px 80px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(255, 255, 255, 0.03),
    0 0 44px rgba(233, 114, 187, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -26px 46px rgba(0, 0, 0, 0.18);
}

.participate-art__sky {
  display: block;
  position: absolute;
  top: -8%;
  left: -12%;
  width: 124%;
  height: 116%;
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: 0.82;
  filter:
    saturate(1.22)
    brightness(1.1);
  mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.96) 42%, rgba(0, 0, 0, 0.38) 76%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.96) 42%, rgba(0, 0, 0, 0.38) 76%, transparent 100%);
  transition:
    opacity 220ms ease,
    filter 220ms ease;
}

.participate-art::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 17% 20%, rgba(126, 228, 219, 0.12), transparent 18%),
    radial-gradient(circle at 61% 24%, rgba(255, 136, 206, 0.12), transparent 16%),
    radial-gradient(circle at 82% 18%, rgba(243, 213, 134, 0.08), transparent 14%),
    linear-gradient(180deg, rgba(6, 8, 12, 0.08) 0%, rgba(6, 8, 12, 0) 28%, rgba(6, 8, 12, 0.2) 100%);
}

.participate-art img {
  position: relative;
  z-index: 0;
  transform: translate3d(0, var(--parallax-shift, 0px), 0) scale(1.042);
  transform-origin: center bottom;
  filter:
    saturate(1.14)
    contrast(1.08)
    brightness(1.03)
    drop-shadow(0 24px 42px rgba(0, 0, 0, 0.18));
  animation: participateArtDrift 12.2s ease-in-out infinite;
}

.participate-art:hover .participate-art__sky,
.participate-art:focus-within .participate-art__sky {
  opacity: 0.92;
  filter:
    saturate(1.3)
    brightness(1.16);
}

.participate-art:hover img,
.participate-art:focus-within img {
  filter:
    saturate(1.18)
    contrast(1.1)
    brightness(1.05)
    drop-shadow(0 28px 52px rgba(0, 0, 0, 0.2));
}

.site-footer {
  position: relative;
  margin-top: 20px;
  padding-top: 26px;
  color: rgba(244, 238, 228, 0.58);
  overflow: hidden;
}

.site-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background:
    linear-gradient(90deg, transparent 0%, rgba(243, 204, 119, 0.42) 20%, rgba(130, 213, 206, 0.26) 48%, rgba(238, 124, 166, 0.34) 74%, transparent 100%);
  background-size: 180% 100%;
  animation: footerLineFlow 8s linear infinite;
}

.site-footer::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -18%;
  width: 24%;
  height: 3px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.02) 8%, rgba(255, 160, 214, 0.42) 48%, rgba(128, 223, 217, 0.32) 72%, transparent 100%);
  filter: blur(8px);
  opacity: 0;
  animation: footerSparkRun 6.6s ease-in-out infinite;
}

.site-footer a {
  position: relative;
  transition:
    color 220ms ease,
    text-shadow 220ms ease;
}

.site-footer a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 1px;
  background: linear-gradient(90deg, rgba(243, 204, 119, 0.64), rgba(130, 213, 206, 0.42));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 220ms ease;
}

.site-footer a:hover,
.site-footer a:focus-visible {
  color: var(--text);
  text-shadow: 0 0 18px rgba(243, 204, 119, 0.1);
}

.site-footer a:hover::after,
.site-footer a:focus-visible::after {
  transform: scaleX(1);
}

@keyframes participateArtDrift {
  0%,
  100% {
    transform: translate3d(0, var(--parallax-shift, 0px), 0) scale(1.04);
  }

  28% {
    transform: translate3d(8px, calc(var(--parallax-shift, 0px) - 6px), 0) scale(1.055);
  }

  58% {
    transform: translate3d(-6px, calc(var(--parallax-shift, 0px) + 4px), 0) scale(1.038);
  }

  82% {
    transform: translate3d(5px, calc(var(--parallax-shift, 0px) - 3px), 0) scale(1.05);
  }
}

@keyframes footerLineFlow {
  0%,
  100% {
    background-position: 0% 0;
    opacity: 0.68;
  }

  50% {
    background-position: 100% 0;
    opacity: 1;
  }
}

@keyframes footerSparkRun {
  0%,
  100% {
    transform: translateX(0) scaleX(0.65);
    opacity: 0;
  }

  22% {
    opacity: 0.6;
  }

  50% {
    transform: translateX(470%) scaleX(1);
    opacity: 1;
  }

  78% {
    opacity: 0.24;
  }
}

@media (max-width: 719px) {
  .page-aurora {
    filter: blur(52px);
    opacity: 0.22;
  }

  .hero__orb {
    top: 43.27%;
    left: 48.43%;
    box-shadow:
      0 0 0 14px rgba(255, 122, 205, 0.04),
      0 0 48px rgba(255, 98, 194, 0.32),
      0 0 92px rgba(255, 188, 93, 0.18),
      inset 0 0 20px rgba(255, 255, 255, 0.34);
    filter: saturate(1.04);
  }

  .hero__orb::before {
    filter: none;
  }

  .journey-stop__media {
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.025),
      0 12px 24px rgba(0, 0, 0, 0.18);
  }

  .journey-stop__media .journey-stop__image {
    animation:
      posterFloat 8.6s ease-in-out infinite,
      posterColorBreathLite 10.6s ease-in-out infinite;
  }

  .purpose-orbit-line,
  .purpose-orbit-line--three {
    filter: none;
  }

  .benefit-card__text {
    backdrop-filter: none;
  }

  .purpose-note-shadow {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.02),
      0 12px 20px rgba(0, 0, 0, 0.12);
  }

  .purpose-note {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.022), rgba(255, 255, 255, 0.008)),
      rgba(10, 13, 19, 0.4);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .benefit-card {
    --benefit-card-height: 440px;
  }

  .benefit-card__content {
    padding: 20px;
  }

  .benefit-card__header {
    margin: -20px -20px 0;
    padding: 20px 20px 28px;
  }

  .participate-art__sky {
    top: -8%;
    left: -20%;
    width: 140%;
    height: 116%;
    opacity: 0.78;
    filter:
      saturate(1.16)
      brightness(1.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero__orb,
  .hero__orb::before,
  .hero__orb::after,
  .journey-stop__media,
  .journey-stop__media .journey-stop__image,
  .purpose-orbit-layer,
  .purpose-orbit-wheel,
  .purpose-orbit-drift,
  .purpose-orbit-group,
  .schedule-chip img,
  .participate-art__sky,
  .participate-art::before,
  .participate-art img,
  .site-footer a::after {
    animation: none !important;
    transition: none !important;
  }
}