.launch-intro {
  --intro-cream: #fff7e8;
  --intro-ink: #3a2620;
  --intro-font: "Friendly Scribbles", "Comic Sans MS", cursive;
  --intro-scene-type: clamp(3rem, 6vw, 5rem);
  --intro-copy-gutter: 1rem;
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: var(--intro-cream);
  background:
    radial-gradient(90% 58% at 50% 32%, rgba(255, 198, 138, .16), transparent 68%),
    radial-gradient(130% 105% at 50% 40%, #4c3753 0%, #2f2740 50%, #1a1826 100%);
  font-family: var(--intro-font);
  transition: opacity .38s ease, filter .38s ease;
}

body.intro-active {
  overflow: hidden;
}

body.intro-active .game {
  visibility: hidden;
}

.launch-intro.is-leaving {
  opacity: 0;
  filter: blur(.35rem);
  pointer-events: none;
}

.launch-intro__background {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 20%, rgba(239, 108, 127, .12) 0 2px, transparent 3px),
    radial-gradient(circle at 82% 30%, rgba(236, 216, 95, .13) 0 2px, transparent 3px),
    radial-gradient(circle at 30% 78%, rgba(138, 196, 75, .11) 0 2px, transparent 3px),
    radial-gradient(circle at 72% 74%, rgba(73, 111, 202, .15) 0 2px, transparent 3px);
  background-size: 12rem 12rem, 15rem 15rem, 17rem 17rem, 14rem 14rem;
  animation: launchBackdropFloat 16s ease-in-out infinite alternate;
  opacity: .75;
}

@keyframes launchBackdropFloat {
  to {
    transform: translate3d(1.2rem, -.8rem, 0) scale(1.02);
  }
}

.launch-intro__stage {
  position: relative;
  z-index: 1;
  width: min(94vw, 62rem);
  height: min(94svh, 42rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  isolation: isolate;
  transition: opacity .38s ease, transform .38s ease;
}

.launch-intro.is-leaving .launch-intro__stage {
  opacity: 0;
  transform: scale(1.04);
}

.launch-intro__stage::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 11%;
  right: 11%;
  bottom: 5%;
  height: 35%;
  border-radius: 50%;
  background: rgba(14, 11, 24, .38);
  filter: blur(2.6rem);
}

.launch-intro__opening,
.launch-intro__foundation,
.launch-intro__title,
.launch-intro__message {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: var(--intro-scene-type);
  font-weight: 830;
  line-height: .88;
  color: var(--intro-cream);
  text-shadow: 0 .45rem 1.5rem rgba(0, 0, 0, .36);
  opacity: 0;
  transform-origin: 50% 60%;
  will-change: opacity, transform, filter;
}

.launch-intro__opening,
.launch-intro__foundation {
  top: 50%;
  padding: 0 var(--intro-copy-gutter);
  transform: translateY(-50%);
}

.launch-intro__opening {
  transform: translateY(-50%);
}

.launch-intro__title {
  z-index: 12;
  top: clamp(.5rem, 1.5vh, 1.25rem);
  bottom: auto;
  padding: 0 var(--intro-copy-gutter);
  font-size: clamp(3.6rem, 7.2vw, 6rem);
}

.launch-intro__opening.is-visible,
.launch-intro__foundation.is-visible {
  animation: launchScenePopIn .48s cubic-bezier(.16, 1.42, .38, 1) both;
}

.launch-intro__opening.is-exiting,
.launch-intro__foundation.is-exiting {
  animation: launchScenePopOut .26s cubic-bezier(.55, 0, .82, .35) both;
}

@keyframes launchScenePopIn {
  0% {
    opacity: 0;
    filter: blur(.1em);
    transform: translateY(-50%) scale(.62) rotate(-1.5deg);
  }

  68% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(-50%) scale(1.085) rotate(.45deg);
  }

  84% {
    opacity: 1;
    transform: translateY(-50%) scale(.975) rotate(-.15deg);
  }

  100% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(-50%) scale(1) rotate(0);
  }
}

