/* [project]/src/components/about/about.module.css [app-client] (css) */
.about-module__65-7Xq__scene {
  --navy: #0a1020;
  --navy-2: #0d1426;
  --slate: #526b8c;
  --ice: #afc3db;
  --sand: #c9a77a;
  --gold: #d7b27b;
  background-color: var(--navy);
  color: var(--ice);
}

.about-module__65-7Xq__heroImage {
  will-change: transform;
  animation: 28s ease-in-out infinite alternate about-module__65-7Xq__kenBurns;
}

@keyframes about-module__65-7Xq__kenBurns {
  from {
    transform: scale(1.02)translate3d(0, 0, 0);
  }

  to {
    transform: scale(1.14)translate3d(-1.5%, -2%, 0);
  }
}

.about-module__65-7Xq__heroAtmosphere {
  background: radial-gradient(120% 80% at 75% 18%, #d7b27b47 0%, #0000 45%), radial-gradient(120% 90% at 15% 95%, #0a1020f2 0%, #0000 55%), linear-gradient(#0a102026 0%, #0a102000 35%, #0a1020d9 100%);
}

.about-module__65-7Xq__dust {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.about-module__65-7Xq__mote {
  will-change: transform, opacity;
  background: radial-gradient(circle, #d7b27be6 0%, #d7b27b00 70%);
  border-radius: 9999px;
  animation: linear infinite about-module__65-7Xq__drift;
  position: absolute;
  bottom: -10%;
}

@keyframes about-module__65-7Xq__drift {
  0% {
    opacity: 0;
    transform: translateY(0)translateX(0);
  }

  10% {
    opacity: .9;
  }

  90% {
    opacity: .6;
  }

  100% {
    opacity: 0;
    transform: translateY(-115vh)translateX(40px);
  }
}

.about-module__65-7Xq__reveal {
  opacity: 0;
  transition: opacity 1.1s cubic-bezier(.16, 1, .3, 1), transform 1.1s cubic-bezier(.16, 1, .3, 1);
  transform: translateY(34px);
}

.about-module__65-7Xq__revealVisible {
  opacity: 1;
  transform: translateY(0);
}

.about-module__65-7Xq__connector {
  background: linear-gradient(#0000, #afc3db59, #0000);
}

.about-module__65-7Xq__scrollCue {
  animation: 2.4s ease-in-out infinite about-module__65-7Xq__cueBob;
}

@keyframes about-module__65-7Xq__cueBob {
  0%, 100% {
    opacity: .55;
    transform: translateY(0);
  }

  50% {
    opacity: 1;
    transform: translateY(8px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-module__65-7Xq__heroImage {
    animation: none;
    transform: scale(1.04);
  }

  .about-module__65-7Xq__mote {
    display: none;
  }

  .about-module__65-7Xq__scrollCue {
    animation: none;
  }

  .about-module__65-7Xq__reveal {
    opacity: 1;
    transition: none;
    transform: none;
  }
}

/*# sourceMappingURL=src_components_about_about_module_ca1c71ea.css.map*/