.nvm-snapdesign-hero-atmosphere {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

@font-face {
  font-family: "Geist Medium";
  src: url("https://framerusercontent.com/assets/cSw8pFIROicVxgAkfOnNOvpdE.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Inter";
  src: url("https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

.nvm-snapdesign-hero-atmosphere__pattern {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  opacity: 0.96;
}

.nvm-snapdesign-hero-atmosphere__gradient {
  position: absolute;
  inset: -8% -14%;
  transform: rotate(-7deg);
  background:
    radial-gradient(ellipse 48% 26% at 38% 19%, color-mix(in srgb, var(--snap-accent-three) 68%, transparent), transparent 72%),
    radial-gradient(ellipse 58% 32% at 68% 16%, color-mix(in srgb, var(--snap-accent-two) 58%, transparent), transparent 72%),
    radial-gradient(ellipse 44% 28% at 25% 76%, color-mix(in srgb, var(--snap-accent-four) 70%, transparent), transparent 72%),
    radial-gradient(ellipse 54% 30% at 78% 78%, color-mix(in srgb, var(--snap-accent-one) 48%, transparent), transparent 72%);
  filter: blur(38px);
  opacity: 0.86;
}

.nvm-snapdesign-hero-atmosphere__spinner {
  position: absolute;
  top: 207px;
  right: calc(50% - 536px);
  width: 188px;
  height: 188px;
  object-fit: contain;
  animation: snapdesign-hero-spinner 16s linear infinite;
}

@keyframes snapdesign-hero-spinner {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (max-width: 1024px) {
  .nvm-snapdesign-hero-atmosphere__spinner {
    top: 188px;
    right: 8%;
    width: 148px;
    height: 148px;
  }
}

@media (max-width: 767px) {
  .nvm-snapdesign-hero-atmosphere__pattern {
    object-fit: cover;
  }
  .nvm-snapdesign-hero-atmosphere__gradient {
    inset: -4% -18%;
    transform: rotate(-4deg);
    filter: blur(30px);
  }
  .nvm-snapdesign-hero-atmosphere__spinner {
    top: 104px;
    right: 8px;
    width: 92px;
    height: 92px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nvm-snapdesign-hero-atmosphere__spinner {
    animation: none;
  }
}

.s-snapdesign-hero .s-snapdesign-heading,
.s-snapdesign-hero .s-snapdesign-heading h1 {
  font-family: "Geist Medium", "Geist Medium Placeholder", Inter, sans-serif;
}

.s-snapdesign-hero .s-snapdesign-nav,
.s-snapdesign-hero .s-snapdesign-nav-links,
.s-snapdesign-hero .s-snapdesign-nav-all,
.s-snapdesign-hero .s-snapdesign-nav-all *,
.s-snapdesign-hero .s-snapdesign-nav-projects,
.s-snapdesign-hero .s-snapdesign-nav-projects *,
.s-snapdesign-hero .s-snapdesign-nav-pricing,
.s-snapdesign-hero .s-snapdesign-nav-pricing *,
.s-snapdesign-hero .s-snapdesign-nav-contact,
.s-snapdesign-hero .s-snapdesign-nav-contact *,
.s-snapdesign-hero .s-snapdesign-nav-cta,
.s-snapdesign-hero .s-snapdesign-nav-cta *,
.s-snapdesign-hero .s-snapdesign-nav-cta-label,
.s-snapdesign-hero .s-snapdesign-paragraph,
.s-snapdesign-hero .s-snapdesign-paragraph p,
.s-snapdesign-hero .s-snapdesign-availability,
.s-snapdesign-hero .s-snapdesign-availability span,
.s-snapdesign-hero .s-snapdesign-primary-label,
.s-snapdesign-hero .s-snapdesign-primary-label *,
.s-snapdesign-hero .s-snapdesign-secondary-label,
.s-snapdesign-hero .s-snapdesign-secondary-label * {
  font-family: Inter, Helvetica, Arial, sans-serif;
}

.s-snapdesign-hero .s-snapdesign-primary,
.s-snapdesign-hero .s-snapdesign-primary-label,
.s-snapdesign-hero .s-snapdesign-secondary,
.s-snapdesign-hero .s-snapdesign-secondary-label,
.s-snapdesign-hero .s-snapdesign-nav-cta,
.s-snapdesign-hero .s-snapdesign-nav-cta-label {
  font-family: Inter, Helvetica, Arial, sans-serif;
}


.s-snapdesign-hero .s-snapdesign-nav {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}