@keyframes launchScenePopOut {
  0% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(-50%) scale(1);
  }

  34% {
    opacity: 1;
    transform: translateY(-50%) scale(.92, 1.08);
  }

  100% {
    opacity: 0;
    filter: blur(.08em);
    transform: translateY(-50%) scale(1.22, .72) rotate(1deg);
  }
}

.launch-intro__title.is-writing {
  opacity: 1;
}

.launch-intro__title.is-popping {
  opacity: 1;
  animation: launchTitlePop .72s cubic-bezier(.16, 1, .3, 1) both;
}

.launch-intro__title.is-popping .launch-intro__title-glyph {
  opacity: 1;
  filter: none;
  transform: none;
}

@keyframes launchTitlePop {
  0% {
    opacity: 0;
    transform: scale(.58);
  }
  70% {
    opacity: 1;
    transform: scale(1.08);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.launch-intro__copy-line,
.launch-intro__title-line {
  display: block;
  white-space: nowrap;
}

.launch-intro__title-glyph {
  display: inline-block;
  opacity: 0;
  filter: blur(.08em);
  transform: translateY(.14em) rotate(-2deg) scale(.94);
  transform-origin: 50% 80%;
  will-change: opacity, filter, transform;
}

.launch-intro__title.is-writing .launch-intro__title-glyph {
  animation: launchTitleGlyphIn .18s cubic-bezier(.2, .78, .28, 1.24) var(--write-delay) forwards;
}

@keyframes launchTitleGlyphIn {
  72% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(-.025em) rotate(.7deg) scale(1.025);
  }

  100% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0) rotate(0) scale(1);
  }
}

.launch-intro__foundation {
  color: rgba(255, 247, 232, .96);
  letter-spacing: .015em;
}

.launch-intro__stack {
  width: min(calc(100% - 1.5rem), 28.5rem);
  flex: 0 0 auto;
  display: flex;
  flex-direction: column-reverse;
  gap: 4px;
  padding: 0 0 6.4rem;
}

.launch-intro__layer {
  --layer-color: #f6e684;
  --layer-dark: #dcc04a;
  position: relative;
  flex: 0 0 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 clamp(1rem, 3vw, 2rem);
  border-radius: 8px;
  color: var(--intro-ink);
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .2), transparent 17% 83%, rgba(0, 0, 0, .24)),
    linear-gradient(180deg, var(--layer-color) 0 64%, var(--layer-dark) 100%);
  box-shadow:
    inset .9rem .6rem 1.2rem rgba(255, 255, 255, .08),
    inset -.9rem .2rem 1.2rem rgba(0, 0, 0, .16),
    inset 0 -.88rem 1.05rem rgba(0, 0, 0, .22),
    0 .8rem 1.18rem rgba(50, 27, 18, .21);
  font-size: clamp(1.3rem, 4vw, 2.35rem);
  font-weight: 850;
  letter-spacing: .015em;
  opacity: 0;
  transform: translateY(-140vh);
  will-change: transform;
}

.launch-intro__layer--gpu {
  width: 100%;
}

.launch-intro__layer--inference {
  width: 88%;
}

.launch-intro__layer--models {
  width: 76%;
}

.launch-intro__layer--agents {
  width: 64%;
}

.launch-intro__layer--gpu,
.launch-intro__layer--inference,
.launch-intro__layer--models,
.launch-intro__layer--agents {
  align-self: center;
  box-sizing: border-box;
}

