/* [project]/components/landing/LandingPage.module.css [app-client] (css) */
.LandingPage-module__vCWJnq__page, .LandingPage-module__vCWJnq__gatePage {
  --paper: #efede5;
  --ink: #141610;
  --muted: #67685f;
  --orange: #df7748;
  --line: #1416102b;
  --night: #080907;
  --night-text: #f1ede3;
  --night-muted: #aaa99f;
  --night-line: #eee9dd29;
  --display-font: var(--font-fylo-serif, "Noto Serif CJK SC"), "Songti SC", "STSong", serif;
  --editorial-font: var(--font-fylo-editorial, "Cormorant Garamond"), "Times New Roman", serif;
  --gutter: clamp(1.25rem, 4vw, 4.75rem);
  font-family: var(--font-inter), "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-synthesis: none;
  text-rendering: optimizelegibility;
}

.LandingPage-module__vCWJnq__page {
  width: 100%;
  height: 100svh;
  min-height: 100svh;
  color: var(--night-text);
  background: var(--night);
  isolation: isolate;
  grid-template-rows: auto minmax(0, 1fr) auto;
  display: grid;
  position: relative;
  overflow: hidden;
}

.LandingPage-module__vCWJnq__page a, .LandingPage-module__vCWJnq__gatePage a {
  color: inherit;
  text-decoration: none;
}

.LandingPage-module__vCWJnq__page a:focus-visible, .LandingPage-module__vCWJnq__gatePage a:focus-visible {
  outline: 2px solid var(--orange);
  outline-offset: 6px;
}

.LandingPage-module__vCWJnq__page ::-moz-selection {
  color: var(--night-text);
  background: #df77486b;
}

.LandingPage-module__vCWJnq__gatePage ::-moz-selection {
  color: var(--night-text);
  background: #df77486b;
}

.LandingPage-module__vCWJnq__page ::selection, .LandingPage-module__vCWJnq__gatePage ::selection {
  color: var(--night-text);
  background: #df77486b;
}

.LandingPage-module__vCWJnq__sceneZoom {
  z-index: 0;
  transform-origin: 72% 54%;
  will-change: transform, opacity, filter;
  position: absolute;
  inset: -3%;
}

.LandingPage-module__vCWJnq__sceneParallax, .LandingPage-module__vCWJnq__sceneDrift {
  width: 100%;
  height: 100%;
}

.LandingPage-module__vCWJnq__sceneParallax {
  will-change: transform;
}

.LandingPage-module__vCWJnq__sceneDrift {
  transform-origin: 72% 54%;
  will-change: transform;
  animation: 22s ease-in-out infinite alternate LandingPage-module__vCWJnq__cinematicDrift;
}

.LandingPage-module__vCWJnq__isEntering .LandingPage-module__vCWJnq__sceneDrift {
  animation-play-state: paused;
}

.LandingPage-module__vCWJnq__artwork {
  --lens-x: 72.15%;
  --lens-y: 53.8%;
  background: #0b0d0a;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.LandingPage-module__vCWJnq__artworkImage {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  -webkit-user-select: none;
  user-select: none;
}

