/* [project]/src/components/odiseas/OdiseaHero.module.css [app-client] (css) */
@keyframes OdiseaHero-module__B0awca__moteRiseA {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0)scale(.42);
  }

  8% {
    opacity: .82;
  }

  32% {
    opacity: .68;
    transform: translate3d(9px, -28px, 0)scale(.85);
  }

  60% {
    opacity: .52;
    transform: translate3d(-4px, -62px, 0)scale(.95);
  }

  84% {
    opacity: .22;
    transform: translate3d(6px, -92px, 0)scale(.75);
  }

  100% {
    opacity: 0;
    transform: translate3d(2px, -112px, 0)scale(.44);
  }
}

@keyframes OdiseaHero-module__B0awca__moteRiseB {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0)scale(.45);
  }

  10% {
    opacity: .74;
  }

  28% {
    opacity: .66;
    transform: translate3d(-7px, -24px, 0)scale(.9);
  }

  56% {
    opacity: .5;
    transform: translate3d(5px, -56px, 0)scale(1);
  }

  80% {
    opacity: .2;
    transform: translate3d(-3px, -86px, 0)scale(.7);
  }

  100% {
    opacity: 0;
    transform: translate3d(1px, -106px, 0)scale(.4);
  }
}

@keyframes OdiseaHero-module__B0awca__moteRiseC {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0)scale(.4);
  }

  7% {
    opacity: .78;
  }

  35% {
    opacity: .64;
    transform: translate3d(11px, -30px, 0)scale(.88);
  }

  62% {
    opacity: .48;
    transform: translate3d(3px, -62px, 0)scale(.98);
  }

  86% {
    opacity: .2;
    transform: translate3d(-8px, -94px, 0)scale(.72);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, -114px, 0)scale(.4);
  }
}

@keyframes OdiseaHero-module__B0awca__sparkleAppear {
  0%, 55%, 100% {
    opacity: 0;
    transform: scale(.5);
  }

  28% {
    opacity: 1;
    transform: scale(2.2);
  }
}

@keyframes OdiseaHero-module__B0awca__lightBreath {
  0%, 100% {
    opacity: .92;
  }

  50% {
    opacity: 1;
  }
}

@keyframes OdiseaHero-module__B0awca__rayShine {
  0%, 100% {
    opacity: .55;
  }

  35% {
    opacity: 1;
  }

  65% {
    opacity: .72;
  }
}