.launch-intro__label,
.launch-intro__brand {
  position: absolute;
  left: 50%;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.launch-intro__label {
  font-size: 1.16em;
  transition:
    opacity .3s ease,
    filter .3s ease,
    transform .3s cubic-bezier(.2, .72, .28, 1);
}

.launch-intro__brand {
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .28em;
  font-size: 1.16em;
  opacity: 0;
}

.launch-intro__brand-logo {
  width: .9em;
  height: .9em;
  flex: 0 0 auto;
  border-radius: .12em;
  box-shadow: 0 .08em .2em rgba(22, 44, 95, .22);
}

.launch-intro__brand.is-visible {
  animation: launchBrandReveal .8s cubic-bezier(.18, 1.2, .42, 1) both;
}

@keyframes launchBrandReveal {
  from {
    opacity: 0;
    transform: translate(-50%, .45rem) scale(.72);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
  }
}

.launch-intro__layer--inference.is-brand-revealed .launch-intro__label {
  opacity: 0;
  filter: blur(.1em);
  transform: translate(-50%, .24em);
}

.launch-intro__layer.is-label-hidden .launch-intro__label {
  animation: launchLabelPoof .24s cubic-bezier(.5, 0, .85, .4) both;
}

@keyframes launchLabelPoof {
  0% {
    opacity: 1;
    filter: blur(0);
    transform: translateX(-50%) scale(1);
  }

  38% {
    opacity: 1;
    transform: translateX(-50%) scale(1.12, .88);
  }

  100% {
    opacity: 0;
    filter: blur(.1em);
    transform: translateX(-50%) scale(.35, 1.2);
  }
}

.launch-intro__layer--inference.is-brand-revealed {
  box-shadow:
    inset .9rem .6rem 1.2rem rgba(255, 255, 255, .08),
    inset -.9rem .2rem 1.2rem rgba(0, 0, 0, .16),
    inset 0 -.88rem 1.05rem rgba(0, 0, 0, .22),
    0 .8rem 1.18rem rgba(50, 27, 18, .21),
    0 0 1.15rem .16rem rgba(122, 158, 235, .34);
  transition: box-shadow .6s ease;
}

.launch-intro__layer.is-dropped {
  animation: launchLayerDrop .58s cubic-bezier(.3, 0, .6, 1) forwards;
}

.launch-intro__layer--gpu {
  --layer-color: #cfeca6;
  --layer-dark: #95cd54;
  color: #263718;
}

.launch-intro__layer--inference {
  --layer-color: #c4d6fb;
  --layer-dark: #7a9cef;
  color: #284373;
}

.launch-intro__layer--models {
  --layer-color: #ffc7ba;
  --layer-dark: #f4837a;
  color: #5d2e32;
}

.launch-intro__layer--agents {
  --layer-color: #f6e684;
  --layer-dark: #dcc04a;
  color: #3a3117;
}

@keyframes launchLayerDrop {
  0% {
    opacity: 1;
    transform: translateY(-140vh) scaleY(1.15);
  }
  70% {
    opacity: 1;
    transform: translateY(0) scaleY(1);
  }
  80% {
    transform: translateY(0) scaleY(.82) scaleX(1.035);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scaleY(1) scaleX(1);
  }
}

.launch-intro__stand {
  position: absolute;
  z-index: -1;
  left: 50%;
  bottom: 4.75rem;
  width: min(62vw, 27rem);
  height: 1.05rem;
  transform: translateX(calc(-50% - 72vw)) rotate(-1deg);
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(255, 250, 226, .2), transparent 14% 86%, rgba(67, 39, 20, .28)),
    linear-gradient(180deg, #ffe5a8 0%, #bd8846 48%, #71502e 100%);
  box-shadow:
    inset 0 .16rem .28rem rgba(255, 255, 255, .42),
    inset 0 -.28rem .36rem rgba(65, 42, 23, .34),
    0 .55rem .9rem rgba(0, 0, 0, .28);
  opacity: 0;
  will-change: opacity, transform;
}

.launch-intro__stand.is-visible {
  animation: launchStandServe .55s cubic-bezier(.18, .82, .26, 1.08) both;
}

@keyframes launchStandServe {
  0% {
    opacity: 0;
    transform: translateX(calc(-50% - 72vw)) rotate(-1deg);
  }

  66% {
    opacity: 1;
    transform: translateX(calc(-50% + 1.15rem)) rotate(.35deg);
  }

  84% {
    opacity: 1;
    transform: translateX(calc(-50% - .32rem)) rotate(-.12deg);
  }

  100% {
    opacity: 1;
    transform: translateX(-50%) rotate(0);
  }
}

.launch-intro__stand::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -.7rem;
  width: 34%;
  height: .8rem;
  transform: translateX(-50%);
  border-radius: 0 0 .5rem .5rem;
  background: linear-gradient(180deg, #a87438, #5d3b22);
  box-shadow: 0 .32rem .55rem rgba(0, 0, 0, .22);
}

.launch-intro__message {
  z-index: 6;
  top: 16%;
  margin: 0;
  padding: 0 var(--intro-copy-gutter);
  color: rgba(255, 247, 232, .96);
  line-height: .9;
  letter-spacing: .015em;
  pointer-events: none;
  transform: scale(.62) rotate(-1.5deg);
}

.launch-intro__message.is-visible {
  animation: launchMessagePopIn .48s cubic-bezier(.16, 1.42, .38, 1) both;
}

.launch-intro__message.is-exiting {
  animation: launchMessagePopOut .26s cubic-bezier(.55, 0, .82, .35) both;
}

@keyframes launchMessagePopIn {
  0% {
    opacity: 0;
    filter: blur(.1em);
    transform: scale(.62) rotate(-1.5deg);
  }

  68% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1.085) rotate(.45deg);
  }

  84% {
    opacity: 1;
    transform: scale(.975) rotate(-.15deg);
  }

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