.LandingPage-module__vCWJnq__windowHaze {
  filter: blur(18px);
  mix-blend-mode: screen;
  pointer-events: none;
  background: linear-gradient(142deg, #0000 28%, #ffd1911f 47%, #ffb96b33 56%, #0000 74%);
  width: 72%;
  height: 118%;
  animation: 10s ease-in-out infinite LandingPage-module__vCWJnq__windowBreath;
  position: absolute;
  top: -22%;
  right: -8%;
}

.LandingPage-module__vCWJnq__lensFlare, .LandingPage-module__vCWJnq__portalAnchor {
  left: var(--lens-x);
  top: var(--lens-y);
  pointer-events: none;
  position: absolute;
}

.LandingPage-module__vCWJnq__lensFlare {
  aspect-ratio: 1;
  mix-blend-mode: screen;
  opacity: .66;
  background: radial-gradient(circle, #fff5d694 0%, #ffb5642e 3%, #e77d3c1a 10%, #0000 48%);
  border-radius: 50%;
  width: clamp(11rem, 25vw, 31rem);
  animation: 6.5s ease-in-out infinite LandingPage-module__vCWJnq__lensBreath;
  transform: translate(-50%, -50%);
}

.LandingPage-module__vCWJnq__lensFlare > span:first-child {
  background: linear-gradient(90deg, #0000, #ffd2991f, #fff1cfad, #ffd2991f, #0000);
  width: 145%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 12px #ffac5a66;
}

.LandingPage-module__vCWJnq__lensFlare > span:last-child {
  border: 1px solid #ffdcad24;
  border-radius: 50%;
  position: absolute;
  inset: 39%;
  box-shadow: 0 0 24px #ffa6572e, inset 0 0 18px #ffdeb11f;
}

.LandingPage-module__vCWJnq__portalAnchor {
  opacity: 0;
  width: 1px;
  height: 1px;
  display: block;
  transform: translate(-50%, -50%);
}

.LandingPage-module__vCWJnq__filmGrain {
  opacity: .075;
  mix-blend-mode: soft-light;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.LandingPage-module__vCWJnq__sceneShade, .LandingPage-module__vCWJnq__lightBreath, .LandingPage-module__vCWJnq__filmVignette {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.LandingPage-module__vCWJnq__sceneShade {
  background: linear-gradient(90deg, #060806e6 0%, #060806ad 30%, #0608061a 62%, #0608060a 82%, #06080633 100%), linear-gradient(0deg, #050705b8 0%, #0000 38%, #05070542 100%);
}

.LandingPage-module__vCWJnq__lightBreath {
  mix-blend-mode: screen;
  background: radial-gradient(at 79% 38%, #ffbe7742, #0000 48%);
}

.LandingPage-module__vCWJnq__filmVignette {
  box-shadow: inset 0 0 12vw 2vw #00000061;
}

.LandingPage-module__vCWJnq__nav {
  z-index: 3;
  height: clamp(4.75rem, 10vh, 6.25rem);
  margin: 0 var(--gutter);
  border-bottom: 1px solid var(--night-line);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.LandingPage-module__vCWJnq__brand {
  align-items: center;
  gap: .75rem;
  display: inline-flex;
}

.LandingPage-module__vCWJnq__brandMark {
  border-radius: .375rem;
  width: 1.875rem;
  height: 1.875rem;
  box-shadow: 0 0 24px #df77481f;
}

.LandingPage-module__vCWJnq__brandName {
  letter-spacing: .22em;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1;
}

.LandingPage-module__vCWJnq__brandName sup {
  letter-spacing: 0;
  margin-left: .18rem;
  font-size: .46em;
  position: relative;
  top: -.45em;
}

.LandingPage-module__vCWJnq__navManifesto {
  color: #f1ede370;
  font-family: var(--editorial-font);
  letter-spacing: .2em;
  white-space: nowrap;
  font-size: .75rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.LandingPage-module__vCWJnq__navCta {
  letter-spacing: .1em;
  align-items: center;
  gap: .65rem;
  padding: .75rem 0 .75rem 1rem;
  font-size: .75rem;
  display: inline-flex;
}

.LandingPage-module__vCWJnq__navCta svg {
  width: 1rem;
  height: 1rem;
  transition: color .25s, transform .25s;
}

.LandingPage-module__vCWJnq__navCta[aria-disabled="true"], .LandingPage-module__vCWJnq__primaryCta[aria-disabled="true"] {
  pointer-events: none;
}

.LandingPage-module__vCWJnq__studioContent {
  z-index: 2;
  min-height: 0;
  padding: 0 var(--gutter);
  transform-origin: 0;
  align-items: center;
  display: flex;
  position: relative;
}

.LandingPage-module__vCWJnq__contentInner {
  width: min(64vw, 60rem);
  margin-top: -1vh;
}

.LandingPage-module__vCWJnq__eyebrow {
  color: #f1ede39e;
  letter-spacing: .22em;
  align-items: center;
  gap: .875rem;
  margin: 0 0 clamp(1.5rem, 3vh, 2.5rem);
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.LandingPage-module__vCWJnq__eyebrow > span {
  background: var(--orange);
  flex: none;
  width: 2.25rem;
  height: 1px;
  display: block;
  box-shadow: 0 0 12px #df774861;
}

.LandingPage-module__vCWJnq__heroTitle {
  color: var(--night-text);
  font-family: var(--display-font);
  letter-spacing: -.075em;
  text-shadow: 0 4px 36px #00000038;
  margin: 0;
  font-size: clamp(4.75rem, 8.9vw, 10rem);
  font-weight: 400;
  line-height: 1.06;
}

.LandingPage-module__vCWJnq__titleMask {
  width: max-content;
  max-width: 100%;
  margin-bottom: -.12em;
  padding-bottom: .12em;
  display: block;
  overflow: hidden;
}

.LandingPage-module__vCWJnq__titleMask:nth-child(2) {
  margin-left: .46em;
}

.LandingPage-module__vCWJnq__titleLine {
  white-space: nowrap;
  width: max-content;
  max-width: 100%;
  display: block;
}

.LandingPage-module__vCWJnq__titleLine i {
  color: var(--orange);
  font-style: normal;
}

.LandingPage-module__vCWJnq__heroEnglish {
  color: #f1ede3bd;
  font-family: var(--editorial-font);
  letter-spacing: -.035em;
  margin: clamp(1.5rem, 3vh, 2.5rem) 0 0;
  font-size: clamp(2.25rem, 3.25vw, 4.25rem);
  font-weight: 400;
  line-height: 1;
}

.LandingPage-module__vCWJnq__heroEnglish em {
  color: #e5aa7d;
  font-weight: 400;
}

.LandingPage-module__vCWJnq__heroIntro {
  align-items: flex-end;
  gap: clamp(1.75rem, 3.5vw, 4rem);
  margin-top: clamp(1.75rem, 3.5vh, 3rem);
  display: flex;
}

.LandingPage-module__vCWJnq__heroDescription {
  color: #f1ede3a8;
  letter-spacing: .04em;
  max-width: 24rem;
  margin: 0;
  font-size: .875rem;
  line-height: 2;
}

.LandingPage-module__vCWJnq__primaryCta {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  letter-spacing: .1em;
  background: #eee9dd09;
  border: 1px solid #f1ede34d;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: 1.25rem;
  padding: .35rem .4rem .35rem 1.35rem;
  font-size: .8125rem;
  transition: background .3s, border-color .3s;
  display: inline-flex;
}

.LandingPage-module__vCWJnq__ctaCircle {
  color: #1a1711;
  background: #eee8dc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.875rem;
  height: 2.875rem;
  transition: color .3s, background .3s, transform .35s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.LandingPage-module__vCWJnq__ctaCircle svg {
  width: 1.1rem;
  height: 1.1rem;
}

.LandingPage-module__vCWJnq__stageLabel {
  z-index: 2;
  top: 48%;
  right: calc(var(--gutter) * .55);
  color: #f1ede373;
  letter-spacing: .22em;
  writing-mode: vertical-rl;
  align-items: center;
  gap: .875rem;
  font-size: .5rem;
  display: flex;
  position: absolute;
  transform: translateY(-50%);
}

.LandingPage-module__vCWJnq__stageLabel i {
  background: var(--orange);
  width: 1px;
  height: 3.5rem;
}

.LandingPage-module__vCWJnq__sceneCredit {
  z-index: 2;
  right: var(--gutter);
  color: #f1ede380;
  letter-spacing: .18em;
  text-shadow: 0 2px 12px #000000a6;
  flex-direction: column;
  align-items: flex-end;
  gap: .45rem;
  font-size: .5rem;
  line-height: 1.4;
  display: flex;
  position: absolute;
  bottom: clamp(5.25rem, 10vh, 7rem);
}

.LandingPage-module__vCWJnq__sceneCredit > span:first-child {
  color: #f1ede3c7;
  font-family: var(--editorial-font);
  letter-spacing: .2em;
  font-size: .75rem;
}

.LandingPage-module__vCWJnq__heroFooter {
  z-index: 2;
  min-height: clamp(3rem, 7vh, 4.25rem);
  margin: 0 var(--gutter);
  border-top: 1px solid var(--night-line);
  color: #f1ede36e;
  letter-spacing: .18em;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  font-size: .5rem;
  display: grid;
  position: relative;
}

.LandingPage-module__vCWJnq__heroFooter > span:nth-child(2) {
  justify-self: center;
}

.LandingPage-module__vCWJnq__heroFooter > span:last-child {
  justify-self: end;
}

.LandingPage-module__vCWJnq__transition {
  z-index: 100;
  background: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.LandingPage-module__vCWJnq__transitionGateField {
  left: var(--origin-x);
  top: var(--origin-y);
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
}

.LandingPage-module__vCWJnq__transitionGate {
  will-change: transform, opacity;
  border: 1px solid #ffe0b8ad;
  border-radius: .2rem;
  width: 24vmin;
  height: 15vmin;
  position: absolute;
  top: -7.5vmin;
  left: -12vmin;
  box-shadow: 0 0 30px #ffa95d33, inset 0 0 24px #ffdfb71a;
}

.LandingPage-module__vCWJnq__transitionStreaks, .LandingPage-module__vCWJnq__transitionLight, .LandingPage-module__vCWJnq__transitionDark {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.LandingPage-module__vCWJnq__transitionStreaks {
  background: repeating-conic-gradient(from 0deg at var(--origin-x) var(--origin-y), transparent 0deg 7deg, #ffdeb429 7.2deg 7.35deg, transparent 7.6deg 15deg);
  -webkit-mask-image: radial-gradient(circle at var(--origin-x) var(--origin-y), transparent 0%, #000 24%, transparent 76%);
  -webkit-mask-image: radial-gradient(circle at var(--origin-x) var(--origin-y), transparent 0%, #000 24%, transparent 76%);
  mask-image: radial-gradient(circle at var(--origin-x) var(--origin-y), transparent 0%, #000 24%, transparent 76%);
  mix-blend-mode: screen;
  will-change: transform, opacity;
}

.LandingPage-module__vCWJnq__transitionLight {
  background: radial-gradient(circle at var(--origin-x) var(--origin-y), #fff9e9 0%, #f6d1a0 20%, #df8651 48%, #3a2115 100%);
  will-change: clip-path;
}

.LandingPage-module__vCWJnq__transitionDark {
  background: #0b0a08;
}

.LandingPage-module__vCWJnq__transitionWord {
  color: var(--night-text);
  letter-spacing: .46em;
  white-space: nowrap;
  place-items: center;
  padding-left: .46em;
  font-size: .625rem;
  display: grid;
  position: absolute;
  inset: 0;
}

.LandingPage-module__vCWJnq__srOnly {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@keyframes LandingPage-module__vCWJnq__cinematicDrift {
  from {
    transform: scale(1.025) translate3d(0, 0, 0);
  }

  to {
    transform: scale(1.065) translate3d(-.55%, -.35%, 0);
  }
}

@keyframes LandingPage-module__vCWJnq__windowBreath {
  0%, 100% {
    opacity: .5;
    transform: translate3d(0, 0, 0) rotate(.01deg);
  }

  50% {
    opacity: .9;
    transform: translate3d(-1.2%, .6%, 0) rotate(.01deg);
  }
}

@keyframes LandingPage-module__vCWJnq__lensBreath {
  0%, 100% {
    opacity: .46;
    transform: translate(-50%, -50%) scale(.92);
  }

  50% {
    opacity: .78;
    transform: translate(-50%, -50%) scale(1.08);
  }
}

.LandingPage-module__vCWJnq__gatePage {
  min-height: 100vh;
  color: var(--ink);
  background: var(--paper);
}

.LandingPage-module__vCWJnq__gateMain {
  min-height: calc(100svh - 4rem);
  padding: 4rem var(--gutter);
  isolation: isolate;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.LandingPage-module__vCWJnq__gateContent {
  z-index: 1;
  width: min(100%, 58rem);
  position: relative;
}

.LandingPage-module__vCWJnq__gateEyebrow {
  color: var(--muted);
  letter-spacing: .16em;
  align-items: center;
  gap: .75rem;
  margin: 0 0 2.5rem;
  font-size: .625rem;
  display: flex;
}

.LandingPage-module__vCWJnq__gateEyebrow:before {
  background: var(--orange);
  content: "";
  width: 2rem;
  height: 2px;
}

.LandingPage-module__vCWJnq__gateTitle {
  font-family: var(--display-font);
  letter-spacing: -.06em;
  margin: 0;
  font-size: clamp(3rem, 6.7vw, 7rem);
  font-weight: 450;
  line-height: 1.22;
}

.LandingPage-module__vCWJnq__gateDescription {
  max-width: 28rem;
  color: var(--muted);
  letter-spacing: .035em;
  margin: 2.5rem 0 0;
  font-size: .9375rem;
  line-height: 2;
}

.LandingPage-module__vCWJnq__gateSlash {
  z-index: -1;
  background: linear-gradient(90deg, #0000, #df77487a, #ffe1b4cc, #0000);
  width: clamp(3rem, 9vw, 9rem);
  height: 140%;
  position: absolute;
  top: -20%;
  right: 14%;
  transform: rotate(17deg);
}

@media (hover: hover) {
  .LandingPage-module__vCWJnq__navCta:hover svg {
    color: var(--orange);
    transform: translate(.2rem, -.2rem);
  }

  .LandingPage-module__vCWJnq__primaryCta:hover {
    background: #eee9dd14;
    border-color: #f1ede38f;
  }

  .LandingPage-module__vCWJnq__primaryCta:hover .LandingPage-module__vCWJnq__ctaCircle {
    color: var(--night-text);
    background: var(--orange);
    transform: rotate(45deg);
  }
}

@media (max-width: 75rem) {
  .LandingPage-module__vCWJnq__contentInner {
    width: min(70vw, 50rem);
  }

  .LandingPage-module__vCWJnq__navManifesto {
    display: none;
  }

  .LandingPage-module__vCWJnq__heroIntro {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.75rem;
  }

  .LandingPage-module__vCWJnq__heroDescription {
    max-width: 26rem;
  }
}

@media (max-width: 56.25rem) {
  .LandingPage-module__vCWJnq__contentInner {
    width: min(80vw, 43rem);
  }

  .LandingPage-module__vCWJnq__heroTitle {
    font-size: clamp(4.5rem, 13vw, 8rem);
  }

  .LandingPage-module__vCWJnq__stageLabel, .LandingPage-module__vCWJnq__sceneCredit {
    display: none;
  }

  .LandingPage-module__vCWJnq__sceneShade {
    background: linear-gradient(90deg, #060806db 0%, #06080685 52%, #0608061f 100%), linear-gradient(0deg, #050705bd 0%, #0000 45%, #0507055c 100%);
  }
}

@media (max-width: 35rem) {
  .LandingPage-module__vCWJnq__nav {
    height: 4.75rem;
  }

  .LandingPage-module__vCWJnq__brand {
    gap: .5rem;
  }

  .LandingPage-module__vCWJnq__brandMark {
    width: 1.625rem;
    height: 1.625rem;
  }

  .LandingPage-module__vCWJnq__brandName {
    font-size: .875rem;
  }

  .LandingPage-module__vCWJnq__navCta {
    gap: .35rem;
    font-size: .6875rem;
  }

  .LandingPage-module__vCWJnq__contentInner {
    width: 100%;
    margin-top: -5vh;
  }

  .LandingPage-module__vCWJnq__eyebrow {
    letter-spacing: .13em;
    gap: .65rem;
    margin-bottom: 1.75rem;
    font-size: .5625rem;
  }

  .LandingPage-module__vCWJnq__eyebrow > span {
    width: 1.5rem;
  }

  .LandingPage-module__vCWJnq__heroTitle {
    font-size: clamp(4rem, 20vw, 6rem);
    line-height: 1.08;
  }

  .LandingPage-module__vCWJnq__titleMask:nth-child(2) {
    margin-left: .3em;
  }

  .LandingPage-module__vCWJnq__heroEnglish {
    margin-top: 1.75rem;
    font-size: clamp(2.125rem, 9.5vw, 3.25rem);
    line-height: 1.05;
  }

  .LandingPage-module__vCWJnq__heroEnglish em {
    margin-top: .2em;
    margin-left: 8%;
    display: block;
  }

  .LandingPage-module__vCWJnq__heroIntro {
    gap: 1.5rem;
    margin-top: 1.75rem;
  }

  .LandingPage-module__vCWJnq__heroDescription {
    max-width: 20rem;
    font-size: .8125rem;
    line-height: 1.85;
  }

  .LandingPage-module__vCWJnq__primaryCta {
    margin-top: 0;
  }

  .LandingPage-module__vCWJnq__heroFooter {
    grid-template-columns: 1fr auto;
  }

  .LandingPage-module__vCWJnq__heroFooter > span:nth-child(2) {
    display: none;
  }

  .LandingPage-module__vCWJnq__heroFooter > span:last-child {
    font-size: .4375rem;
  }

  .LandingPage-module__vCWJnq__artworkImage {
    -o-object-position: 72% 50%;
    object-position: 72% 50%;
  }

  .LandingPage-module__vCWJnq__sceneShade {
    background: linear-gradient(#050705e6 0%, #050705a3 44%, #05070538 76%, #050705b8 100%), linear-gradient(90deg, #0507058f, #05070514);
  }

  .LandingPage-module__vCWJnq__filmVignette {
    box-shadow: inset 0 0 24vw 4vw #0000005c;
  }

  .LandingPage-module__vCWJnq__transitionWord {
    font-size: .5rem;
  }

  .LandingPage-module__vCWJnq__gateTitle {
    font-size: clamp(2.6rem, 12vw, 4rem);
  }

  .LandingPage-module__vCWJnq__gateSlash {
    opacity: .5;
    right: -4%;
  }
}

@media (max-height: 47.5rem) {
  .LandingPage-module__vCWJnq__nav {
    height: 4rem;
  }

  .LandingPage-module__vCWJnq__contentInner {
    margin-top: 0;
  }

  .LandingPage-module__vCWJnq__eyebrow {
    margin-bottom: 1.25rem;
  }

  .LandingPage-module__vCWJnq__heroTitle {
    font-size: clamp(3.5rem, 8vw, 7rem);
  }

  .LandingPage-module__vCWJnq__heroEnglish {
    margin-top: 1.25rem;
    font-size: clamp(2rem, 3vw, 3rem);
  }

  .LandingPage-module__vCWJnq__heroIntro {
    gap: 1.25rem;
    margin-top: 1.25rem;
  }

  .LandingPage-module__vCWJnq__heroDescription {
    line-height: 1.75;
  }

  .LandingPage-module__vCWJnq__heroFooter {
    min-height: 3rem;
  }

  .LandingPage-module__vCWJnq__sceneCredit {
    display: none;
  }
}

@media (max-width: 35rem) and (max-height: 47.5rem) {
  .LandingPage-module__vCWJnq__heroTitle {
    font-size: clamp(3.5rem, 16vw, 4.75rem);
  }

  .LandingPage-module__vCWJnq__heroEnglish {
    font-size: 2rem;
  }
}

@media (max-height: 37.5rem) {
  .LandingPage-module__vCWJnq__heroEnglish {
    display: none;
  }

  .LandingPage-module__vCWJnq__heroDescription {
    max-width: 28rem;
  }

  .LandingPage-module__vCWJnq__heroIntro {
    flex-direction: row;
    align-items: flex-end;
    gap: 2rem;
  }
}

@media (max-width: 35rem) and (max-height: 37.5rem) {
  .LandingPage-module__vCWJnq__heroIntro {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .LandingPage-module__vCWJnq__heroDescription {
    font-size: .75rem;
  }

  .LandingPage-module__vCWJnq__ctaCircle {
    width: 2.5rem;
    height: 2.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .LandingPage-module__vCWJnq__page *, .LandingPage-module__vCWJnq__page :before, .LandingPage-module__vCWJnq__page :after, .LandingPage-module__vCWJnq__gatePage *, .LandingPage-module__vCWJnq__gatePage :before, .LandingPage-module__vCWJnq__gatePage :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* [project]/app/login/page.module.css [app-client] (css) */
.page-module__X_Z_4a__loginRoot {
  color: #f1ede3;
  isolation: isolate;
  background: #0b0a08;
  justify-content: flex-start;
  align-items: center;
  min-height: 100svh;
  padding: clamp(1rem, 7vw, 8rem);
  display: flex;
  position: relative;
  overflow: hidden auto;
}

.page-module__X_Z_4a__loginScene, .page-module__X_Z_4a__loginSceneShade {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.page-module__X_Z_4a__loginScene {
  z-index: 0;
  opacity: .92;
  inset: -3%;
}

.page-module__X_Z_4a__loginSceneShade {
  z-index: 1;
  background: linear-gradient(90deg, #070806e6, #070806a8 34%, #07080624 68%, #07080642), linear-gradient(0deg, #070806ad, #0000 48%, #0708064d);
}

.page-module__X_Z_4a__arrivalVeil, .page-module__X_Z_4a__arrivalLight {
  pointer-events: none;
  position: fixed;
  inset: 0;
}

.page-module__X_Z_4a__arrivalVeil {
  z-index: 100;
  background: #0b0a08;
  animation: .42s cubic-bezier(.22, 1, .36, 1) both page-module__X_Z_4a__studioVeil;
}

.page-module__X_Z_4a__arrivalLight {
  z-index: 99;
  mix-blend-mode: screen;
  background: radial-gradient(circle at 72% 54%, #ffe0b580, #df774833 26%, #0000 62%);
  animation: .7s ease-out both page-module__X_Z_4a__studioLight;
}

.page-module__X_Z_4a__loginCard {
  z-index: 10;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background: #0c0e0bc7;
  border: 1px solid #f1ede32e;
  border-radius: .35rem;
  flex: none;
  width: 100%;
  max-width: 28rem;
  padding: 2.5rem;
  animation: .52s cubic-bezier(.22, 1, .36, 1) 40ms both page-module__X_Z_4a__studioCard;
  position: relative;
  box-shadow: 0 2rem 6rem #0000007a;
}

.page-module__X_Z_4a__loginLogo {
  border-radius: .5rem;
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: 1.5rem;
  display: block;
}

.page-module__X_Z_4a__loginTitle {
  color: #f1ede3;
  letter-spacing: -.04em;
  margin: 0;
  font-family: Noto Serif CJK SC, Songti SC, STSong, serif;
  font-size: 1.875rem;
  font-weight: 450;
  line-height: 1.4;
}

.page-module__X_Z_4a__loginSubtitle {
  color: #f1ede399;
  letter-spacing: .04em;
  margin: .625rem 0 0;
  font-size: .8125rem;
  line-height: 1.8;
}

.page-module__X_Z_4a__loginInput {
  background: #f1ede309 !important;
  border-color: #f1ede329 !important;
  border-radius: .25rem !important;
}

.page-module__X_Z_4a__loginInput:focus {
  border-color: #df7748 !important;
  box-shadow: 0 0 0 3px #df774824 !important;
}

.page-module__X_Z_4a__loginInput::placeholder {
  color: #f1ede352;
}

.page-module__X_Z_4a__copyright {
  z-index: 10;
  color: #f1ede359;
  letter-spacing: .1em;
  white-space: nowrap;
  margin: 0;
  font-size: .625rem;
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
}

@keyframes page-module__X_Z_4a__studioVeil {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes page-module__X_Z_4a__studioLight {
  0% {
    opacity: .82;
    transform: scale(1.65);
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}

@keyframes page-module__X_Z_4a__studioCard {
  from {
    opacity: 0;
    filter: blur(8px);
    transform: translateY(22px) scale(.965);
  }

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

@media (max-width: 43.75rem) {
  .page-module__X_Z_4a__loginRoot {
    flex-direction: column;
    justify-content: center;
    padding: 1.25rem;
  }

  .page-module__X_Z_4a__loginScene {
    opacity: .64;
    inset: -3%;
  }

  .page-module__X_Z_4a__loginSceneShade {
    background: linear-gradient(#070806c7, #0708068f 60%, #070806d6);
  }

  .page-module__X_Z_4a__loginCard {
    background: #0c0e0bd6;
    max-width: 26rem;
    padding: 1.75rem;
  }

  .page-module__X_Z_4a__copyright {
    font-size: .5625rem;
  }
}

@media (max-width: 43.75rem) and (max-height: 43.75rem) {
  .page-module__X_Z_4a__loginRoot {
    justify-content: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
  }

  .page-module__X_Z_4a__copyright {
    margin-top: 1rem;
    position: relative;
    bottom: auto;
    left: auto;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-module__X_Z_4a__arrivalVeil, .page-module__X_Z_4a__arrivalLight {
    display: none;
  }

  .page-module__X_Z_4a__loginCard {
    animation: none;
  }

  .page-module__X_Z_4a__loginScene *, .page-module__X_Z_4a__loginScene :before, .page-module__X_Z_4a__loginScene :after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/*# sourceMappingURL=_116iuls_ov13f._.css.map*/