@keyframes OdiseaHero-module__B0awca__scrollBounce {
  0%, 100% {
    opacity: .6;
    transform: translateY(0);
  }

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

@keyframes OdiseaHero-module__B0awca__heroFadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.OdiseaHero-module__B0awca__heroSection {
  background-color: #170d05;
  background-image: radial-gradient(42% 68% at 94% 2%, #dc962d2e 0%, #af5f140d 46%, #0000 72%), linear-gradient(158deg, #1e1308 0%, #261608 28%, #170d05 100%);
  height: clamp(520px, 100svh, 900px);
  margin-top: 64px;
  position: relative;
  overflow: hidden;
}

.OdiseaHero-module__B0awca__heroImageWrap {
  z-index: 1;
  will-change: transform;
  position: absolute;
  inset: -16px;
}

.OdiseaHero-module__B0awca__heroLightOverlay {
  z-index: 2;
  pointer-events: none;
  will-change: transform;
  background: radial-gradient(45% 60% at 82% 8%, #dc983033 0%, #c3782012 42%, #0000 68%);
  animation: 8s ease-in-out infinite OdiseaHero-module__B0awca__lightBreath;
  position: absolute;
  inset: 0;
}

.OdiseaHero-module__B0awca__heroOverlay {
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(to right, #170d05d1 0%, #170d059e 34%, #170d0533 66%, #0000 100%);
  position: absolute;
  inset: 0;
}

.OdiseaHero-module__B0awca__heroRays {
  z-index: 4;
  pointer-events: none;
  background: conic-gradient(from 178deg at 86% 0, #0000 0deg, #ffda5f38 2deg, #ffda5f0f 5deg, #0000 9deg 17deg, #ffd25026 20deg, #ffd2500a 23deg, #0000 27deg 34deg, #ffd6581a 37deg, #ffd65808 39deg, #0000 43deg 360deg);
  animation: 8s ease-in-out infinite OdiseaHero-module__B0awca__rayShine;
  position: absolute;
  inset: 0;
}

.OdiseaHero-module__B0awca__heroWindow {
  pointer-events: none;
  z-index: 4;
  border: 1.5px solid #d4af371f;
  border-bottom: none;
  border-radius: 50% 50% 0 0 / 60% 60% 0 0;
  width: clamp(120px, 14vw, 200px);
  height: clamp(180px, 24vw, 320px);
  position: absolute;
  top: -24px;
  right: clamp(40px, 6vw, 120px);
}

.OdiseaHero-module__B0awca__heroWindow:before {
  content: "";
  border: 1px solid #d4af370f;
  border-bottom: none;
  border-radius: 50% 50% 0 0 / 60% 60% 0 0;
  position: absolute;
  inset: 8px;
}

.OdiseaHero-module__B0awca__heroVignette {
  z-index: 5;
  pointer-events: none;
  will-change: transform;
  background: radial-gradient(100% 65% at 50% 105%, #1109028c 0%, #0000 55%), radial-gradient(28% 100% at 0%, #11090266 0%, #0000 55%), radial-gradient(22% 100% at 100%, #11090238 0%, #0000 55%);
  position: absolute;
  inset: 0;
}

.OdiseaHero-module__B0awca__motesLayer {
  z-index: 6;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.OdiseaHero-module__B0awca__mote {
  opacity: 0;
  will-change: transform, opacity;
  pointer-events: none;
  background: radial-gradient(circle at 38% 32%, #fff0be 0%, #f5cd82e0 50%, #e1af6499 100%);
  border-radius: 50%;
  position: absolute;
  box-shadow: 0 0 3px .5px #ffd78c52;
}

.OdiseaHero-module__B0awca__mote.OdiseaHero-module__B0awca__typeA {
  animation: OdiseaHero-module__B0awca__moteRiseA var(--mote-duration, 22s) linear infinite both;
  animation-delay: var(--mote-delay, 0s);
}

.OdiseaHero-module__B0awca__mote.OdiseaHero-module__B0awca__typeB {
  animation: OdiseaHero-module__B0awca__moteRiseB var(--mote-duration, 24s) linear infinite both;
  animation-delay: var(--mote-delay, 0s);
}

.OdiseaHero-module__B0awca__mote.OdiseaHero-module__B0awca__typeC {
  animation: OdiseaHero-module__B0awca__moteRiseC var(--mote-duration, 20s) linear infinite both;
  animation-delay: var(--mote-delay, 0s);
}

.OdiseaHero-module__B0awca__moteSpark:after {
  content: "";
  opacity: 0;
  animation: OdiseaHero-module__B0awca__sparkleAppear var(--spark-duration, 5s) ease-in-out infinite both;
  animation-delay: var(--spark-delay, 0s);
  background: radial-gradient(circle, #fff2c3eb 0%, #ffdc9673 42%, #0000 70%);
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.OdiseaHero-module__B0awca__heroShelf {
  z-index: 7;
  pointer-events: none;
  opacity: .55;
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.OdiseaHero-module__B0awca__heroFade {
  z-index: 8;
  pointer-events: none;
  background: linear-gradient(to top, #faf8f5 0%, #faf8f500 100%);
  height: 130px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.OdiseaHero-module__B0awca__heroContent {
  z-index: 10;
  align-items: center;
  height: 100%;
  padding: 0 clamp(24px, 6vw, 80px) 60px;
  display: flex;
  position: relative;
}

.OdiseaHero-module__B0awca__heroInner {
  max-width: 520px;
}

.OdiseaHero-module__B0awca__heroLabel {
  animation: .7s ease-out .1s both OdiseaHero-module__B0awca__heroFadeUp;
}

.OdiseaHero-module__B0awca__heroTitle {
  animation: .75s ease-out .18s both OdiseaHero-module__B0awca__heroFadeUp;
}

.OdiseaHero-module__B0awca__heroTagline {
  animation: .7s ease-out .38s both OdiseaHero-module__B0awca__heroFadeUp;
}

.OdiseaHero-module__B0awca__heroText {
  animation: .7s ease-out .54s both OdiseaHero-module__B0awca__heroFadeUp;
}

.OdiseaHero-module__B0awca__heroQuote {
  animation: .7s ease-out .68s both OdiseaHero-module__B0awca__heroFadeUp;
}

.OdiseaHero-module__B0awca__heroCtas {
  animation: .7s ease-out .84s both OdiseaHero-module__B0awca__heroFadeUp;
}

.OdiseaHero-module__B0awca__scrollHint {
  z-index: 10;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  animation: .7s ease-out 1.2s both OdiseaHero-module__B0awca__heroFadeUp;
  display: flex;
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
}

.OdiseaHero-module__B0awca__scrollArrow {
  animation: 2.2s ease-in-out infinite OdiseaHero-module__B0awca__scrollBounce;
}

@media (max-width: 767px) {
  .OdiseaHero-module__B0awca__motesLayer .OdiseaHero-module__B0awca__mote:nth-child(n+14), .OdiseaHero-module__B0awca__heroRays {
    display: none;
  }
}

@media (max-width: 1023px) {
  .OdiseaHero-module__B0awca__motesLayer .OdiseaHero-module__B0awca__mote:nth-child(n+22), .OdiseaHero-module__B0awca__heroWindow {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .OdiseaHero-module__B0awca__motesLayer {
    display: none !important;
  }

  .OdiseaHero-module__B0awca__heroLightOverlay {
    opacity: .92 !important;
    animation: none !important;
  }

  .OdiseaHero-module__B0awca__scrollArrow {
    animation: none !important;
  }

  .OdiseaHero-module__B0awca__heroLabel, .OdiseaHero-module__B0awca__heroTitle, .OdiseaHero-module__B0awca__heroTagline, .OdiseaHero-module__B0awca__heroQuote, .OdiseaHero-module__B0awca__heroText, .OdiseaHero-module__B0awca__heroCtas, .OdiseaHero-module__B0awca__scrollHint {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
  }

  .OdiseaHero-module__B0awca__heroRays {
    display: none !important;
  }

  .OdiseaHero-module__B0awca__heroImageWrap, .OdiseaHero-module__B0awca__heroLightOverlay, .OdiseaHero-module__B0awca__heroVignette {
    will-change: auto !important;
    transform: none !important;
  }
}

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