@keyframes launchMessagePopOut {
  0% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }

  34% {
    opacity: 1;
    transform: scale(.92, 1.08);
  }

  100% {
    opacity: 0;
    filter: blur(.08em);
    transform: scale(1.22, .72) rotate(1deg);
  }
}

.launch-intro__friendli-highlight {
  color: var(--intro-cream);
  font-weight: 900;
}

.launch-intro__candles {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: calc(6.4rem + 236px - .3rem);
  width: 10rem;
  height: 5.3rem;
  display: flex;
  align-items: end;
  justify-content: space-around;
  transform: translateX(-50%) translateY(-.3rem);
  pointer-events: none;
}

.launch-intro__candle {
  --candle-wax: #ffe37a;
  --candle-tilt: 0deg;
  --candle-insert-delay: 0s;
  --candle-light-delay: 0s;
  --candle-smoke-delay: 0s;
  position: relative;
  width: .56rem;
  height: 3rem;
  border-radius: .28rem .28rem .16rem .16rem;
  background:
    repeating-linear-gradient(135deg, rgba(255, 255, 255, .82) 0 .2rem, transparent .2rem .43rem),
    linear-gradient(180deg, #fffdf2, var(--candle-wax));
  box-shadow:
    inset -.1rem 0 .14rem rgba(0, 0, 0, .14),
    0 .25rem .38rem rgba(50, 27, 18, .22);
  opacity: 0;
  transform: translateY(-5.6rem) rotate(var(--candle-tilt));
}

.launch-intro__candle::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -.78rem;
  width: .58rem;
  height: .9rem;
  border-radius: 50% 50% 46% 46%;
  background:
    radial-gradient(circle at 50% 64%, #fff8a4 0 22%, transparent 24%),
    linear-gradient(180deg, #ff8a28, #f3422c);
  filter: drop-shadow(0 0 .32rem rgba(255, 125, 34, .84));
  opacity: 0;
  transform: translateX(-50%) scale(.2);
  transform-origin: 50% 100%;
}

.launch-intro__candles.is-visible .launch-intro__candle {
  animation:
    launchCandlePlant .45s cubic-bezier(.18, 1.45, .42, 1)
    var(--candle-insert-delay) forwards;
}

.launch-intro__candles.is-lit .launch-intro__candle::before {
  animation:
    launchCandleFlame .54s ease-in-out
    var(--candle-light-delay) infinite alternate;
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.launch-intro__candles.is-blowing .launch-intro__candle::before {
  animation: launchCandleFlameLean .24s ease-in forwards;
}

.launch-intro__candles.is-out .launch-intro__candle::before {
  animation: launchCandleFlameOut .28s ease-in forwards;
}

.launch-intro__candle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -1rem;
  width: .28rem;
  height: .28rem;
  border: 1px solid rgba(92, 82, 74, .38);
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, 0) scale(.8);
}

.launch-intro__candles.is-out .launch-intro__candle::after {
  animation:
    launchCandleSmoke 1.15s ease-out
    var(--candle-smoke-delay) forwards;
}

.launch-intro__candle:nth-child(1) {
  --candle-wax: #f0d95c;
  --candle-tilt: -5deg;
  --candle-insert-delay: 0s;
  --candle-light-delay: 0s;
  --candle-smoke-delay: .08s;
}

.launch-intro__candle:nth-child(2) {
  --candle-wax: #e95c72;
  --candle-tilt: 3deg;
  --candle-insert-delay: .15s;
  --candle-light-delay: .18s;
  --candle-smoke-delay: .18s;
}

.launch-intro__candle:nth-child(3) {
  --candle-wax: #456fc8;
  --candle-tilt: -2deg;
  --candle-insert-delay: .3s;
  --candle-light-delay: .34s;
  --candle-smoke-delay: .28s;
}

.launch-intro__candle:nth-child(4) {
  --candle-wax: #8cc747;
  --candle-tilt: 5deg;
  --candle-insert-delay: .45s;
  --candle-light-delay: .5s;
  --candle-smoke-delay: .38s;
}

@keyframes launchCandlePlant {
  from {
    opacity: 0;
    transform: translateY(-5.6rem) rotate(var(--candle-tilt));
  }
  to {
    opacity: 1;
    transform: translateY(0) rotate(var(--candle-tilt));
  }
}

@keyframes launchCandleFlame {
  from {
    transform: translateX(-50%) scale(.9) rotate(-4deg);
  }
  to {
    transform: translateX(-50%) scale(1.08) rotate(5deg);
  }
}

@keyframes launchCandleFlameLean {
  to {
    transform: translateX(-50%) rotate(24deg) scale(1.04, .82);
  }
}

@keyframes launchCandleFlameOut {
  to {
    transform: translateX(-50%) scale(.05);
    opacity: 0;
    filter: blur(.08rem);
  }
}

@keyframes launchCandleSmoke {
  0% {
    opacity: 0;
    transform: translate(-50%, 0) scale(.8);
  }
  20% {
    opacity: .75;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -1.5rem) scale(2.2);
  }
}

