/* [project]/app/(marketing)/concepts/star/star.module.css [app-client] (css) */
.star-module__H7tMpW__page {
  background: var(--p-bg);
  padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.star-module__H7tMpW__top {
  text-align: center;
  padding-block: clamp(1.5rem, 3vw, 2.5rem) clamp(.9rem, 1.8vw, 1.4rem);
}

.star-module__H7tMpW__title {
  letter-spacing: -.04em;
  color: var(--t-superdark);
  text-wrap: balance;
  font-size: clamp(1.7rem, 3.4vw, 2.8rem);
  font-weight: 700;
  line-height: 1.07;
}

.star-module__H7tMpW__turn {
  color: var(--brand-blue);
  display: block;
}

.star-module__H7tMpW__stand {
  max-width: 40rem;
  color: var(--t-normal);
  text-wrap: pretty;
  margin: .8rem auto 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.star-module__H7tMpW__stage {
  isolation: isolate;
  background: #050b14;
  border-radius: 18px;
  height: clamp(19rem, 100svh - 17rem, 36rem);
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff0f, 0 30px 70px -40px #050b1480;
}

.star-module__H7tMpW__field {
  width: 100%;
  height: 100%;
  animation: 300s linear infinite star-module__H7tMpW__turn;
  position: absolute;
  inset: 0;
}

@keyframes star-module__H7tMpW__turn {
  to {
    rotate: 360deg;
  }
}

.star-module__H7tMpW__mote {
  transform-origin: 500px 500px;
  transform-box: view-box;
  animation-name: star-module__H7tMpW__infall;
  animation-timing-function: cubic-bezier(.5, 0, .85, .4);
  animation-iteration-count: infinite;
}

@keyframes star-module__H7tMpW__infall {
  0% {
    opacity: 0;
    scale: 1;
  }

  12% {
    opacity: 1;
  }

  88% {
    opacity: .85;
  }

  100% {
    opacity: 0;
    scale: .16;
  }
}

.star-module__H7tMpW__bloom {
  transform-origin: 500px 500px;
  transform-box: view-box;
}

.star-module__H7tMpW__core {
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 50%;
  width: min(21%, 15rem);
  animation: 14s ease-in-out infinite alternate star-module__H7tMpW__pulse;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

@keyframes star-module__H7tMpW__pulse {
  to {
    scale: 1.035;
  }
}

.star-module__H7tMpW__tool {
  opacity: .38;
  position: absolute;
  translate: -50% -50%;
}

.star-module__H7tMpW__tool img {
  filter: grayscale() brightness(2.3);
  width: 20px;
  height: 20px;
}

.star-module__H7tMpW__readers {
  z-index: 2;
  gap: .4rem;
  display: flex;
  position: absolute;
  bottom: clamp(.9rem, 2vw, 1.6rem);
  right: clamp(.9rem, 2vw, 1.6rem);
}

.star-module__H7tMpW__reader {
  font-family: var(--font-geist-mono), monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #c6d3e1;
  background: #050b14a8;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  align-items: center;
  gap: .4rem;
  padding: .35rem .6rem;
  font-size: .58rem;
  display: flex;
}

.star-module__H7tMpW__reader img {
  filter: grayscale() brightness(2.6);
  width: 16px;
  height: 16px;
}

@media (prefers-reduced-motion: reduce) {
  .star-module__H7tMpW__field, .star-module__H7tMpW__mote, .star-module__H7tMpW__core {
    animation: none;
  }
}

@media (max-width: 900px), (max-aspect-ratio: 1) and (max-width: 1100px) {
  .star-module__H7tMpW__stage {
    height: clamp(20rem, 56svh, 30rem);
  }

  .star-module__H7tMpW__core {
    width: 34%;
  }

  .star-module__H7tMpW__tool img {
    width: 16px;
    height: 16px;
  }

  .star-module__H7tMpW__readers {
    left: 50%;
    right: auto;
    translate: -50%;
  }
}

/*# sourceMappingURL=app_%28marketing%29_concepts_star_star_module_9bd5253d.css.map*/