.launch-intro__breath {
  position: absolute;
  z-index: 5001;
  left: 50%;
  bottom: calc(6.4rem + 240px);
  width: 12rem;
  height: 3.6rem;
  opacity: 0;
  background:
    radial-gradient(55% 60% at 32% 50%, rgba(255, 255, 255, .6), rgba(255, 255, 255, 0) 72%),
    radial-gradient(40% 46% at 62% 44%, rgba(255, 255, 255, .42), rgba(255, 255, 255, 0) 76%);
  filter: blur(2.5px);
  transform: translate(-150%, -1.4rem) scaleX(.5);
  pointer-events: none;
}

.launch-intro__breath.is-blowing {
  animation: launchBreathPass .85s cubic-bezier(.36, 0, .2, 1) forwards;
}

@keyframes launchBreathPass {
  0% {
    opacity: 0;
    transform: translate(-150%, -1.4rem) scaleX(.5);
  }
  25% {
    opacity: .9;
  }
  70% {
    opacity: .6;
  }
  100% {
    opacity: 0;
    transform: translate(8%, -2rem) scaleX(1.2);
  }
}

.launch-intro__confetti {
  position: absolute;
  z-index: 9000;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.launch-intro__confetti-bit {
  position: absolute;
  top: -1.5rem;
  width: .42rem;
  height: .86rem;
  border-radius: .08rem;
  background: var(--confetti-color);
  transform: translateY(-2rem) rotate(0deg);
  pointer-events: none;
  animation: launchConfettiFall 1.05s ease-in forwards;
}

@keyframes launchConfettiFall {
  to {
    transform: translateY(44rem) rotate(540deg);
    opacity: 0;
  }
}

.launch-intro__controls {
  position: absolute;
  z-index: 20;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(70% 55% at 50% 44%, rgba(76, 55, 83, .55), rgba(26, 24, 38, .9));
  backdrop-filter: blur(.35rem);
  transition: opacity .4s;
}

.launch-intro__controls.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.launch-intro__play,
.launch-intro__skip {
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  transition: transform .14s ease, box-shadow .14s ease, filter .14s ease;
}

.launch-intro__play {
  padding: .95rem 1.8rem;
  border: 0;
  color: var(--intro-ink);
  background: linear-gradient(180deg, #fff, #fdf4e7);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    0 .7rem 1.4rem rgba(50, 27, 18, .34),
    0 0 2rem rgba(255, 247, 232, .22);
  font-size: clamp(1.35rem, 3.4vw, 2rem);
  font-weight: 850;
  letter-spacing: .02em;
  animation: launchButtonPulse 1.2s ease-in-out infinite;
}

.launch-intro__play:disabled {
  cursor: wait;
  filter: saturate(.7);
  opacity: .72;
}

@keyframes launchButtonPulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.045);
  }
}

.launch-intro__play:not(:disabled):hover,
.launch-intro__play:not(:disabled):focus-visible {
  outline: none;
  filter: brightness(1.04);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .95),
    0 1rem 1.9rem rgba(50, 27, 18, .4),
    0 0 2.4rem rgba(255, 247, 232, .3);
}

.launch-intro__play:not(:disabled):active {
  transform: translateY(1px) scale(.98);
}

.launch-intro__skip {
  position: absolute;
  z-index: 30;
  top: 1.1rem;
  right: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .58rem .35rem;
  border: 0;
  color: #fff;
  background: transparent;
  box-shadow: none;
  text-shadow: 0 .12rem .3rem rgba(20, 13, 30, .55);
  font-size: .95rem;
  font-weight: 850;
  letter-spacing: .06em;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-.4rem);
  transition: opacity .2s ease, transform .2s ease, text-shadow .14s ease;
}

.launch-intro__skip > span {
  display: block;
  transform: translateY(.12em);
}

.launch-intro__skip.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.launch-intro__skip:hover,
.launch-intro__skip:focus-visible {
  outline: none;
  text-shadow:
    0 .12rem .3rem rgba(20, 13, 30, .55),
    0 0 .7rem rgba(255, 255, 255, .75);
}

.launch-intro__skip.is-visible:active {
  transform: translateY(1px) scale(.97);
}

@media (max-width: 640px) {
  .launch-intro {
    --intro-scene-type: clamp(1.5rem, 7.7vw, 3rem);
    --intro-copy-gutter: .75rem;
  }

  .launch-intro__stage {
    width: 100vw;
    height: 100svh;
  }

  .launch-intro__title {
    top: auto;
    bottom: calc(6rem + 20rem);
    font-size: clamp(2rem, 9.5vw, 3.6rem);
  }

  .launch-intro__stack {
    padding-bottom: 6rem;
  }

  .launch-intro__layer {
    font-size: var(--intro-scene-type);
  }

  .launch-intro__stand {
    bottom: 4.45rem;
  }

  .launch-intro__message {
    top: 20%;
    margin: .75rem auto 0;
  }

  .launch-intro__candles {
    bottom: calc(6rem + 236px - .3rem);
  }

  .launch-intro__breath {
    bottom: calc(6rem + 240px);
  }

  .launch-intro__skip {
    top: .75rem;
    right: .75rem;
  }
}