:root {
  color-scheme: dark;
  --display-font:
    Impact, "AvenirNextCondensed-Heavy",
    "HelveticaNeue-CondensedBlack", Haettenschweiler,
    "Arial Narrow", "Arial Black", "Franklin Gothic Heavy",
    sans-serif;
  --paper: var(--seahorse-pink);
  --black: #050504;
  --movie-shadow: #260019;
  --movie-pink: #9a0068;
  --movie-acid: #a8d300;
  --seahorse-pink: #ff00b4;
  --back-button-pink: #dc009d;
  --link-blue: #9af7ff;
  --baldiga-blue: #d6ffff;
  --baldiga-orange: #ff7900;
  --baldiga-orange-glow: rgba(255, 121, 0, 0.34);
  --help-seahorse-blue: #5aa3ab;
  --help-seahorse-blue-glow: rgba(90, 163, 171, 0.2);
  --help-width: 11.26302cqw;
  --help-left: 84.3cqw;
  --help-top: 25.3cqw;
  --frog-green: #39ff14;
  --stage-gutter: 1rem;
  --site-page-zoom: 1.2;
  --site-page-shift-x: -3.2cqw;
  --site-page-shift-y: -10.2cqw;
  --subpage-title-enter-duration: 9200ms;
  --loading-art-size-x: 518.92%;
  --loading-art-size-y: 414.57%;
  --loading-art-pos-x: 25.17%;
  --loading-art-pos-y: 1.29%;
  --loading-art-shift-y: 220px;
  --site-load-progress: 0%;
  --frog-3d-shadow:
    drop-shadow(0.1237cqw 0.16276cqw 0 rgba(0, 45, 0, 0.9))
    drop-shadow(0.32552cqw 0.3776cqw 0.14974cqw rgba(0, 0, 0, 0.52))
    drop-shadow(-0.04557cqw -0.05208cqw 0.04557cqw rgba(216, 255, 190, 0.34));
  --link-text-shadow: 0.09em 0.11em 0.035em rgba(0, 0, 0, 0.9);
  --main-type-shadow: 0.085em 0.105em 0.035em rgba(0, 0, 0, 0.9);
  --title-load-fill: var(--seahorse-pink);
  --title-load-deep: #5aaeba;
  --title-load-highlight: rgba(225, 255, 255, 0.86);
  --title-motion-opacity: 1;
  --title-motion-brightness: 1;
  --title-motion-saturation: 1;
  --link-panel-bg:
    radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.34), transparent 36%),
    linear-gradient(135deg, rgba(196, 253, 255, 0.58), rgba(154, 247, 255, 0.34));
  --portal-panel-bg:
    radial-gradient(ellipse at 42% 20%, rgba(255, 245, 190, 0.46) 0 20%, rgba(255, 182, 76, 0.22) 40%, transparent 68%),
    linear-gradient(150deg, rgba(255, 121, 0, 0.48), rgba(255, 170, 38, 0.28) 46%, rgba(255, 83, 0, 0.2));
  --outside-panel-bg:
    radial-gradient(ellipse at 42% 25%, rgba(255, 236, 178, 0.34), transparent 43%),
    linear-gradient(135deg, rgba(255, 121, 0, 0.5), rgba(255, 181, 47, 0.24)),
    rgba(255, 255, 255, 0.035);
  --subpage-type-angle: -6deg;
  --subpage-type-shadow: 0.105em 0.13em 0.045em rgba(0, 0, 0, 0.92);
}

* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  background: #10140c;
}

body {
  display: grid;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  place-items: center;
  overflow: hidden;
  background: #10140c;
  overscroll-behavior: none;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family:
    var(--display-font);
}

.stage-frame {
  position: relative;
  display: grid;
  width: calc(100vw - var(--stage-gutter));
  width: calc(100svw - var(--stage-gutter));
  height: calc(100vh - var(--stage-gutter));
  height: calc(100svh - var(--stage-gutter));
  place-items: center;
  overflow: hidden;
  border-radius: clamp(8px, 0.9vw, 18px);
  background: #050504;
  box-shadow: none;
  transition:
    background 900ms ease,
    box-shadow 900ms ease;
}

.stage-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 40;
  pointer-events: none;
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 clamp(1px, 0.16vw, 3px) rgba(5, 8, 6, 0.94),
    inset 0 0 clamp(7px, 0.8vw, 15px) rgba(0, 0, 0, 0.52);
}

.stage-frame.is-stage-loaded {
  background: #111;
  box-shadow: none;
}

.stage {
  position: relative;
  width: max(calc(100vw - var(--stage-gutter)), calc((100vh - var(--stage-gutter)) * 1.5));
  width: max(calc(100svw - var(--stage-gutter)), calc((100svh - var(--stage-gutter)) * 1.5));
  height: auto;
  aspect-ratio: 3 / 2;
  container-type: size;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  contain: layout paint style;
  transform: translate3d(0, 0, 0);
  transform-origin: 0 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 44%, rgba(255, 121, 0, 0.08), transparent 42%),
    rgba(0, 6, 7, 0.38);
  mix-blend-mode: multiply;
  transform: translateZ(0);
}

.stage.is-help-hit::after {
  animation: help-pressure-shift 2100ms cubic-bezier(0.16, 0.74, 0.18, 1) both;
}

.stage.is-image-loaded {
  background: #111;
}

@keyframes help-pressure-shift {
  0% {
    opacity: 0;
    background:
      radial-gradient(ellipse at 50% 44%, rgba(255, 121, 0, 0), transparent 42%),
      rgba(0, 6, 7, 0);
  }

  24% {
    opacity: 0.28;
    background:
      radial-gradient(ellipse at 50% 44%, rgba(255, 121, 0, 0.08), transparent 44%),
      rgba(0, 6, 7, 0.4);
  }

  58% {
    opacity: 0.16;
    background:
      radial-gradient(ellipse at 50% 44%, rgba(255, 186, 86, 0.16), transparent 48%),
      rgba(0, 6, 7, 0.22);
  }

  100% {
    opacity: 0;
    background:
      radial-gradient(ellipse at 50% 44%, rgba(255, 121, 0, 0), transparent 52%),
      rgba(0, 6, 7, 0);
  }
}

.stage *,
.compact-static,
.compact-static * {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.stage-image,
.compact-static__image {
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
}

html.is-compact-screen,
html.is-compact-screen body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  background: #050504;
}

html.is-compact-screen body {
  display: block;
  min-height: 100svh;
  min-height: 100dvh;
  padding:
    env(safe-area-inset-top)
    env(safe-area-inset-right)
    env(safe-area-inset-bottom)
    env(safe-area-inset-left);
  touch-action: manipulation;
}

.compact-static {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: none;
  place-items: center;
  overflow: hidden;
  background: #050504;
  isolation: isolate;
}

.compact-static__canvas {
  position: relative;
  width: min(92vw, 26.5rem);
  width: min(92vw, 55.1448vh, 26.5rem);
  width: min(92dvw, 26.5rem);
  width: min(92dvw, 55.1448dvh, 26.5rem);
  aspect-ratio: 0.5994;
  overflow: hidden;
  border-radius: clamp(7px, 1.1cqw, 15px);
  background: #050504;
  container-type: size;
  opacity: 0;
  transform: scale(1.012);
  transition:
    opacity 900ms ease,
    transform 1400ms cubic-bezier(0.18, 0.78, 0.18, 1);
  box-shadow:
    inset 0 0 0 0.14cqw rgba(5, 6, 4, 0.98),
    inset 0 0 1.9cqw rgba(0, 0, 0, 0.72),
    0 0.5cqw 2.2cqw rgba(0, 0, 0, 0.74),
    0 0 0 100vmax #050504;
}

.compact-static__art {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  background: #050504;
  transform: none;
}

html.is-compact-image-loaded .compact-static__canvas {
  opacity: 1;
  transform: none;
}

.compact-static__image {
  position: absolute;
  z-index: 0;
  left: -105.4%;
  top: -2.03%;
  width: 519%;
  height: 207.3%;
  object-fit: fill;
  filter: brightness(0.54) contrast(1.05) saturate(1);
}

.compact-static__tiles,
.compact-static__gaps {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.compact-static__tiles span,
.compact-static__gaps span {
  position: absolute;
}

.compact-static__tiles span {
  overflow: hidden;
  background:
    radial-gradient(circle at 48% 45%, rgba(255, 255, 255, 0.055), transparent 34%),
    radial-gradient(ellipse at center, transparent 36%, rgba(0, 0, 0, 0.62) 100%),
    rgba(0, 0, 0, 0.58);
  box-shadow:
    inset 0 0 1.2cqw rgba(0, 0, 0, 0.72),
    inset 0 0 0.3cqw rgba(180, 190, 168, 0.13);
}

.compact-static__tiles span:nth-child(2) {
  background:
    radial-gradient(circle at 42% 25%, rgba(255, 255, 255, 0.2), transparent 35%),
    radial-gradient(ellipse at center, transparent 48%, rgba(0, 0, 0, 0.18) 100%),
    linear-gradient(135deg, rgba(214, 255, 255, 0.5), rgba(154, 247, 255, 0.34));
  box-shadow:
    inset 0 0 0 0.18cqw rgba(5, 6, 4, 0.82),
    inset 0 0 0.34cqw rgba(214, 255, 255, 0.44),
    inset 0 0 2.45cqw rgba(214, 255, 255, 0.24),
    inset 0 0 4.2cqw rgba(0, 0, 0, 0.28),
    0 0 0.42cqw rgba(0, 0, 0, 0.5);
}

.compact-static__gaps {
  z-index: 2;
}

.compact-static__gaps span {
  background: rgba(5, 6, 4, 0.92);
  filter: blur(0.28px);
  box-shadow:
    0 0 0.75cqw rgba(0, 0, 0, 0.7),
    0 0 1.1cqw rgba(5, 6, 4, 0.74);
}

.compact-static__gaps span:nth-child(1) {
  inset: 0 0 auto;
  height: 0.9766%;
}

.compact-static__gaps span:nth-child(2) {
  inset: auto 0 0;
  height: 0.9766%;
}

.compact-static__gaps span:nth-child(3) {
  inset: 0 auto 0 0;
  width: 0.4557%;
}

.compact-static__gaps span:nth-child(4) {
  inset: 0 0 0 auto;
  width: 0.4557%;
}

.compact-static__gaps span:nth-child(5) {
  left: 19.6614%;
  top: 0;
  width: 0.6511%;
  height: 100%;
}

.compact-static__gaps span:nth-child(6) {
  left: 39.5833%;
  top: 0;
  width: 0.7162%;
  height: 100%;
}

.compact-static__gaps span:nth-child(7) {
  left: 59.5052%;
  top: 0;
  width: 0.5859%;
  height: 100%;
}

.compact-static__gaps span:nth-child(8) {
  left: 78.9713%;
  top: 0;
  width: 0.6511%;
  height: 100%;
}

.compact-static__gaps span:nth-child(9) {
  left: 0;
  top: 49.2188%;
  width: 100%;
  height: 1.1718%;
}

.compact-static__tiles span:nth-child(1) {
  left: 0.4557%;
  top: 0.9766%;
  width: 19.2057%;
  height: 48.2422%;
}

.compact-static__tiles span:nth-child(2) {
  left: 20.3125%;
  top: 0.9766%;
  width: 19.2708%;
  height: 48.2422%;
}

.compact-static__tiles span:nth-child(3) {
  left: 40.2995%;
  top: 0.9766%;
  width: 19.2057%;
  height: 48.2422%;
}

.compact-static__tiles span:nth-child(4) {
  left: 60.0911%;
  top: 0.9766%;
  width: 18.8802%;
  height: 48.2422%;
}

.compact-static__tiles span:nth-child(5) {
  left: 79.6224%;
  top: 0.9766%;
  width: 19.9219%;
  height: 48.2422%;
}

.compact-static__tiles span:nth-child(6) {
  left: 0.4557%;
  top: 50.3906%;
  width: 19.2057%;
  height: 48.6328%;
}

.compact-static__tiles span:nth-child(7) {
  left: 20.3125%;
  top: 50.3906%;
  width: 19.2708%;
  height: 48.6328%;
}

.compact-static__tiles span:nth-child(8) {
  left: 40.2995%;
  top: 50.3906%;
  width: 19.2057%;
  height: 48.6328%;
}

.compact-static__tiles span:nth-child(9) {
  left: 60.0911%;
  top: 50.3906%;
  width: 18.8802%;
  height: 48.6328%;
}

.compact-static__tiles span:nth-child(10) {
  left: 79.6224%;
  top: 50.3906%;
  width: 19.9219%;
  height: 48.6328%;
}

.compact-static__gaps,
.compact-static__tiles span {
  display: none;
}

.compact-static__tiles span:nth-child(2) {
  display: block;
  inset: 0;
  width: 100%;
  height: 100%;
}

.compact-static__canvas::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.48) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.46), transparent 24%, transparent 74%, rgba(0, 0, 0, 0.48));
}

.compact-static__help,
.compact-static__title {
  position: absolute;
  z-index: 4;
  font-family: var(--display-font);
  font-weight: 900;
  font-stretch: condensed;
  text-transform: uppercase;
}

.compact-static__help {
  top: clamp(1.9rem, 8.2vh, 4.4rem);
  top: clamp(1.9rem, min(8.2vh, 7vw), 4.4rem);
  top: clamp(1.9rem, 8.2cqh, 4.4rem);
  top: clamp(1.9rem, min(8.2cqh, 7cqw), 4.4rem);
  right: clamp(1.9rem, 11vw, 5rem);
  right: clamp(1.9rem, min(11vw, 6.4vh), 5rem);
  right: clamp(1.9rem, 11cqw, 5rem);
  right: clamp(1.9rem, min(11cqw, 6.4cqh), 5rem);
  color: var(--help-seahorse-blue);
  background: rgba(5, 6, 4, 0.78);
  border: 0.08em solid rgba(5, 6, 4, 0.96);
  text-decoration: none;
  font-size: clamp(1rem, 4.8vw, 2.25rem);
  font-size: clamp(1rem, min(4.8vw, 2.9vh), 2.25rem);
  font-size: clamp(1rem, 4.8cqw, 2.25rem);
  font-size: clamp(1rem, min(4.8cqw, 2.9cqh), 2.25rem);
  line-height: 0.84;
  letter-spacing: 0;
  padding: 0.18em 0.26em 0.14em;
  -webkit-text-stroke: 0.028em #050504;
  text-shadow:
    0.075em 0.095em 0.025em rgba(0, 0, 0, 0.95),
    0 0 0.34em var(--help-seahorse-blue-glow);
  box-shadow:
    0.12em 0.14em 0 rgba(0, 0, 0, 0.82),
    0 0 0.36em rgba(90, 163, 171, 0.08);
  transform: rotate(-1.5deg) skewX(-7deg);
}

.compact-static__help span {
  display: block;
  line-height: 0.78;
}

.compact-static__help .help-line {
  position: relative;
  width: max-content;
}

.compact-static__help .help-perch-fly {
  top: -0.4em;
  right: -0.1em;
  bottom: auto;
  width: 0.58em;
}

.compact-static__help:focus-visible {
  outline: 0.18em solid var(--help-seahorse-blue);
  outline-offset: 0.12em;
}

.compact-static__title {
  left: 50%;
  top: 63%;
  display: grid;
  justify-items: center;
  width: 92%;
  max-width: 92%;
  color: var(--seahorse-pink);
  text-align: center;
  font-size: clamp(2rem, 15.8vw, 4.2rem);
  font-size: clamp(2rem, 15.8cqw, 4.2rem);
  line-height: 0.72;
  letter-spacing: 0.012em;
  -webkit-text-stroke: 0.018em #050504;
  text-shadow: var(--main-type-shadow);
  transform: translate(-50%, -50%) perspective(52cqw) rotateX(4deg) rotateZ(-1.2deg) skewX(-8deg);
  transform-origin: center;
}

.compact-static__title span,
.compact-static__title strong {
  display: block;
  white-space: nowrap;
}

.compact-static__title strong {
  margin-top: 0.12em;
  color: var(--frog-green);
  font-size: 0.25em;
  line-height: 0.94;
  -webkit-text-stroke: 0.022em #050504;
  text-shadow:
    0.07em 0.095em 0.025em rgba(0, 0, 0, 0.92),
    0 0 0.32em rgba(57, 255, 20, 0.18);
}

html.is-compact-screen .stage-frame,
.stage-frame[hidden] {
  display: none;
}

html.is-compact-screen .compact-static {
  display: grid;
}

@media (max-width: 1024px), (pointer: coarse) {
  body {
    display: block;
    background: #050504;
  }

  .stage-frame {
    display: none;
  }

  .compact-static {
    display: grid;
  }
}

@media (orientation: landscape) and (max-width: 1024px), (orientation: landscape) and (pointer: coarse) {
  html.is-compact-screen,
  html.is-compact-screen body {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  html.is-compact-screen body {
    padding: 0;
  }

  html.is-compact-screen .compact-static__canvas {
    width: min(92vh, 55.1448vw, 26.5rem);
    width: min(92dvh, 55.1448dvw, 26.5rem);
  }
}

.stage-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1250ms ease;
}

.stage-image,
.frame-mask,
.neon-layer,
.glass-wipe-layer,
.water-plant-layer,
.seahorse-layer,
.starfish-layer,
.panel-fly-layer,
.bubble-layer,
.fly-trail-layer {
  position: absolute;
  inset: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  transform: none;
  transform-origin: 0 0;
  backface-visibility: hidden;
}

.site-window,
.site-window__loading-art {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.site-window[hidden],
.site-window[hidden] *,
.stage:not(.is-site-open) .site-window,
.stage:not(.is-showing-site) .site-window,
.stage:not(.is-site-open) .site-window *,
.stage:not(.is-showing-site) .site-window * {
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
  pointer-events: none !important;
}

.stage:not(.is-site-open) .site-window,
.stage:not(.is-showing-site) .site-window,
.stage:not(.is-site-open) .site-window__loading-art,
.stage:not(.is-showing-site) .site-window__loading-art {
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
  pointer-events: none !important;
}

.stage.is-image-loaded .stage-image {
  opacity: 1;
}

.frame-mask {
  position: absolute;
  inset: 0;
  z-index: 4;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  transition: opacity 1250ms ease;
  contain: layout paint;
  isolation: auto;
  transform: none;
  backface-visibility: hidden;
  will-change: auto;
  --frame-soft-v: 0.74%;
  --frame-soft-v-half: 0.37%;
  --frame-soft-h: 0.82%;
  --frame-soft-h-half: 0.41%;
  --frame-core-v-size: clamp(1px, 0.14cqw, 2.8px);
  --frame-core-h-size: clamp(1px, 0.14cqw, 2.8px);
  --frame-v-edge-left: 0.33%;
  --frame-v-1-left: 20.51%;
  --frame-v-2-left: 39.36%;
  --frame-v-3-left: 58.37%;
  --frame-v-4-left: 80.05%;
  --frame-v-edge-right: 99.67%;
  --frame-h-edge-top: 0.49%;
  --frame-h-1-top: 50.34%;
  --frame-h-edge-bottom: 99.66%;
  --frame-line-soft: rgba(5, 9, 6, 0.94);
  --frame-line-core: rgba(2, 4, 3, 1);
  --frame-line-glint: rgba(42, 54, 42, 0.18);
  background:
    linear-gradient(
      90deg,
      var(--frame-line-soft) 0 calc(var(--frame-v-edge-left) + var(--frame-soft-v-half)),
      transparent calc(var(--frame-v-edge-left) + var(--frame-soft-v-half)) calc(var(--frame-v-1-left) - var(--frame-soft-v-half)),
      var(--frame-line-soft) calc(var(--frame-v-1-left) - var(--frame-soft-v-half)) calc(var(--frame-v-1-left) + var(--frame-soft-v-half)),
      transparent calc(var(--frame-v-1-left) + var(--frame-soft-v-half)) calc(var(--frame-v-2-left) - var(--frame-soft-v-half)),
      var(--frame-line-soft) calc(var(--frame-v-2-left) - var(--frame-soft-v-half)) calc(var(--frame-v-2-left) + var(--frame-soft-v-half)),
      transparent calc(var(--frame-v-2-left) + var(--frame-soft-v-half)) calc(var(--frame-v-3-left) - var(--frame-soft-v-half)),
      var(--frame-line-soft) calc(var(--frame-v-3-left) - var(--frame-soft-v-half)) calc(var(--frame-v-3-left) + var(--frame-soft-v-half)),
      transparent calc(var(--frame-v-3-left) + var(--frame-soft-v-half)) calc(var(--frame-v-4-left) - var(--frame-soft-v-half)),
      var(--frame-line-soft) calc(var(--frame-v-4-left) - var(--frame-soft-v-half)) calc(var(--frame-v-4-left) + var(--frame-soft-v-half)),
      transparent calc(var(--frame-v-4-left) + var(--frame-soft-v-half)) calc(var(--frame-v-edge-right) - var(--frame-soft-v-half)),
      var(--frame-line-soft) calc(var(--frame-v-edge-right) - var(--frame-soft-v-half)) 100%
    ),
    linear-gradient(
      180deg,
      var(--frame-line-soft) 0 calc(var(--frame-h-edge-top) + var(--frame-soft-h-half)),
      transparent calc(var(--frame-h-edge-top) + var(--frame-soft-h-half)) calc(var(--frame-h-1-top) - var(--frame-soft-h-half)),
      var(--frame-line-soft) calc(var(--frame-h-1-top) - var(--frame-soft-h-half)) calc(var(--frame-h-1-top) + var(--frame-soft-h-half)),
      transparent calc(var(--frame-h-1-top) + var(--frame-soft-h-half)) calc(var(--frame-h-edge-bottom) - var(--frame-soft-h-half)),
      var(--frame-line-soft) calc(var(--frame-h-edge-bottom) - var(--frame-soft-h-half)) 100%
    ),
    linear-gradient(
      90deg,
      var(--frame-line-core) 0 0.14%,
      transparent 0.14% 20.43%,
      var(--frame-line-core) 20.43% 20.59%,
      transparent 20.59% 39.3%,
      var(--frame-line-core) 39.3% 39.46%,
      transparent 39.46% 58.29%,
      var(--frame-line-core) 58.29% 58.45%,
      transparent 58.45% 79.97%,
      var(--frame-line-core) 79.97% 80.13%,
      transparent 80.13% 99.59%,
      var(--frame-line-core) 99.59% 100%
    ),
    linear-gradient(
      180deg,
      var(--frame-line-core) 0 0.12%,
      transparent 0.12% 50.26%,
      var(--frame-line-core) 50.26% 50.42%,
      transparent 50.42% 99.58%,
      var(--frame-line-core) 99.58% 100%
    ),
    linear-gradient(
      90deg,
      transparent 0.43% 20.47%,
      var(--frame-line-glint) 20.47% 20.5%,
      transparent 20.5% 39.34%,
      var(--frame-line-glint) 39.34% 39.37%,
      transparent 39.37% 58.34%,
      var(--frame-line-glint) 58.34% 58.37%,
      transparent 58.37% 80.0%,
      var(--frame-line-glint) 80.0% 80.03%,
      transparent 80.03% 100%
    );
  box-shadow: none;
}

.frame-mask::after,
.frame-mask::before {
  content: none;
  display: none;
}

.stage.is-image-loaded .frame-mask {
  opacity: 1;
  transition: none;
}

.stage.is-site-open.is-showing-site .frame-mask {
  opacity: 0;
}

.stage.is-site-open.is-showing-site.is-site-closing .frame-mask {
  opacity: 0;
  transition: none;
}

.frame-mask span {
  display: none;
}

.neon-layer {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  contain: layout paint;
  transform: none;
  transform-origin: 0 0;
  backface-visibility: hidden;
  transition: opacity 1250ms ease;
}

.stage.is-image-loaded .neon-layer {
  opacity: 1;
  transition: none;
}

.neon-layer span {
  position: absolute;
  overflow: hidden;
  opacity: 1;
  --active-panel-bg: var(--link-panel-bg);
  --active-panel-flicker-low-bg:
    radial-gradient(ellipse at 50% 44%, rgba(255, 121, 0, 0.018) 0 18%, rgba(0, 0, 0, 0.22) 48%, rgba(0, 0, 0, 0.7) 100%),
    rgba(0, 0, 0, 0.54);
  --active-panel-flicker-mid-bg:
    radial-gradient(circle at 38% 25%, rgba(255, 237, 171, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(255, 158, 38, 0.24), rgba(255, 121, 0, 0.1)),
    rgba(0, 0, 0, 0.34);
  --active-panel-flicker-pre-bg:
    radial-gradient(circle at 38% 25%, rgba(255, 244, 188, 0.28), transparent 36%),
    linear-gradient(135deg, rgba(255, 175, 54, 0.42), rgba(255, 121, 0, 0.22)),
    rgba(0, 0, 0, 0.14);
  --tile-vignette-opacity: 0.95;
  --tile-edge-vignette-opacity: 0.22;
  --tile-base-dim: 0.42;
  --tile-depth-filter: none;
  --tile-depth-shadow: none;
  background: rgba(0, 0, 0, var(--tile-base-dim));
  box-shadow: var(--tile-depth-shadow);
  contain: none;
  transform: none;
  will-change: auto;
  transition:
    background 1200ms ease,
    box-shadow 1200ms ease;
}

.neon-layer span::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: var(--tile-edge-vignette-opacity);
  background:
    radial-gradient(
      ellipse at center,
      rgba(0, 0, 0, 0) 0 56%,
      rgba(0, 0, 0, 0.18) 78%,
      rgba(0, 0, 0, 0.46) 100%
    );
}

.neon-layer span::after {
  content: "";
  position: absolute;
  inset: -0.13021cqw;
  pointer-events: none;
  opacity: var(--tile-vignette-opacity);
  background:
    radial-gradient(
      ellipse at center,
      rgba(255, 255, 255, 0.035) 0 34%,
      rgba(0, 0, 0, 0.035) 50%,
      rgba(0, 0, 0, 0.22) 76%,
      rgba(0, 0, 0, 0.52) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.2),
      transparent 18%,
      transparent 76%,
      rgba(0, 0, 0, 0.26)
    );
}

.neon-layer span.is-neon-active {
  opacity: 1;
  --tile-vignette-opacity: 0.34;
  --tile-edge-vignette-opacity: 0.16;
  background: var(--active-panel-bg);
  box-shadow: var(--tile-depth-shadow);
}

.neon-layer span.is-link-panel {
  opacity: 0.9;
  --tile-vignette-opacity: 0.58;
  --tile-edge-vignette-opacity: 0.14;
  background: var(--active-panel-bg);
  box-shadow: var(--tile-depth-shadow);
}

.neon-layer span:nth-child(1),
.neon-layer span:nth-child(10) {
  --active-panel-bg: var(--outside-panel-bg);
  --active-panel-flicker-low-bg:
    radial-gradient(ellipse at 50% 44%, rgba(255, 121, 0, 0.018) 0 18%, rgba(0, 0, 0, 0.25) 48%, rgba(0, 0, 0, 0.74) 100%),
    rgba(0, 0, 0, 0.54);
  --active-panel-flicker-mid-bg:
    radial-gradient(circle at 42% 28%, rgba(255, 230, 166, 0.12), transparent 32%),
    linear-gradient(135deg, rgba(255, 121, 0, 0.24), rgba(255, 181, 47, 0.11)),
    rgba(0, 0, 0, 0.36);
  --active-panel-flicker-pre-bg:
    radial-gradient(circle at 42% 28%, rgba(255, 238, 186, 0.22), transparent 35%),
    linear-gradient(135deg, rgba(255, 121, 0, 0.34), rgba(255, 181, 47, 0.16)),
    rgba(255, 255, 255, 0.025);
}

.neon-layer span:nth-child(1).is-link-panel,
.neon-layer span:nth-child(10).is-link-panel {
  opacity: 1;
  --tile-vignette-opacity: 0.58;
  --tile-edge-vignette-opacity: 0.14;
}

.neon-layer span.is-link-panel,
.neon-layer span.is-link-panel-flicker-in,
.neon-layer span.is-link-panel-flicker-out {
  --active-panel-bg: var(--link-panel-bg);
  --active-panel-flicker-low-bg:
    radial-gradient(ellipse at 50% 44%, rgba(154, 247, 255, 0.012) 0 18%, rgba(0, 0, 0, 0.25) 48%, rgba(0, 0, 0, 0.74) 100%),
    rgba(0, 0, 0, 0.54);
  --active-panel-flicker-mid-bg:
    radial-gradient(circle at 38% 25%, rgba(255, 255, 255, 0.09), transparent 32%),
    linear-gradient(135deg, rgba(196, 253, 255, 0.18), rgba(154, 247, 255, 0.08)),
    rgba(0, 0, 0, 0.34);
  --active-panel-flicker-pre-bg:
    radial-gradient(circle at 38% 25%, rgba(255, 255, 255, 0.18), transparent 35%),
    linear-gradient(135deg, rgba(196, 253, 255, 0.36), rgba(154, 247, 255, 0.2)),
    rgba(0, 0, 0, 0.18);
}

.neon-layer span:nth-child(1).is-link-panel,
.neon-layer span:nth-child(10).is-link-panel,
.neon-layer span:nth-child(1).is-link-panel-flicker-in,
.neon-layer span:nth-child(10).is-link-panel-flicker-in,
.neon-layer span:nth-child(1).is-link-panel-flicker-out,
.neon-layer span:nth-child(10).is-link-panel-flicker-out {
  --active-panel-bg: var(--outside-panel-bg);
  --active-panel-flicker-low-bg:
    radial-gradient(ellipse at 50% 44%, rgba(255, 121, 0, 0.018) 0 18%, rgba(0, 0, 0, 0.25) 48%, rgba(0, 0, 0, 0.74) 100%),
    rgba(0, 0, 0, 0.54);
  --active-panel-flicker-mid-bg:
    radial-gradient(circle at 42% 28%, rgba(255, 230, 166, 0.12), transparent 32%),
    linear-gradient(135deg, rgba(255, 121, 0, 0.24), rgba(255, 181, 47, 0.11)),
    rgba(0, 0, 0, 0.36);
  --active-panel-flicker-pre-bg:
    radial-gradient(circle at 42% 28%, rgba(255, 238, 186, 0.22), transparent 35%),
    linear-gradient(135deg, rgba(255, 121, 0, 0.34), rgba(255, 181, 47, 0.16)),
    rgba(255, 255, 255, 0.025);
}

.stage.is-site-portal-event:not(.is-site-open) .neon-layer span.is-link-panel,
.stage.is-site-portal-event:not(.is-site-open) .neon-layer span.is-link-panel-flicker-in,
.stage.is-site-portal-event:not(.is-site-open) .neon-layer span.is-link-panel-flicker-out {
  --active-panel-bg: var(--portal-panel-bg);
  --active-panel-flicker-low-bg:
    radial-gradient(ellipse at 50% 44%, rgba(255, 121, 0, 0.018) 0 18%, rgba(0, 0, 0, 0.22) 48%, rgba(0, 0, 0, 0.7) 100%),
    rgba(0, 0, 0, 0.54);
  --active-panel-flicker-mid-bg:
    radial-gradient(circle at 38% 25%, rgba(255, 237, 171, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(255, 158, 38, 0.24), rgba(255, 121, 0, 0.1)),
    rgba(0, 0, 0, 0.34);
  --active-panel-flicker-pre-bg:
    radial-gradient(circle at 38% 25%, rgba(255, 244, 188, 0.28), transparent 36%),
    linear-gradient(135deg, rgba(255, 175, 54, 0.42), rgba(255, 121, 0, 0.22)),
    rgba(0, 0, 0, 0.14);
  --tile-vignette-opacity: 0.5;
  --tile-edge-vignette-opacity: 0.12;
}

.neon-layer span:nth-child(1):not(.is-neon-active):not(.is-link-panel):not(.is-link-panel-flicker-in):not(.is-link-panel-flicker-out) {
  --tile-base-dim: 0.43;
  --tile-vignette-opacity: 0.94;
  --tile-edge-vignette-opacity: 0.22;
  --tile-depth-filter: saturate(0.88) brightness(0.96) contrast(0.99);
  --tile-depth-shadow:
    inset 0 0 1.8cqw rgba(0, 0, 0, 0.18);
}

.neon-layer span:nth-child(2):not(.is-neon-active):not(.is-link-panel):not(.is-link-panel-flicker-in):not(.is-link-panel-flicker-out) {
  --tile-base-dim: 0.37;
  --tile-vignette-opacity: 0.84;
  --tile-edge-vignette-opacity: 0.16;
  --tile-depth-filter: brightness(1.02) contrast(1.03);
  --tile-depth-shadow:
    inset 0 0 1.35cqw rgba(0, 0, 0, 0.12),
    inset 0 0 0.45cqw rgba(154, 247, 255, 0.018);
}

.neon-layer span:nth-child(3):not(.is-neon-active):not(.is-link-panel):not(.is-link-panel-flicker-in):not(.is-link-panel-flicker-out) {
  --tile-base-dim: 0.42;
  --tile-vignette-opacity: 0.94;
  --tile-edge-vignette-opacity: 0.2;
  --tile-depth-filter: brightness(1) contrast(1.01);
  --tile-depth-shadow: inset 0 0 1.75cqw rgba(0, 0, 0, 0.16);
}

.neon-layer span:nth-child(4):not(.is-neon-active):not(.is-link-panel):not(.is-link-panel-flicker-in):not(.is-link-panel-flicker-out) {
  --tile-base-dim: 0.48;
  --tile-vignette-opacity: 1;
  --tile-edge-vignette-opacity: 0.3;
  --tile-depth-filter: blur(0.018cqw) brightness(0.96) contrast(0.97);
  --tile-depth-shadow: inset 0 0 2.45cqw rgba(0, 0, 0, 0.25);
}

.neon-layer span:nth-child(5):not(.is-neon-active):not(.is-link-panel):not(.is-link-panel-flicker-in):not(.is-link-panel-flicker-out) {
  --tile-base-dim: 0.39;
  --tile-vignette-opacity: 0.88;
  --tile-edge-vignette-opacity: 0.17;
  --tile-depth-filter: brightness(1.015) contrast(1.025);
  --tile-depth-shadow: inset 0 0 1.45cqw rgba(0, 0, 0, 0.14);
}

.neon-layer span:nth-child(6):not(.is-neon-active):not(.is-link-panel):not(.is-link-panel-flicker-in):not(.is-link-panel-flicker-out) {
  --tile-base-dim: 0.44;
  --tile-vignette-opacity: 0.98;
  --tile-edge-vignette-opacity: 0.25;
  --tile-depth-filter: brightness(0.99) contrast(0.99);
  --tile-depth-shadow: inset 0 0 2.05cqw rgba(0, 0, 0, 0.2);
}

.neon-layer span:nth-child(7):not(.is-neon-active):not(.is-link-panel):not(.is-link-panel-flicker-in):not(.is-link-panel-flicker-out) {
  --tile-base-dim: 0.38;
  --tile-vignette-opacity: 0.86;
  --tile-edge-vignette-opacity: 0.17;
  --tile-depth-filter: brightness(1.02) contrast(1.025);
  --tile-depth-shadow:
    inset 0 0 1.25cqw rgba(0, 0, 0, 0.12),
    inset 0 0 0.5cqw rgba(154, 247, 255, 0.014);
}

.neon-layer span:nth-child(8):not(.is-neon-active):not(.is-link-panel):not(.is-link-panel-flicker-in):not(.is-link-panel-flicker-out) {
  --tile-base-dim: 0.49;
  --tile-vignette-opacity: 1;
  --tile-edge-vignette-opacity: 0.31;
  --tile-depth-filter: blur(0.014cqw) brightness(0.955) contrast(0.965);
  --tile-depth-shadow: inset 0 0 2.55cqw rgba(0, 0, 0, 0.26);
}

.neon-layer span:nth-child(9):not(.is-neon-active):not(.is-link-panel):not(.is-link-panel-flicker-in):not(.is-link-panel-flicker-out) {
  --tile-base-dim: 0.43;
  --tile-vignette-opacity: 0.96;
  --tile-edge-vignette-opacity: 0.23;
  --tile-depth-filter: brightness(0.995) contrast(1);
  --tile-depth-shadow: inset 0 0 1.95cqw rgba(0, 0, 0, 0.18);
}

.neon-layer span:nth-child(10):not(.is-neon-active):not(.is-link-panel):not(.is-link-panel-flicker-in):not(.is-link-panel-flicker-out) {
  --tile-base-dim: 0.43;
  --tile-vignette-opacity: 0.94;
  --tile-edge-vignette-opacity: 0.22;
  --tile-depth-filter: saturate(0.88) brightness(0.96) contrast(0.99);
  --tile-depth-shadow: inset 0 0 1.8cqw rgba(0, 0, 0, 0.18);
}

.neon-layer span.is-link-panel-flicker-in,
.neon-layer span.is-link-panel-flicker-out {
  --tile-vignette-opacity: 0.82;
  --tile-edge-vignette-opacity: 0.28;
  animation-duration: 1500ms;
  animation-fill-mode: both;
  animation-timing-function: steps(1, end);
}

.neon-layer span.is-link-panel-flicker-in {
  animation-name: link-panel-flicker-in;
}

.neon-layer span.is-link-panel-flicker-out {
  animation-name: link-panel-flicker-out;
}

@keyframes link-panel-flicker-in {
  0%,
  13%,
  26%,
  42%,
  61%,
  78% {
    opacity: 0.15;
    background: var(--active-panel-flicker-low-bg);
    box-shadow: none;
  }

  7%,
  19%,
  34%,
  53%,
  71%,
  88% {
    opacity: 0.36;
    background: var(--active-panel-flicker-mid-bg);
    box-shadow: none;
  }

  96% {
    opacity: 0.58;
    background: var(--active-panel-flicker-pre-bg);
    box-shadow: none;
  }

  100% {
    opacity: 0.86;
    background: var(--active-panel-bg);
    box-shadow: none;
  }
}

@keyframes link-panel-flicker-out {
  0% {
    opacity: 0.86;
    background: var(--active-panel-bg);
    box-shadow: none;
  }

  6%,
  18%,
  32%,
  49%,
  68% {
    opacity: 0.32;
    background: var(--active-panel-flicker-mid-bg);
    box-shadow: none;
  }

  11%,
  25%,
  41%,
  58%,
  76%,
  90%,
  100% {
    opacity: 0.15;
    background: var(--active-panel-flicker-low-bg);
    box-shadow: none;
  }
}

.stage.is-site-open.is-showing-site .neon-layer span {
  opacity: 0;
}

.stage.is-site-open.is-showing-site.is-site-closing .neon-layer,
.stage.is-site-open.is-showing-site.is-site-closing .neon-layer span {
  opacity: 0;
  transition: none;
}

.stage.is-returning-main .neon-layer,
.stage.is-returning-main .neon-layer span {
  opacity: 1 !important;
  transition: none !important;
  animation: none !important;
}

.stage.is-returning-main .neon-layer span {
  --tile-base-dim: 0.54;
  --tile-vignette-opacity: 1;
  --tile-edge-vignette-opacity: 0.32;
  background: rgba(0, 0, 0, var(--tile-base-dim)) !important;
  box-shadow: none !important;
}

.stage.is-returning-main .frame-mask {
  opacity: 1 !important;
  transition: none !important;
}

.glass-wipe-layer {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  display: none;
  opacity: 0;
  pointer-events: none;
}

.stage.is-image-loaded:not(.is-site-open) .glass-wipe-layer {
  opacity: 0;
}

.stage.is-showing-site .glass-wipe-layer,
.stage.is-site-open .glass-wipe-layer {
  opacity: 0;
}

.glass-wipe {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  mix-blend-mode: soft-light;
  opacity: 1;
  transform: translateZ(0);
  --wipe-core: rgba(196, 253, 255, 0.62);
  --wipe-mid: rgba(154, 247, 255, 0.5);
  --wipe-deep: rgba(92, 203, 218, 0.18);
  --wipe-line-core: rgba(196, 253, 255, 0.38);
  --wipe-line-mid: rgba(154, 247, 255, 0.28);
  --wipe-glow: rgba(154, 247, 255, 0.16);
}

.glass-wipe.is-outside-panel-wipe {
  --wipe-core: rgba(255, 0, 180, 0.46);
  --wipe-mid: rgba(255, 35, 188, 0.34);
  --wipe-deep: rgba(255, 0, 120, 0.12);
  --wipe-line-core: rgba(255, 0, 180, 0.25);
  --wipe-line-mid: rgba(255, 35, 188, 0.18);
  --wipe-glow: rgba(255, 0, 180, 0.12);
}

.glass-wipe::before,
.glass-wipe::after {
  content: "";
  position: absolute;
  left: var(--wipe-x, 50%);
  top: var(--wipe-y, 50%);
  width: var(--wipe-length, 56%);
  height: var(--wipe-thickness, 9%);
  border-radius: 999px;
  pointer-events: none;
  transform-origin: 0 50%;
  transform:
    translate3d(0, -50%, 0)
    rotate(var(--wipe-angle, -12deg))
    translateX(var(--wipe-start, -2%));
  animation: glass-wipe-drift var(--wipe-duration, 3600ms) cubic-bezier(0.18, 0.72, 0.2, 1) both;
}

.glass-wipe::before {
  background:
    radial-gradient(ellipse at 50% 50%, var(--wipe-core) 0 18%, var(--wipe-mid) 38%, var(--wipe-deep) 66%, transparent 100%),
    linear-gradient(90deg, transparent, var(--wipe-line-mid) 26%, var(--wipe-line-core) 55%, transparent);
  filter: blur(0.22cqw) saturate(1.18);
  box-shadow: 0 0 1.05cqw var(--wipe-glow);
}

.glass-wipe::after {
  width: calc(var(--wipe-length, 56%) * 0.82);
  height: calc(var(--wipe-thickness, 9%) * 0.68);
  background:
    radial-gradient(ellipse at 52% 52%, var(--wipe-line-core) 0 18%, var(--wipe-line-mid) 48%, transparent 82%);
  filter: blur(0.34cqw);
  animation-delay: 120ms;
}

@keyframes glass-wipe-drift {
  0% {
    opacity: 0;
    transform:
      translate3d(0, -50%, 0)
      rotate(var(--wipe-angle, -12deg))
      translateX(var(--wipe-start, -2%))
      scale(0.18, 0.76);
  }

  12% {
    opacity: var(--wipe-opacity, 0.48);
  }

  46% {
    opacity: calc(var(--wipe-opacity, 0.48) * 0.94);
  }

  68% {
    opacity: calc(var(--wipe-opacity, 0.48) * 0.64);
  }

  84% {
    opacity: calc(var(--wipe-opacity, 0.48) * 0.28);
  }

  100% {
    opacity: 0;
    transform:
      translate3d(0, -50%, 0)
      rotate(var(--wipe-angle, -12deg))
      translateX(var(--wipe-drift, 8%))
      scale(1.08, 1);
  }
}

.site-window {
  position: absolute;
  display: none;
  z-index: 2;
  inset: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 46% 5%, rgba(255, 194, 86, 0.34), rgba(255, 121, 0, 0.14) 20%, rgba(79, 150, 141, 0.16) 34%, transparent 62%),
    radial-gradient(ellipse at 50% 48%, rgba(83, 151, 142, 0.3), rgba(7, 24, 23, 0.66) 72%, #010302 100%),
    #071312;
  transform: translate3d(0, 0, 0);
  transform-origin: center;
  transition: opacity 860ms cubic-bezier(0.18, 0.72, 0.2, 1);
  contain: layout paint;
  box-shadow:
    inset 0 0 8.5cqw rgba(0, 0, 0, 0.42),
    inset 0 -0.9cqw 0 rgba(1, 3, 2, 0.82);
}

.stage.is-site-open.is-showing-site .site-window {
  display: block;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  pointer-events: none;
  transform: none;
}

.stage.is-site-open.is-showing-site.is-site-closing .site-window {
  display: block;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transform: none;
  transition: opacity 1000ms cubic-bezier(0.18, 0.72, 0.2, 1);
}

.site-window iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--stage-width, 100%);
  height: var(--stage-height, 100%);
  border: 0;
  opacity: 1;
  z-index: 1;
  transform: none;
  transform-origin: top left;
  transition: opacity 2100ms cubic-bezier(0.18, 0.72, 0.2, 1) 180ms;
}

.site-window__loading-art {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  background-image:
    radial-gradient(ellipse at 48% 5%, rgba(255, 244, 180, 0.88) 0 13%, rgba(255, 154, 34, 0.54) 36%, transparent 74%),
    linear-gradient(180deg, rgba(255, 218, 120, 0.54), rgba(255, 121, 0, 0.32) 44%, rgba(12, 34, 32, 0.3)),
    linear-gradient(90deg, rgba(0, 0, 0, 0.44), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.42)),
    url("SHARKTANKCLEANER.png");
  background-size:
    100% 100%,
    100% 100%,
    100% 100%,
    var(--loading-art-size-x) var(--loading-art-size-y);
  background-position:
    center,
    center,
    center,
    var(--loading-art-pos-x) calc(var(--loading-art-pos-y) - var(--loading-art-shift-y));
  background-repeat: no-repeat;
  background-blend-mode: screen, color, multiply, normal;
  filter: brightness(1.03) contrast(1.04) saturate(1.02) blur(0.18cqw);
  transition: opacity 2300ms cubic-bezier(0.16, 0.68, 0.16, 1);
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: center center;
}

.stage.is-site-open.is-showing-site.is-site-loading .site-window__loading-art {
  opacity: 1;
  animation: loading-art-arrive 2400ms cubic-bezier(0.16, 0.74, 0.16, 1) both;
}

.stage.is-site-open.is-showing-site.is-site-ready .site-window__loading-art {
  opacity: 0;
  animation: none;
}

@keyframes loading-art-arrive {
  0% {
    opacity: 0;
    filter: brightness(0.7) contrast(0.94) saturate(0.66) blur(0.34cqw);
  }

  100% {
    opacity: 1;
    filter: brightness(1.03) contrast(1.04) saturate(1.02) blur(0.18cqw);
  }
}

.site-window::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(ellipse at 46% 12%, rgba(255, 208, 104, 0.18) 0 18%, rgba(255, 121, 0, 0.09) 40%, transparent 72%),
    linear-gradient(180deg, rgba(226, 255, 247, 0.1), rgba(255, 151, 36, 0.055) 36%, rgba(4, 17, 16, 0.16) 100%),
    radial-gradient(ellipse at 50% 54%, transparent 0 48%, rgba(0, 0, 0, 0.13) 72%, rgba(0, 0, 0, 0.44) 100%),
    radial-gradient(circle at 16% 21%, rgba(225, 255, 248, 0.04) 0 0.045cqw, transparent 0.052cqw 1.9cqw),
    radial-gradient(circle at 73% 64%, rgba(255, 210, 143, 0.026) 0 0.035cqw, transparent 0.044cqw 2.2cqw);
  mix-blend-mode: soft-light;
  transition: opacity 2400ms cubic-bezier(0.18, 0.72, 0.2, 1);
}

.stage.is-site-open.is-showing-site.is-site-ready .site-window::before {
  opacity: 0.72;
}

.stage.is-site-open.is-showing-site.is-site-loading .site-window::before {
  opacity: 0.42;
}

.site-window::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.46) 0 2.4%, rgba(0, 0, 0, 0.18) 8%, transparent 24%),
    radial-gradient(ellipse at 44% 7%, rgba(255, 204, 98, 0.2) 0 16%, rgba(255, 121, 0, 0.09) 38%, transparent 70%),
    radial-gradient(ellipse at 50% 52%, transparent 0 42%, rgba(4, 16, 15, 0.18) 66%, rgba(0, 0, 0, 0.74) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.4), transparent 15%, transparent 85%, rgba(0, 0, 0, 0.38)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(15, 54, 50, 0.04) 36%, rgba(255, 121, 0, 0.035) 63%, rgba(0, 0, 0, 0.48));
  opacity: 0;
  mix-blend-mode: normal;
  pointer-events: none;
  box-shadow:
    inset 0 0 8.2cqw rgba(0, 0, 0, 0.68),
    inset 0 0 22cqw rgba(0, 0, 0, 0.6),
    inset 0 0 1.4cqw rgba(255, 155, 36, 0.055);
  transition: opacity 2100ms cubic-bezier(0.18, 0.72, 0.2, 1);
}

.stage.is-site-open.is-showing-site .site-window::after {
  opacity: 0.82;
}

.stage.is-site-open.is-showing-site.is-site-loading .site-window::after {
  opacity: 0.52;
}

.stage.is-site-open.is-showing-site .site-window iframe {
  inset: auto;
  left: 50%;
  top: 50%;
  width: 112%;
  height: 112%;
  opacity: 0.72;
  filter: grayscale(1) contrast(0.94) brightness(0.82) sepia(0.08) saturate(0.88) blur(0.035cqw);
  mix-blend-mode: normal;
  transform: translate3d(calc(-50% + var(--site-page-shift-x)), calc(-50% + var(--site-page-shift-y)), 0) scale(var(--site-page-zoom));
  transform-origin: center;
}

.stage.is-site-open.is-showing-site:not(.is-site-ready) .site-window iframe {
  opacity: 0;
}

.panel-fly-layer {
  position: absolute;
  inset: 0;
  z-index: 5;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.stage.is-image-loaded:not(.is-site-open) .panel-fly-layer {
  opacity: 1;
}

.stage.is-intro-fly-active:not(.is-site-open) .panel-fly-layer {
  z-index: 31;
  overflow: visible;
}

.stage.is-site-open .panel-fly-layer,
.stage.is-showing-site .panel-fly-layer {
  opacity: 0;
}

.panel-fly-box {
  position: absolute;
  display: block;
  overflow: hidden;
  pointer-events: none;
  contain: paint;
}

.explorer-fly {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--explorer-fly-size, 42px);
  aspect-ratio: 1;
  pointer-events: none;
  transform:
    translate3d(calc(var(--explorer-fly-x, 50%) - 50%), calc(var(--explorer-fly-y, 50%) - 50%), 0)
    rotate(var(--explorer-fly-rotation, 0deg))
    scale(var(--explorer-fly-wobble, 1));
  transform-origin: 50% 50%;
  opacity: 1;
  filter:
    drop-shadow(0.0651cqw 0.09115cqw 0 rgba(0, 0, 0, 0.78))
    drop-shadow(0 0 0.13672cqw rgba(255, 121, 0, 0.36));
  transition: opacity 460ms ease;
  will-change: transform;
}

.explorer-fly.is-hidden {
  opacity: 0;
}

.explorer-fly.is-dimmed:not(.is-hidden) {
  opacity: 0.78;
  filter:
    saturate(0.86)
    brightness(0.9)
    drop-shadow(0.045cqw 0.07cqw 0 rgba(0, 0, 0, 0.68));
}

.explorer-fly__body,
.explorer-fly__head,
.explorer-fly__wing {
  position: absolute;
  display: block;
  pointer-events: none;
}

.explorer-fly__body {
  left: 38%;
  top: 31%;
  width: 24%;
  height: 46%;
  border: 0.095em solid rgba(35, 9, 0, 0.86);
  border-radius: 48% 52% 42% 46%;
  background:
    linear-gradient(90deg, rgba(42, 11, 0, 0.22), transparent 34%, rgba(255, 210, 111, 0.34) 52%, transparent 74%),
    linear-gradient(180deg, #ffb01a 0%, var(--baldiga-orange) 43%, #d64d00 100%);
  box-shadow:
    inset -0.07em -0.12em 0 rgba(41, 8, 0, 0.42),
    inset 0.07em 0.06em 0 rgba(255, 229, 140, 0.52);
  transform: rotate(3deg);
}

.explorer-fly__body::before,
.explorer-fly__body::after {
  content: "";
  position: absolute;
  left: 10%;
  width: 80%;
  height: 0.085em;
  border-radius: 999px;
  background: rgba(47, 10, 0, 0.66);
}

.explorer-fly__body::before {
  top: 35%;
}

.explorer-fly__body::after {
  top: 61%;
}

.explorer-fly__head {
  left: 32%;
  top: 14%;
  width: 36%;
  height: 30%;
  border: 0.095em solid rgba(35, 9, 0, 0.9);
  border-radius: 52% 48% 46% 50%;
  background:
    radial-gradient(circle at 34% 34%, rgba(255, 235, 158, 0.72), transparent 17%),
    radial-gradient(circle at 66% 37%, rgba(255, 235, 158, 0.48), transparent 16%),
    linear-gradient(180deg, #ffbd24, #ff7900 64%, #c94600);
}

.explorer-fly__head::before,
.explorer-fly__head::after {
  content: "";
  position: absolute;
  top: -42%;
  width: 34%;
  height: 56%;
  border-top: 0.07em solid rgba(35, 9, 0, 0.78);
  transform-origin: 50% 100%;
}

.explorer-fly__head::before {
  left: -10%;
  transform: rotate(-34deg);
}

.explorer-fly__head::after {
  right: -10%;
  transform: rotate(34deg);
}

.explorer-fly__wing {
  top: 25%;
  width: 36%;
  height: 42%;
  border: 0.075em solid rgba(48, 12, 0, 0.58);
  background:
    radial-gradient(circle at 42% 28%, rgba(255, 238, 166, 0.44), transparent 23%),
    linear-gradient(145deg, rgba(255, 190, 36, 0.44), rgba(255, 121, 0, 0.13));
  box-shadow: inset 0 0 0.16em rgba(255, 225, 132, 0.18);
  opacity: 0.88;
  animation: fly-wing-buzz 152ms ease-in-out infinite alternate;
}

.explorer-fly:not(.is-escaping) .explorer-fly__wing {
  opacity: 0.68;
  animation-duration: 330ms;
}

.explorer-fly.is-paused:not(.is-escaping) .explorer-fly__wing {
  opacity: 0.86;
  animation-duration: 170ms;
}

.explorer-fly.is-escaping .explorer-fly__wing {
  opacity: 0.98;
  animation-duration: 76ms;
}

.explorer-fly__wing--left {
  left: 10%;
  border-radius: 72% 35% 63% 38%;
  transform-origin: 78% 62%;
  --wing-rest: rotate(-31deg) skewY(-8deg);
  --wing-buzz: rotate(-47deg) skewY(-13deg) scaleY(0.9);
  transform: var(--wing-rest);
}

.explorer-fly__wing--right {
  right: 10%;
  border-radius: 35% 72% 38% 63%;
  transform-origin: 22% 62%;
  --wing-rest: rotate(31deg) skewY(8deg);
  --wing-buzz: rotate(47deg) skewY(13deg) scaleY(0.9);
  transform: var(--wing-rest);
  animation-delay: -76ms;
}

.explorer-fly::before,
.explorer-fly::after {
  content: "";
  position: absolute;
  top: 48%;
  width: 37%;
  height: 32%;
  border-top: 0.08em solid rgba(35, 9, 0, 0.78);
  opacity: 0.84;
}

.explorer-fly::before {
  left: 17%;
  transform: rotate(-22deg);
}

.explorer-fly::after {
  right: 17%;
  transform: rotate(22deg);
}

.help-perch-fly {
  position: absolute;
  z-index: 2;
  display: block;
  aspect-ratio: 1;
  pointer-events: none;
  transform: rotate(var(--help-perch-rot, -14deg));
  transform-origin: 50% 64%;
  filter:
    drop-shadow(0.045em 0.055em 0 rgba(0, 0, 0, 0.78))
    drop-shadow(0 0 0.13em rgba(255, 121, 0, 0.34));
  transition:
    opacity 520ms cubic-bezier(0.16, 0.84, 0.22, 1),
    transform 760ms cubic-bezier(0.14, 0.78, 0.18, 1),
    filter 520ms ease;
  will-change: transform, opacity;
}

.help-perch-fly i {
  position: absolute;
  display: block;
  pointer-events: none;
}

.help-perch-fly__body {
  left: 39%;
  top: 32%;
  width: 24%;
  height: 45%;
  border: 0.075em solid rgba(35, 9, 0, 0.86);
  border-radius: 48% 52% 42% 46%;
  background:
    linear-gradient(90deg, rgba(42, 11, 0, 0.22), transparent 34%, rgba(255, 210, 111, 0.34) 52%, transparent 74%),
    linear-gradient(180deg, #ffb01a 0%, var(--baldiga-orange) 43%, #d64d00 100%);
  box-shadow:
    inset -0.055em -0.095em 0 rgba(41, 8, 0, 0.42),
    inset 0.055em 0.045em 0 rgba(255, 229, 140, 0.52);
}

.help-perch-fly__body::before,
.help-perch-fly__body::after {
  content: "";
  position: absolute;
  left: 9%;
  width: 82%;
  height: 0.07em;
  border-radius: 999px;
  background: rgba(47, 10, 0, 0.64);
}

.help-perch-fly__body::before {
  top: 35%;
}

.help-perch-fly__body::after {
  top: 62%;
}

.help-perch-fly__head {
  left: 33%;
  top: 15%;
  width: 34%;
  height: 28%;
  border: 0.075em solid rgba(35, 9, 0, 0.9);
  border-radius: 52% 48% 46% 50%;
  background:
    radial-gradient(circle at 34% 34%, rgba(255, 235, 158, 0.72), transparent 17%),
    radial-gradient(circle at 66% 37%, rgba(255, 235, 158, 0.48), transparent 16%),
    linear-gradient(180deg, #ffbd24, #ff7900 64%, #c94600);
}

.help-perch-fly__head::before,
.help-perch-fly__head::after {
  content: "";
  position: absolute;
  top: -40%;
  width: 34%;
  height: 54%;
  border-top: 0.055em solid rgba(35, 9, 0, 0.78);
  transform-origin: 50% 100%;
}

.help-perch-fly__head::before {
  left: -10%;
  transform: rotate(-34deg);
}

.help-perch-fly__head::after {
  right: -10%;
  transform: rotate(34deg);
}

.help-perch-fly__wing {
  top: 25%;
  width: 36%;
  height: 42%;
  border: 0.06em solid rgba(48, 12, 0, 0.58);
  background:
    radial-gradient(circle at 42% 28%, rgba(255, 238, 166, 0.44), transparent 23%),
    linear-gradient(145deg, rgba(255, 190, 36, 0.44), rgba(255, 121, 0, 0.13));
  box-shadow: inset 0 0 0.13em rgba(255, 225, 132, 0.18);
  opacity: 0.76;
  animation: fly-wing-buzz 260ms ease-in-out infinite alternate;
}

.help-perch-fly__wing--left {
  left: 10%;
  border-radius: 72% 35% 63% 38%;
  transform-origin: 78% 62%;
  --wing-rest: rotate(-31deg) skewY(-8deg);
  --wing-buzz: rotate(-43deg) skewY(-11deg) scaleY(0.92);
  transform: var(--wing-rest);
}

.help-perch-fly__wing--right {
  right: 10%;
  border-radius: 35% 72% 38% 63%;
  transform-origin: 22% 62%;
  --wing-rest: rotate(31deg) skewY(8deg);
  --wing-buzz: rotate(43deg) skewY(11deg) scaleY(0.92);
  transform: var(--wing-rest);
  animation-delay: -130ms;
}

.help-perch-fly::before,
.help-perch-fly::after {
  content: "";
  position: absolute;
  top: 48%;
  width: 37%;
  height: 32%;
  border-top: 0.065em solid rgba(35, 9, 0, 0.78);
  opacity: 0.82;
}

.help-perch-fly::before {
  left: 17%;
  transform: rotate(-22deg);
}

.help-perch-fly::after {
  right: 17%;
  transform: rotate(22deg);
}

.fly-trail-layer {
  position: absolute;
  inset: 0;
  z-index: 30;
  overflow: hidden;
  pointer-events: none;
  opacity: 1;
}

.fly-trail {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--trail-size, 8px);
  height: calc(var(--trail-size, 8px) * 0.64);
  border-radius: 58% 42% 54% 46%;
  background:
    radial-gradient(circle at 38% 42%, rgba(255, 218, 107, 0.52), transparent 34%),
    linear-gradient(90deg, rgba(255, 121, 0, 0), rgba(255, 121, 0, var(--trail-opacity, 0.42)) 62%, rgba(255, 185, 41, 0.22));
  box-shadow:
    0 0 0.16em rgba(255, 121, 0, 0.24),
    0.08em 0.08em 0 rgba(0, 0, 0, 0.22);
  opacity: var(--trail-opacity, 0.42);
  transform:
    translate3d(calc(var(--trail-x, 0px) - 50%), calc(var(--trail-y, 0px) - 50%), 0)
    rotate(var(--trail-rotation, 0deg))
    scale(var(--trail-scale, 1));
  filter: blur(0.025em);
  animation: fly-trail-dim 980ms cubic-bezier(0.12, 0.72, 0.2, 1) forwards;
  will-change: opacity, transform, filter;
}

.stage:not(.is-image-loaded) .fly-trail,
.stage.is-site-loading .fly-trail,
.stage.is-frog-control-active .fly-trail {
  display: none;
}

.intro-fly-portal {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--portal-size, 42px);
  aspect-ratio: 1;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0;
  transform:
    translate3d(calc(var(--portal-x, 0px) - 50%), calc(var(--portal-y, 0px) - 50%), 0)
    rotate(var(--portal-rotation, 0deg))
    scale(0.52);
  transform-origin: center;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 245, 170, 0.52), rgba(255, 121, 0, 0.22) 28%, transparent 62%),
    radial-gradient(circle at 50% 50%, rgba(154, 247, 255, 0.2), transparent 68%);
  box-shadow:
    0 0 0.45em rgba(255, 121, 0, 0.34),
    0 0 0.82em rgba(154, 247, 255, 0.16);
  filter: blur(0.01em);
  animation: intro-fly-portal-open 1250ms cubic-bezier(0.14, 0.72, 0.18, 1) forwards;
  will-change: opacity, transform, filter;
}

.intro-fly-portal::before,
.intro-fly-portal::after {
  content: "";
  position: absolute;
  inset: 13%;
  border-radius: inherit;
  border: 0.055em solid rgba(255, 238, 151, 0.56);
  box-shadow:
    inset 0 0 0.2em rgba(255, 121, 0, 0.28),
    0 0 0.28em rgba(154, 247, 255, 0.18);
  opacity: 0.76;
  transform: scale(0.72);
  animation: intro-fly-portal-ring 1250ms cubic-bezier(0.14, 0.72, 0.18, 1) forwards;
}

.intro-fly-portal::after {
  inset: 31%;
  border-color: rgba(154, 247, 255, 0.34);
  animation-delay: 110ms;
}

.intro-fly-portal i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--spark-size, 5px);
  aspect-ratio: 1;
  border-radius: 999px;
  background:
    radial-gradient(circle, rgba(255, 248, 176, 0.95), rgba(255, 121, 0, 0.66) 48%, transparent 74%);
  box-shadow:
    0 0 0.22em rgba(255, 121, 0, 0.36),
    0 0 0.32em rgba(154, 247, 255, 0.14);
  opacity: 0;
  transform:
    translate3d(-50%, -50%, 0)
    rotate(var(--spark-angle, 0deg))
    translateY(0)
    scale(0.32);
  animation: intro-fly-sparkle 1120ms cubic-bezier(0.12, 0.72, 0.2, 1) var(--spark-delay, 0ms) forwards;
}

.stage:not(.is-image-loaded) .intro-fly-portal,
.stage.is-site-loading .intro-fly-portal,
.stage.is-frog-control-active .intro-fly-portal {
  display: none;
}

.frog-knock-ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--knock-size, 48px);
  aspect-ratio: 1;
  border-radius: var(--knock-radius, 999px);
  pointer-events: none;
  opacity: 0;
  transform:
    translate3d(calc(var(--knock-x, 0px) - 50%), calc(var(--knock-y, 0px) - 50%), 0)
    rotate(var(--knock-rotation, 0deg))
    scale(calc(0.42 * var(--knock-oval-x, 1)), calc(0.34 * var(--knock-oval-y, 0.82)));
  transform-origin: center;
  background:
    radial-gradient(ellipse at 48% 50%, rgba(255, 0, 180, 0.34), rgba(154, 0, 104, 0.16) 34%, transparent 72%),
    radial-gradient(ellipse at 52% 48%, rgba(255, 121, 0, 0.12), transparent 64%);
  box-shadow:
    inset 0 0 0.082em rgba(255, 0, 180, 0.36),
    0 0 0.28em rgba(255, 0, 180, 0.2),
    0 0 0.58em rgba(255, 121, 0, 0.08);
  filter: blur(0.016em);
  mix-blend-mode: screen;
  animation: frog-knock-ripple var(--knock-duration, 1160ms) cubic-bezier(0.12, 0.7, 0.2, 1) forwards;
  will-change: opacity, transform, filter;
}

.frog-knock-ripple::before,
.frog-knock-ripple::after {
  content: "";
  position: absolute;
  inset: var(--knock-ring-inset, 16%);
  border-radius: inherit;
  border: 0.062em solid rgba(255, 0, 180, 0.52);
  opacity: 0.76;
  transform: scale(0.62, 0.48);
  animation: frog-knock-ring var(--knock-duration, 1160ms) cubic-bezier(0.12, 0.7, 0.2, 1) forwards;
}

.frog-knock-ripple::after {
  inset: var(--knock-inner-inset, 31%);
  border-color: rgba(255, 121, 0, 0.34);
  animation-delay: var(--knock-ring-delay, 70ms);
}

.stage:not(.is-image-loaded) .frog-knock-ripple,
.stage.is-site-loading .frog-knock-ripple,
.stage.is-site-open .frog-knock-ripple {
  display: none;
}

.fly-cursor {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 31;
  width: clamp(24px, 2.39583cqw, 48px);
  aspect-ratio: 1;
  opacity: 0;
  pointer-events: none;
  transform:
    translate3d(calc(var(--fly-x, 0px) - 50%), calc(var(--fly-y, 0px) - 50%), 0)
    rotate(var(--fly-rotation, 0deg))
    scale(var(--fly-scale, 1));
  transform-origin: 50% 50%;
  filter:
    drop-shadow(0.0651cqw 0.08464cqw 0 rgba(0, 0, 0, 0.74))
    drop-shadow(0 0 0.11719cqw rgba(255, 121, 0, 0.36));
  transition: opacity 720ms cubic-bezier(0.18, 0.72, 0.2, 1);
  will-change: transform, opacity;
}

.stage.has-fly-cursor:not(.is-frog-control-active) .fly-cursor {
  opacity: 0.96;
}

.stage.has-fly-cursor.is-fly-dimmed:not(.is-frog-control-active) .fly-cursor {
  opacity: 0;
}

.stage.is-frog-catching.has-fly-cursor:not(.is-frog-control-active) .fly-cursor {
  opacity: 0.9;
}

.stage.is-fly-eaten .fly-cursor {
  opacity: 0 !important;
  transform:
    translate3d(calc(var(--fly-x, 0px) - 50%), calc(var(--fly-y, 0px) - 50%), 0)
    rotate(var(--fly-rotation, 0deg))
    scale(0.08);
  transition:
    opacity 45ms linear,
    transform 70ms cubic-bezier(0.42, 0, 1, 1);
}

.stage.is-frog-catching .fly-cursor__wing {
  animation-duration: 82ms;
}

.stage:not(.is-image-loaded) .fly-cursor,
.stage.is-frog-control-active .fly-cursor,
.stage.is-site-loading .fly-cursor,
.stage.is-frog-celebrating .fly-cursor {
  opacity: 0;
}

.fly-cursor__body,
.fly-cursor__head,
.fly-cursor__wing {
  position: absolute;
  display: block;
  pointer-events: none;
}

.fly-cursor__body {
  left: 38%;
  top: 31%;
  width: 24%;
  height: 46%;
  border: 0.095em solid rgba(35, 9, 0, 0.86);
  border-radius: 48% 52% 42% 46%;
  background:
    linear-gradient(90deg, rgba(42, 11, 0, 0.22), transparent 34%, rgba(255, 210, 111, 0.34) 52%, transparent 74%),
    linear-gradient(180deg, #ffb01a 0%, var(--baldiga-orange) 43%, #d64d00 100%);
  box-shadow:
    inset -0.07em -0.12em 0 rgba(41, 8, 0, 0.42),
    inset 0.07em 0.06em 0 rgba(255, 229, 140, 0.52);
  transform: rotate(3deg);
}

.fly-cursor__body::before,
.fly-cursor__body::after {
  content: "";
  position: absolute;
  left: 10%;
  width: 80%;
  height: 0.085em;
  border-radius: 999px;
  background: rgba(47, 10, 0, 0.66);
}

.fly-cursor__body::before {
  top: 35%;
}

.fly-cursor__body::after {
  top: 61%;
}

.fly-cursor__head {
  left: 32%;
  top: 14%;
  width: 36%;
  height: 30%;
  border: 0.095em solid rgba(35, 9, 0, 0.9);
  border-radius: 52% 48% 46% 50%;
  background:
    radial-gradient(circle at 34% 34%, rgba(255, 235, 158, 0.72), transparent 17%),
    radial-gradient(circle at 66% 37%, rgba(255, 235, 158, 0.48), transparent 16%),
    linear-gradient(180deg, #ffbd24, #ff7900 64%, #c94600);
}

.fly-cursor__head::before,
.fly-cursor__head::after {
  content: "";
  position: absolute;
  top: -42%;
  width: 34%;
  height: 56%;
  border-top: 0.07em solid rgba(35, 9, 0, 0.78);
  transform-origin: 50% 100%;
}

.fly-cursor__head::before {
  left: -10%;
  transform: rotate(-34deg);
}

.fly-cursor__head::after {
  right: -10%;
  transform: rotate(34deg);
}

.fly-cursor__wing {
  top: 25%;
  width: 36%;
  height: 42%;
  border: 0.075em solid rgba(48, 12, 0, 0.58);
  background:
    radial-gradient(circle at 42% 28%, rgba(255, 238, 166, 0.44), transparent 23%),
    linear-gradient(145deg, rgba(255, 190, 36, 0.44), rgba(255, 121, 0, 0.13));
  box-shadow: inset 0 0 0.16em rgba(255, 225, 132, 0.18);
  opacity: 0.88;
  animation: fly-wing-buzz 132ms ease-in-out infinite alternate;
}

.fly-cursor__wing--left {
  left: 10%;
  border-radius: 72% 35% 63% 38%;
  transform-origin: 78% 62%;
  --wing-rest: rotate(-34deg) skewY(-9deg);
  --wing-buzz: rotate(-48deg) skewY(-14deg) scaleY(0.9);
  transform: var(--wing-rest);
}

.fly-cursor__wing--right {
  right: 10%;
  border-radius: 35% 72% 38% 63%;
  transform-origin: 22% 62%;
  --wing-rest: rotate(34deg) skewY(9deg);
  --wing-buzz: rotate(48deg) skewY(14deg) scaleY(0.9);
  transform: var(--wing-rest);
  animation-delay: -66ms;
}

.fly-cursor::before,
.fly-cursor::after {
  content: "";
  position: absolute;
  top: 48%;
  width: 37%;
  height: 32%;
  border-top: 0.08em solid rgba(35, 9, 0, 0.78);
  opacity: 0.84;
}

.fly-cursor::before {
  left: 17%;
  transform: rotate(-22deg);
}

.fly-cursor::after {
  right: 17%;
  transform: rotate(22deg);
}

@keyframes fly-wing-buzz {
  0% {
    opacity: 0.68;
    transform: var(--wing-rest);
  }

  100% {
    opacity: 0.96;
    transform: var(--wing-buzz);
  }
}

@keyframes fly-trail-dim {
  0% {
    opacity: var(--trail-opacity, 0.42);
    filter: blur(0.018em);
  }

  100% {
    opacity: 0;
    filter: blur(0.18em);
    transform:
      translate3d(calc(var(--trail-x, 0px) - 50%), calc(var(--trail-y, 0px) - 50%), 0)
      rotate(var(--trail-rotation, 0deg))
      scale(calc(var(--trail-scale, 1) * 0.58));
  }
}

@keyframes intro-fly-portal-open {
  0% {
    opacity: 0;
    filter: blur(0.04em) brightness(0.9);
    transform:
      translate3d(calc(var(--portal-x, 0px) - 50%), calc(var(--portal-y, 0px) - 50%), 0)
      rotate(var(--portal-rotation, 0deg))
      scale(0.38);
  }

  18% {
    opacity: 0.78;
    filter: blur(0.012em) brightness(1.38);
  }

  48% {
    opacity: 0.46;
    filter: blur(0.04em) brightness(1.16);
  }

  100% {
    opacity: 0;
    filter: blur(0.18em) brightness(0.9);
    transform:
      translate3d(calc(var(--portal-x, 0px) - 50%), calc(var(--portal-y, 0px) - 50%), 0)
      rotate(var(--portal-rotation, 0deg))
      scale(1.82);
  }
}

@keyframes intro-fly-portal-ring {
  0% {
    opacity: 0;
    transform: scale(0.5) rotate(-8deg);
  }

  22% {
    opacity: 0.72;
  }

  100% {
    opacity: 0;
    transform: scale(1.55) rotate(12deg);
  }
}

@keyframes intro-fly-sparkle {
  0% {
    opacity: 0;
    transform:
      translate3d(-50%, -50%, 0)
      rotate(var(--spark-angle, 0deg))
      translateY(0)
      scale(0.2);
  }

  18% {
    opacity: 0.84;
  }

  100% {
    opacity: 0;
    transform:
      translate3d(-50%, -50%, 0)
      rotate(var(--spark-angle, 0deg))
      translateY(var(--spark-distance, 28px))
      scale(0.92);
  }
}

@keyframes frog-knock-ripple {
  0% {
    opacity: 0;
    filter: blur(0.034em) brightness(0.92) saturate(1.12);
    transform:
      translate3d(calc(var(--knock-x, 0px) - 50%), calc(var(--knock-y, 0px) - 50%), 0)
      rotate(var(--knock-rotation, 0deg))
      scale(calc(0.32 * var(--knock-oval-x, 1)), calc(0.24 * var(--knock-oval-y, 0.82)));
  }

  18% {
    opacity: calc(0.62 * var(--knock-strength, 1));
    filter: blur(0.012em) brightness(1.16) saturate(1.32);
  }

  52% {
    opacity: calc(0.34 * var(--knock-strength, 1));
    filter: blur(0.028em) brightness(1.04) saturate(1.22);
  }

  100% {
    opacity: 0;
    filter: blur(0.115em) brightness(0.84) saturate(1);
    transform:
      translate3d(calc(var(--knock-x, 0px) - 50%), calc(var(--knock-y, 0px) - 50%), 0)
      rotate(var(--knock-rotation, 0deg))
      scale(calc(1.5 * var(--knock-oval-x, 1)), calc(1.14 * var(--knock-oval-y, 0.82)));
  }
}

@keyframes frog-knock-ring {
  0% {
    opacity: 0;
    transform: scale(0.56, 0.42);
  }

  24% {
    opacity: calc(0.68 * var(--knock-strength, 1));
  }

  100% {
    opacity: 0;
    transform: scale(1.44, 1.08);
  }
}

.frog-cursor {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  width: 5.98958cqw;
  aspect-ratio: 1;
  background: url("assets/performance/frog-cursor-256.png") center / contain no-repeat;
  filter:
    saturate(3.4)
    brightness(1.34)
    contrast(1.16)
    var(--frog-3d-shadow);
  opacity: 0;
  pointer-events: none;
  transform:
    translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0)
    rotate(var(--frog-rotation, 0deg))
    scale(
      calc(var(--frog-breath-x, 1) * var(--frog-stroke-x, 1)),
      calc(var(--frog-breath-y, 1) * var(--frog-stroke-y, 1))
    );
  transform-origin: 50% 24%;
  transition: opacity 90ms ease;
  backface-visibility: hidden;
  will-change: transform;
}

.stage.has-frog-cursor .frog-cursor {
  opacity: 1;
}

.stage.is-frog-waiting.has-frog-cursor .frog-cursor {
  animation: frog-waiting-pulse 1850ms cubic-bezier(0.18, 0.72, 0.22, 1) infinite;
}

.stage.is-frog-catching.has-frog-cursor .frog-cursor {
  filter:
    saturate(3.7)
    brightness(1.46)
    contrast(1.18)
    var(--frog-3d-shadow);
}

.stage.is-frog-satisfied.has-frog-cursor .frog-cursor {
  animation: frog-satisfied-nod 720ms cubic-bezier(0.16, 0.74, 0.18, 1) both;
}

.stage.is-frog-post-fly.is-frog-post-fly-a.has-frog-cursor .frog-cursor {
  animation: frog-post-fly-a 1680ms cubic-bezier(0.16, 0.74, 0.18, 1) both;
}

.stage.is-frog-post-fly.is-frog-post-fly-b.has-frog-cursor .frog-cursor {
  animation: frog-post-fly-b 1860ms cubic-bezier(0.16, 0.74, 0.18, 1) both;
}

.stage.is-frog-post-fly.is-frog-post-fly-c.has-frog-cursor .frog-cursor {
  animation: frog-post-fly-c 1540ms cubic-bezier(0.16, 0.74, 0.18, 1) both;
}

.stage.is-frog-help-pressing.has-frog-cursor .frog-cursor {
  filter:
    saturate(3.75)
    brightness(1.43)
    contrast(1.18)
    var(--frog-3d-shadow);
}

.stage:not(.is-frog-ready) .frog-cursor {
  transition: none;
}

.stage:not(.is-image-loaded).has-frog-cursor .frog-cursor {
  opacity: 0;
  animation: none;
}

.frog-cursor::before,
.frog-cursor::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  opacity: 0;
  pointer-events: none;
  -webkit-mask: url("assets/performance/frog-cursor-256.png") center / contain no-repeat;
  mask: url("assets/performance/frog-cursor-256.png") center / contain no-repeat;
}

.stage.has-frog-cursor .frog-cursor::before {
  background:
    radial-gradient(ellipse at 48% 57%, rgba(170, 255, 134, 0.34) 0 18%, rgba(57, 255, 20, 0.23) 31%, transparent 50%),
    radial-gradient(ellipse at 46% 31%, rgba(230, 255, 220, 0.26), transparent 25%);
  mix-blend-mode: screen;
  opacity: 0.2;
  transform-origin: 48% 57%;
  animation: frog-soft-breath 3600ms ease-in-out infinite;
}

.stage.has-frog-cursor .frog-cursor::after {
  background: rgba(57, 255, 20, 0.18);
  filter: blur(0.045cqw);
  mix-blend-mode: screen;
  opacity: 0.13;
  transform-origin: 48% 58%;
  animation: frog-soft-breath-glow 3600ms ease-in-out infinite;
}

.stage.is-frog-catching.has-frog-cursor .frog-cursor::before,
.stage.is-frog-catching.has-frog-cursor .frog-cursor::after,
.stage.is-frog-celebrating.has-frog-cursor .frog-cursor::before,
.stage.is-frog-celebrating.has-frog-cursor .frog-cursor::after,
.stage.is-site-loading.has-frog-cursor .frog-cursor::before,
.stage.is-site-loading.has-frog-cursor .frog-cursor::after {
  animation: none;
  opacity: 0;
}

@keyframes frog-soft-breath {
  0%,
  100% {
    opacity: 0.18;
    transform: scale(0.982, 0.968);
  }

  48% {
    opacity: 0.38;
    transform: scale(1.04, 1.065);
  }
}

@keyframes frog-soft-breath-glow {
  0%,
  100% {
    opacity: 0.09;
    transform: scale(0.974, 0.964);
  }

  48% {
    opacity: 0.22;
    transform: scale(1.055, 1.08);
  }
}

@keyframes frog-satisfied-nod {
  0% {
    filter:
      saturate(3.4)
      brightness(1.34)
      contrast(1.16)
      var(--frog-3d-shadow);
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0)
      rotate(var(--frog-rotation, 0deg))
      scale(var(--frog-breath-x, 1), var(--frog-breath-y, 1));
  }

  30% {
    filter:
      saturate(3.95)
      brightness(1.56)
      contrast(1.18)
      var(--frog-3d-shadow)
      drop-shadow(0 0 0.36cqw rgba(57, 255, 20, 0.28));
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 28%), 0)
      rotate(calc(var(--frog-rotation, 0deg) - 4.8deg))
      scale(1.055, 0.955);
  }

  56% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 21%), 0)
      rotate(calc(var(--frog-rotation, 0deg) + 2.6deg))
      scale(0.984, 1.03);
  }

  78% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 25%), 0)
      rotate(calc(var(--frog-rotation, 0deg) - 1.2deg))
      scale(1.012, 0.992);
  }

  100% {
    filter:
      saturate(3.4)
      brightness(1.34)
      contrast(1.16)
      var(--frog-3d-shadow);
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0)
      rotate(var(--frog-rotation, 0deg))
      scale(var(--frog-breath-x, 1), var(--frog-breath-y, 1));
  }
}

@keyframes frog-post-fly-a {
  0% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0)
      rotate(var(--frog-rotation, 0deg))
      scale(1);
    filter: saturate(3.5) brightness(1.36) contrast(1.16) var(--frog-3d-shadow);
  }

  28% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 30%), 0)
      rotate(calc(var(--frog-rotation, 0deg) - 3.8deg))
      scale(1.12, 0.96);
    filter:
      saturate(4.15)
      brightness(1.58)
      contrast(1.18)
      var(--frog-3d-shadow)
      drop-shadow(0 0 0.42cqw rgba(57, 255, 20, 0.3));
  }

  54% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 20%), 0)
      rotate(calc(var(--frog-rotation, 0deg) + 2.2deg))
      scale(0.98, 1.06);
  }

  78% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 27%), 0)
      rotate(calc(var(--frog-rotation, 0deg) - 1.1deg))
      scale(1.035, 0.99);
  }

  100% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0)
      rotate(var(--frog-rotation, 0deg))
      scale(1);
    filter: saturate(3.45) brightness(1.36) contrast(1.16) var(--frog-3d-shadow);
  }
}

@keyframes frog-post-fly-b {
  0% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0)
      rotate(var(--frog-rotation, 0deg))
      scale(1);
    filter: saturate(3.45) brightness(1.35) contrast(1.16) var(--frog-3d-shadow);
  }

  22% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 28%), 0)
      rotate(calc(var(--frog-rotation, 0deg) + 10deg))
      scale(1.04, 0.98);
  }

  47% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0)
      rotate(calc(var(--frog-rotation, 0deg) + 24deg))
      scale(1.09, 1.02);
    filter:
      saturate(4.1)
      brightness(1.54)
      contrast(1.18)
      var(--frog-3d-shadow)
      drop-shadow(0 0 0.36cqw rgba(57, 255, 20, 0.28));
  }

  72% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 21%), 0)
      rotate(calc(var(--frog-rotation, 0deg) + 7deg))
      scale(0.99, 1.04);
  }

  100% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0)
      rotate(var(--frog-rotation, 0deg))
      scale(1);
    filter: saturate(3.45) brightness(1.35) contrast(1.16) var(--frog-3d-shadow);
  }
}

@keyframes frog-post-fly-c {
  0% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0)
      rotate(var(--frog-rotation, 0deg))
      scale(1);
    filter: saturate(3.45) brightness(1.34) contrast(1.16) var(--frog-3d-shadow);
  }

  34% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 32%), 0)
      rotate(calc(var(--frog-rotation, 0deg) - 6deg))
      scale(1.16, 1.08);
    filter:
      saturate(4.25)
      brightness(1.6)
      contrast(1.18)
      var(--frog-3d-shadow)
      drop-shadow(0 0 0.48cqw rgba(57, 255, 20, 0.34));
  }

  64% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 18%), 0)
      rotate(calc(var(--frog-rotation, 0deg) + 3deg))
      scale(0.95, 1.08);
  }

  100% {
    transform:
      translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0)
      rotate(var(--frog-rotation, 0deg))
      scale(1);
    filter: saturate(3.45) brightness(1.34) contrast(1.16) var(--frog-3d-shadow);
  }
}

.stage.is-site-loading .frog-cursor,
.stage.is-loading-frog-visible .frog-cursor {
  opacity: 0 !important;
  animation: none;
}

.loading-frog {
  position: absolute;
  left: 50%;
  top: 67%;
  z-index: 34;
  width: 124px;
  width: 9.11458cqw;
  aspect-ratio: 1;
  overflow: visible;
  background: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  filter:
    drop-shadow(0.1888cqw 0.23438cqw 0.04557cqw rgba(0, 0, 0, 0.72))
    drop-shadow(0 0 0.71615cqw rgba(57, 255, 20, 0.18));
  transform: translate3d(-50%, -50%, 0) rotate(-7deg) scale(1);
  transform-origin: center;
  transition: opacity 240ms cubic-bezier(0.18, 0.72, 0.2, 1);
  will-change: transform, opacity;
}

.loading-frog__base,
.loading-frog__fill,
.loading-frog__fill img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.loading-frog__base,
.loading-frog__fill img {
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}

.loading-frog__base {
  opacity: 1;
  filter:
    drop-shadow(0 0 0.32552cqw rgba(154, 247, 255, 0.36));
}

.loading-frog__fill {
  overflow: hidden;
  clip-path: inset(calc(100% - var(--site-load-progress, 0%)) 0 0 0);
  transition: clip-path 180ms linear;
}

.loading-frog__fill img {
  filter:
    saturate(4.2)
    brightness(1.42)
    contrast(1.12)
    drop-shadow(0 0 0.45573cqw rgba(57, 255, 20, 0.44));
}

.loading-frog::before {
  content: "";
  position: absolute;
  inset: 5% 6% 8% 7%;
  z-index: 2;
  display: block;
  border-radius: 48%;
  background:
    radial-gradient(circle at 33% 20%, rgba(255, 255, 255, 0.54), transparent 15%),
    radial-gradient(circle at 57% 67%, rgba(255, 255, 255, 0.16), transparent 22%);
  mix-blend-mode: screen;
  opacity: 0.62;
  pointer-events: none;
}

.stage.is-site-open.is-site-loading.is-loading-frog-visible .loading-frog,
.stage.is-site-open.is-site-loading .loading-frog {
  opacity: 1;
  visibility: visible;
  display: block;
  animation: loading-frog-breathe 2100ms ease-in-out infinite;
}

.stage.is-site-open:not(.is-site-loading) .loading-frog,
.stage.is-site-open.is-site-ready .loading-frog {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
  animation: none !important;
}

@keyframes loading-frog-breathe {
  0%,
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(-7deg) scale(0.985);
  }

  50% {
    transform: translate3d(-50%, -50%, 0) rotate(-4deg) scale(1.035);
  }
}

@keyframes frog-waiting-pulse {
  0%,
  100% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0) rotate(var(--frog-rotation, 0deg)) scale(0.96);
    filter:
      saturate(3.2)
      brightness(1.22)
      contrast(1.12)
      var(--frog-3d-shadow);
  }

  48% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0) rotate(calc(var(--frog-rotation, 0deg) + 2deg)) scale(1.08);
    filter:
      saturate(4.1)
      brightness(1.54)
      contrast(1.18)
      var(--frog-3d-shadow)
      drop-shadow(0 0 0.78125cqw rgba(57, 255, 20, 0.42));
  }
}

.stage.is-frog-celebrating .frog-cursor {
  animation: frog-celebrate 1180ms cubic-bezier(0.22, 0.86, 0.26, 1) both;
}

.stage.is-help-hit.is-frog-celebrating.has-frog-cursor .frog-cursor {
  animation: frog-help-hit-click 3900ms cubic-bezier(0.16, 0.74, 0.18, 1) both;
}

.stage.is-site-portal-click.is-frog-celebrating.has-frog-cursor .frog-cursor,
.stage.is-back-hit.is-frog-celebrating.has-frog-cursor .frog-cursor {
  animation: frog-link-click 940ms cubic-bezier(0.16, 0.74, 0.18, 1) both;
}

.stage.is-frog-title-tracing.is-frog-celebrating .frog-cursor {
  animation: none;
}

.stage.is-frog-r-bloom.has-frog-cursor .frog-cursor {
  animation: frog-r-bloom 760ms cubic-bezier(0.14, 0.84, 0.2, 1) both;
}

.stage.is-frog-startled.has-frog-cursor .frog-cursor {
  animation: frog-startled-on-r 860ms cubic-bezier(0.16, 0.74, 0.18, 1) both;
}

@keyframes frog-loading-pulse {
  0%,
  100% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0) rotate(var(--frog-rotation, 0deg)) scale(0.94);
    filter:
      saturate(3.05)
      brightness(1.08)
      contrast(1.1)
      var(--frog-3d-shadow);
  }

  48% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0) rotate(var(--frog-rotation, 0deg)) scale(1.09);
    filter:
      saturate(4.2)
      brightness(1.56)
      contrast(1.2)
      var(--frog-3d-shadow)
      drop-shadow(0 0 0.78125cqw rgba(168, 211, 0, 0.58));
  }
}

@keyframes frog-celebrate {
  0% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0) rotate(var(--frog-rotation, 0deg)) scale(1);
    filter: saturate(3.4) brightness(1.34) contrast(1.16) var(--frog-3d-shadow);
  }

  18% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 34%), 0) rotate(calc(var(--frog-rotation, 0deg) - 9deg)) scale(1.08, 0.94);
  }

  37% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 20%), 0) rotate(calc(var(--frog-rotation, 0deg) + 11deg)) scale(0.96, 1.07);
    filter: saturate(4.2) brightness(1.5) contrast(1.18) var(--frog-3d-shadow);
  }

  58% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 31%), 0) rotate(calc(var(--frog-rotation, 0deg) - 6deg)) scale(1.05, 0.97);
  }

  78% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 23%), 0) rotate(calc(var(--frog-rotation, 0deg) + 5deg)) scale(0.99, 1.03);
  }

  100% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0) rotate(var(--frog-rotation, 0deg)) scale(1);
    filter: saturate(3.4) brightness(1.34) contrast(1.16) var(--frog-3d-shadow);
  }
}

@keyframes frog-help-hit-click {
  0% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0) rotate(var(--frog-rotation, 0deg)) scale(1);
    filter: saturate(3.4) brightness(1.34) contrast(1.16) var(--frog-3d-shadow);
  }

  10% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 34%), 0) rotate(calc(var(--frog-rotation, 0deg) - 6deg)) scale(1.09, 0.91);
    filter:
      saturate(4.1)
      brightness(1.58)
      contrast(1.18)
      var(--frog-3d-shadow)
      drop-shadow(0 0 0.42cqw rgba(57, 255, 20, 0.32));
  }

  20% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 17%), 0) rotate(calc(var(--frog-rotation, 0deg) + 4.5deg)) scale(0.94, 1.085);
  }

  32% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 31%), 0) rotate(calc(var(--frog-rotation, 0deg) - 4deg)) scale(1.085, 0.94);
  }

  46% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 22%), 0) rotate(calc(var(--frog-rotation, 0deg) + 2.8deg)) scale(0.98, 1.04);
    filter:
      saturate(4.35)
      brightness(1.66)
      contrast(1.18)
      var(--frog-3d-shadow)
      drop-shadow(0 0 0.52cqw rgba(57, 255, 20, 0.38));
  }

  60% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 32%), 0) rotate(calc(var(--frog-rotation, 0deg) - 4.4deg)) scale(1.095, 0.94);
  }

  75% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 21%), 0) rotate(calc(var(--frog-rotation, 0deg) + 1.8deg)) scale(0.985, 1.035);
  }

  90% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 27%), 0) rotate(calc(var(--frog-rotation, 0deg) - 1.6deg)) scale(1.04, 0.975);
  }

  100% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0) rotate(var(--frog-rotation, 0deg)) scale(1);
    filter: saturate(3.4) brightness(1.34) contrast(1.16) var(--frog-3d-shadow);
  }
}

@keyframes frog-link-click {
  0% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0) rotate(var(--frog-rotation, 0deg)) scale(1);
    filter: saturate(3.4) brightness(1.34) contrast(1.16) var(--frog-3d-shadow);
  }

  24% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 31%), 0) rotate(calc(var(--frog-rotation, 0deg) - 4deg)) scale(1.055, 0.94);
    filter:
      saturate(4)
      brightness(1.5)
      contrast(1.16)
      var(--frog-3d-shadow)
      drop-shadow(0 0 0.34cqw rgba(57, 255, 20, 0.28));
  }

  46% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 16%), 0) rotate(calc(var(--frog-rotation, 0deg) + 2.6deg)) scale(0.94, 1.075);
  }

  70% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 27%), 0) rotate(calc(var(--frog-rotation, 0deg) - 1.2deg)) scale(1.018, 0.99);
  }

  100% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0) rotate(var(--frog-rotation, 0deg)) scale(1);
    filter: saturate(3.4) brightness(1.34) contrast(1.16) var(--frog-3d-shadow);
  }
}

@keyframes frog-r-bloom {
  0% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0) rotate(var(--frog-rotation, 0deg)) scale(1);
    filter: saturate(3.4) brightness(1.34) contrast(1.16) var(--frog-3d-shadow);
  }

  38% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 28%), 0) rotate(calc(var(--frog-rotation, 0deg) - 2deg)) scale(1.18, 1.14);
    filter:
      saturate(4.3)
      brightness(1.56)
      contrast(1.18)
      var(--frog-3d-shadow)
      drop-shadow(0 0 0.55cqw rgba(57, 255, 20, 0.36));
  }

  68% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 22%), 0) rotate(calc(var(--frog-rotation, 0deg) + 1.2deg)) scale(0.98, 1.04);
  }

  100% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0) rotate(var(--frog-rotation, 0deg)) scale(1);
    filter: saturate(3.4) brightness(1.34) contrast(1.16) var(--frog-3d-shadow);
  }
}

@keyframes frog-startled-on-r {
  0% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0) rotate(var(--frog-rotation, 0deg)) scale(1);
    filter: saturate(3.4) brightness(1.34) contrast(1.16) var(--frog-3d-shadow);
  }

  18% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 34%), 0) rotate(calc(var(--frog-rotation, 0deg) + 7deg)) scale(1.1, 0.9);
    filter:
      saturate(4.05)
      brightness(1.54)
      contrast(1.18)
      var(--frog-3d-shadow)
      drop-shadow(0 0 0.38cqw rgba(57, 255, 20, 0.32));
  }

  39% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 18%), 0) rotate(calc(var(--frog-rotation, 0deg) - 5deg)) scale(0.94, 1.075);
  }

  68% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 28%), 0) rotate(calc(var(--frog-rotation, 0deg) + 2deg)) scale(1.025, 0.985);
  }

  100% {
    transform: translate3d(calc(var(--frog-x, 0px) - 50%), calc(var(--frog-y, 0px) - 24%), 0) rotate(var(--frog-rotation, 0deg)) scale(1);
    filter: saturate(3.4) brightness(1.34) contrast(1.16) var(--frog-3d-shadow);
  }
}

.bubble-layer {
  position: absolute;
  inset: 0;
  z-index: 29;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.stage.is-image-loaded .bubble-layer {
  opacity: 1;
}

.frog-bubble {
  position: absolute;
  left: var(--bubble-x, 50%);
  top: var(--bubble-y, 50%);
  width: var(--bubble-size, 0.57292cqw);
  aspect-ratio: 1;
  border: 0.1237cqw solid rgba(196, 253, 255, 0.78);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  box-shadow:
    inset 0.08464cqw 0.08464cqw 0 rgba(255, 255, 255, 0.38),
    0 0 0.29297cqw rgba(154, 247, 255, 0.28);
  opacity: 0;
  transform: translate3d(-50%, -50%, 0) scale(0.35);
  animation: frog-bubble-rise var(--bubble-duration, 3200ms) ease-out both;
  backface-visibility: hidden;
}

@keyframes frog-bubble-rise {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0.35);
  }
  16% {
    opacity: 0.74;
  }
  72% {
    opacity: 0.62;
  }
  100% {
    opacity: 0;
    transform: translate3d(calc(-50% + var(--bubble-drift, 0px)), calc(-50% - var(--bubble-rise, 9.375cqw)), 0) scale(1);
  }
}

.water-plant-layer {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1800ms cubic-bezier(0.18, 0.72, 0.2, 1);
  contain: layout paint;
  transform: none;
  backface-visibility: hidden;
  will-change: auto;
}

.stage.is-image-loaded:not(.is-site-open) .water-plant-layer {
  opacity: 0.76;
  filter: saturate(0.86) brightness(0.82) contrast(0.98);
}

.stage.is-site-open.is-site-loading .water-plant-layer {
  opacity: 0.64;
  filter: saturate(0.96) brightness(0.82) contrast(0.94);
}

.stage.is-site-open.is-site-ready .water-plant-layer {
  opacity: 0.78;
  filter: saturate(0.9) brightness(0.84) contrast(0.94);
}

.stage.is-site-open.is-site-closing .water-plant-layer {
  opacity: 0.38;
}

.water-plant {
  position: absolute;
  left: var(--plant-x, 50%);
  bottom: -0.2%;
  width: var(--plant-width, 4%);
  height: var(--plant-height, 28%);
  opacity: var(--plant-opacity, 0.64);
  transform: translate3d(calc(-50% + var(--plant-react-x, 0px)), 0, 0) rotate(var(--plant-react-rot, 0deg));
  filter:
    drop-shadow(0.06cqw 0.08cqw 0 rgba(0, 0, 0, 0.44))
    drop-shadow(0 0 0.16cqw rgba(154, 247, 255, 0.08))
    drop-shadow(0 0 0.24cqw rgba(154, 247, 255, var(--plant-react-glow, 0)))
    drop-shadow(0 0 0.14cqw rgba(255, 121, 0, var(--plant-orange-glow, 0.08)));
  mix-blend-mode: multiply;
  transform-origin: 50% 100%;
  transition:
    transform 820ms cubic-bezier(0.18, 0.74, 0.2, 1),
    filter 820ms ease;
}

.water-plant__body {
  position: absolute;
  inset: 0;
  transform-origin: 50% 100%;
  transform: scaleY(var(--plant-rest-scale, 0.9)) translateY(1.2%);
  transition: transform 3600ms cubic-bezier(0.16, 0.72, 0.14, 1);
}

.stage.is-site-open .water-plant__body {
  animation: water-plant-grow var(--plant-grow, 98000ms) cubic-bezier(0.16, 0.72, 0.14, 1) var(--plant-grow-delay, 0ms) both;
}

.water-plant__body::before {
  content: "";
  position: absolute;
  left: 48%;
  bottom: 0;
  width: 9%;
  height: 100%;
  border-radius: 80% 80% 22% 22%;
  background:
    linear-gradient(90deg, rgba(6, 26, 20, 0.84), rgba(31, 112, 96, 0.62) 44%, rgba(255, 121, 0, var(--plant-orange, 0.12)) 62%, rgba(4, 18, 15, 0.88)),
    linear-gradient(180deg, rgba(154, 247, 255, 0.08), rgba(255, 121, 0, var(--plant-orange-soft, 0.05)) 58%, rgba(0, 8, 7, 0.28));
  transform: translateX(-50%) rotate(-2deg);
  box-shadow:
    inset 0.04cqw 0 0 rgba(191, 255, 237, 0.16),
    inset -0.03cqw 0 0 rgba(255, 121, 0, var(--plant-orange-soft, 0.05));
}

.water-plant__blade {
  position: absolute;
  left: var(--blade-x, 50%);
  bottom: 0;
  width: var(--blade-width, 16%);
  height: var(--blade-height, 86%);
  border-radius: 72% 72% 18% 18% / 92% 92% 12% 12%;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.26), rgba(107, 205, 180, 0.34) 38%, rgba(255, 121, 0, var(--plant-orange-blade, 0.12)) 61%, rgba(6, 42, 34, 0.72)),
    linear-gradient(180deg, rgba(154, 247, 255, 0.08), rgba(14, 76, 62, 0.48) 38%, rgba(255, 121, 0, var(--plant-orange-soft, 0.05)) 68%, rgba(0, 8, 7, 0.82));
  box-shadow:
    inset 0.035cqw 0 0 rgba(187, 255, 237, 0.12),
    inset -0.045cqw 0 0 rgba(255, 121, 0, var(--plant-orange-soft, 0.05));
  transform-origin: 50% 100%;
  transform: translateX(-50%) rotate(var(--blade-angle, 0deg));
  animation: water-plant-current var(--blade-duration, 7600ms) ease-in-out var(--blade-delay, 0ms) infinite alternate;
  will-change: transform;
}

@keyframes water-plant-grow {
  0% {
    opacity: 0;
    transform: scaleY(0.04) translateY(10%);
  }

  9% {
    opacity: 0.58;
  }

  46% {
    opacity: 0.9;
    transform: scaleY(var(--plant-mid-scale, 0.82)) translateY(2%);
  }

  100% {
    opacity: 1;
    transform: scaleY(var(--plant-final-scale, 1.36)) translateY(0);
  }
}

@keyframes water-plant-current {
  0% {
    transform: translateX(-50%) rotate(calc(var(--blade-angle, 0deg) - var(--blade-sway, 7deg))) skewX(-2deg);
  }

  48% {
    transform: translateX(calc(-50% + 0.18cqw)) rotate(calc(var(--blade-angle, 0deg) + var(--blade-sway-mid, 2.4deg))) skewX(1.2deg);
  }

  100% {
    transform: translateX(calc(-50% - 0.12cqw)) rotate(calc(var(--blade-angle, 0deg) + var(--blade-sway, 7deg))) skewX(2.4deg);
  }
}

.seahorse-layer {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  contain: layout paint;
  transform: none;
  backface-visibility: hidden;
  transition: opacity 1250ms ease;
}

.stage.is-image-loaded .seahorse-layer {
  opacity: 1;
}

.stage.is-site-open .seahorse-layer {
  opacity: 1;
}

.starfish-layer {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  contain: layout paint;
  transform: none;
  backface-visibility: hidden;
  transition: opacity 1250ms ease;
}

.stage.is-image-loaded:not(.is-site-open) .starfish-layer {
  opacity: 1;
}

.stage.is-site-open .starfish-layer,
.stage.is-showing-site .starfish-layer {
  opacity: 0.88;
}

.starfish {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--starfish-size, 42px);
  aspect-ratio: 1;
  color: rgba(204, 52, 36, 0.86);
  opacity: 0.76;
  pointer-events: none;
  transform:
    translate3d(calc(var(--starfish-x, 50%) - 50%), calc(var(--starfish-y, 50%) - 50%), 0)
    rotate(var(--starfish-rotation, 0deg))
    scale(var(--starfish-crawl, 1), var(--starfish-crawl-y, 1));
  transform-origin: 50% 52%;
  filter:
    saturate(0.96)
    brightness(0.92)
    contrast(0.98)
    drop-shadow(0.07cqw 0.1cqw 0 rgba(0, 0, 0, 0.44))
    drop-shadow(0 0 0.15cqw rgba(219, 54, 34, 0.1));
  mix-blend-mode: normal;
  backface-visibility: hidden;
  will-change: transform, opacity, filter;
}

.starfish.is-lit {
  color: rgba(219, 54, 34, 0.92);
  opacity: 0.86;
  filter:
    saturate(1.36)
    brightness(1.02)
    contrast(1.08)
    drop-shadow(0.07cqw 0.1cqw 0 rgba(0, 0, 0, 0.48))
    drop-shadow(0 0 0.22cqw rgba(219, 54, 34, 0.18));
  mix-blend-mode: normal;
}

.stage.is-site-open .starfish,
.stage.is-showing-site .starfish {
  color: rgba(154, 96, 76, 0.72);
  opacity: 0.62;
  filter:
    saturate(0.78)
    brightness(0.84)
    contrast(0.94)
    drop-shadow(0.07cqw 0.1cqw 0 rgba(0, 0, 0, 0.46))
    drop-shadow(0 0 0.16cqw rgba(154, 247, 255, 0.07));
}

.starfish__svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.starfish__shadow {
  fill: rgba(0, 0, 0, 0.4);
  transform: translate(5px, 7px) scale(1.01);
  transform-origin: center;
  filter: blur(2px);
}

.starfish__body {
  fill: currentColor;
  stroke: rgba(0, 0, 0, 0.62);
  stroke-width: 2.6;
  stroke-linejoin: round;
}

.starfish__ridge {
  fill: none;
  stroke: rgba(255, 237, 208, 0.18);
  stroke-width: 4;
  stroke-linecap: round;
  opacity: 0.72;
}

.starfish.is-sleeping .starfish__ridge {
  stroke: rgba(255, 185, 145, 0.24);
  opacity: 0.54;
}

.starfish__speckles {
  fill: none;
  stroke: rgba(255, 229, 194, 0.34);
  stroke-width: 5;
  stroke-linecap: round;
  opacity: 0.58;
}

.starfish.is-sleeping .starfish__speckles {
  stroke: rgba(255, 184, 142, 0.3);
  opacity: 0.48;
}

.seahorse-swim-box {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  contain: layout paint;
  opacity: 1;
  filter: none;
  transition:
    opacity 1200ms ease,
    filter 1200ms ease;
}

.seahorse-swim-box.is-dimmed {
  opacity: 0.76;
  filter:
    saturate(0.84)
    brightness(0.9)
    contrast(0.94);
}

.seahorse-swim-box.is-dimmed .seahorse::before {
  opacity: 0.08;
}

.seahorse-swim-box.is-dimmed .seahorse::after {
  opacity: 0.1;
}

.seahorse-swim-box.is-dimmed .seahorse-bubble {
  opacity: 0.45;
}

.seahorse {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--swim-size, 5.20833cqw);
  aspect-ratio: var(--seahorse-ratio, 1 / 1);
  background: var(--seahorse-image) center / contain no-repeat;
  opacity: var(--seahorse-opacity, 0.84);
  isolation: isolate;
  filter:
    hue-rotate(-132deg)
    saturate(var(--seahorse-saturation, 1.5))
    brightness(var(--seahorse-brightness, 1))
    contrast(var(--seahorse-contrast, 1))
    drop-shadow(var(--seahorse-shadow-x, -0.09cqw) 0.12cqw 0 rgba(0, 0, 0, var(--seahorse-shadow-opacity, 0.42)))
    drop-shadow(0 0 0.26cqw rgba(0, 231, 255, var(--seahorse-glow-opacity, 0.24)));
  transform: translate3d(calc(var(--swim-x-start, 0px) + var(--avoid-x, 0px)), calc(var(--swim-y-start, 50%) + var(--avoid-y, 0px)), 0) rotate(var(--swim-tilt-start, 0deg)) scale(var(--seahorse-scale-x, var(--swim-flip, 1)), var(--seahorse-depth-y, 1));
  transform-origin: 50% 42%;
  animation: seahorse-swim var(--swim-duration, 90000ms) linear var(--swim-delay, 0ms) both;
  backface-visibility: hidden;
  will-change: transform;
}

.seahorse::before,
.seahorse::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background: var(--seahorse-image) center / contain no-repeat;
  pointer-events: none;
}

.seahorse::before {
  z-index: 1;
  opacity: var(--seahorse-glint-opacity-base, 0.18);
  filter:
    hue-rotate(-132deg)
    saturate(1.55)
    brightness(1.32)
    contrast(1.06);
  mix-blend-mode: screen;
  transform-origin: 44% 34%;
  animation: seahorse-inner-glint var(--seahorse-life-duration, 4300ms) ease-in-out var(--seahorse-life-delay, 0ms) infinite;
}

.seahorse::after {
  z-index: 0;
  opacity: var(--seahorse-volume-opacity, 0.14);
  filter:
    brightness(0)
    blur(0.045cqw);
  mix-blend-mode: multiply;
  transform-origin: 52% 55%;
  animation: seahorse-soft-volume var(--seahorse-volume-duration, 5000ms) ease-in-out var(--seahorse-life-delay, 0ms) infinite;
}

.stage.is-site-open .is-subpage-seahorse .seahorse,
.stage.is-showing-site .is-subpage-seahorse .seahorse {
  opacity: calc(var(--seahorse-opacity, 0.84) * 0.58);
  filter:
    hue-rotate(-132deg)
    saturate(calc(var(--seahorse-saturation, 1.5) * 0.58))
    brightness(calc(var(--seahorse-brightness, 1) * 0.8))
    contrast(calc(var(--seahorse-contrast, 1) * 0.94))
    drop-shadow(var(--seahorse-shadow-x, -0.09cqw) 0.12cqw 0 rgba(0, 0, 0, var(--seahorse-shadow-opacity, 0.42)))
    drop-shadow(0 0 0.2cqw rgba(0, 231, 255, 0.12));
}

.stage.is-site-open .is-subpage-seahorse .seahorse::before,
.stage.is-showing-site .is-subpage-seahorse .seahorse::before {
  opacity: calc(var(--seahorse-glint-opacity-base, 0.18) * 0.58);
}

.stage.is-site-open .is-subpage-seahorse .seahorse::after,
.stage.is-showing-site .is-subpage-seahorse .seahorse::after {
  opacity: calc(var(--seahorse-volume-opacity, 0.14) * 0.58);
}

.seahorse-bubble {
  position: absolute;
  left: var(--bubble-x, 50%);
  top: var(--bubble-y, 50%);
  z-index: 2;
  width: var(--bubble-size, 4px);
  aspect-ratio: 1;
  border: max(1px, 0.04cqw) solid rgba(225, 255, 255, 0.72);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  box-shadow:
    inset 0.035cqw 0.035cqw 0 rgba(255, 255, 255, 0.4),
    0 0 0.22cqw rgba(154, 247, 255, 0.28);
  opacity: 0;
  transform: translate3d(-50%, -50%, 0) scale(0.2);
  animation: seahorse-bubble-rise var(--bubble-duration, 3600ms) ease-out var(--bubble-delay, 0ms) both;
  backface-visibility: hidden;
  will-change: transform, opacity;
}

@keyframes seahorse-bubble-rise {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0.2);
  }
  18% {
    opacity: var(--bubble-opacity, 0.42);
  }
  76% {
    opacity: var(--bubble-opacity-mid, 0.3);
  }
  100% {
    opacity: 0;
    transform: translate3d(calc(-50% + var(--bubble-drift, 0px)), calc(-50% - var(--bubble-rise, 42px)), 0) scale(1.2);
  }
}

@keyframes seahorse-inner-glint {
  0%,
  100% {
    opacity: var(--seahorse-glint-opacity-base, 0.18);
    transform: translate3d(var(--seahorse-glint-x-a, -0.035cqw), -0.035cqw, 0) scale(0.982, 0.992);
  }

  44% {
    opacity: var(--seahorse-glint-opacity-peak, 0.32);
    transform: translate3d(var(--seahorse-glint-x-b, 0.045cqw), 0.025cqw, 0) scale(1.018, 1.028);
  }

  68% {
    opacity: var(--seahorse-glint-opacity-mid, 0.22);
    transform: translate3d(var(--seahorse-glint-x-c, -0.018cqw), 0.01cqw, 0) scale(0.992, 1.012);
  }
}

@keyframes seahorse-soft-volume {
  0%,
  100% {
    transform: translate3d(var(--seahorse-volume-x-a, -0.13cqw), 0.16cqw, 0) scale(1.012, 1.018);
  }

  50% {
    transform: translate3d(var(--seahorse-volume-x-b, -0.19cqw), 0.22cqw, 0) scale(1.036, 1.008);
  }
}

@keyframes seahorse-swim {
  0% {
    transform: translate3d(calc(var(--swim-x-start, 0px) + var(--avoid-x, 0px)), calc(var(--swim-y-start, 50%) + var(--avoid-y, 0px)), 0) rotate(var(--swim-tilt-start, 0deg)) scale(var(--seahorse-scale-x, var(--swim-flip, 1)), var(--seahorse-depth-y, 1));
  }
  25% {
    transform: translate3d(calc(var(--swim-x-25, 25%) + var(--avoid-x, 0px)), calc(var(--swim-y-25, 50%) + var(--avoid-y, 0px)), 0) rotate(var(--swim-tilt-25, 0deg)) scale(var(--seahorse-scale-x, var(--swim-flip, 1)), var(--seahorse-depth-y, 1));
  }
  50% {
    transform: translate3d(calc(var(--swim-x-mid, 50%) + var(--avoid-x, 0px)), calc(var(--swim-y-mid, 50%) + var(--avoid-y, 0px)), 0) rotate(var(--swim-tilt-mid, 0deg)) scale(var(--seahorse-scale-x, var(--swim-flip, 1)), var(--seahorse-depth-y, 1));
  }
  75% {
    transform: translate3d(calc(var(--swim-x-75, 75%) + var(--avoid-x, 0px)), calc(var(--swim-y-75, 50%) + var(--avoid-y, 0px)), 0) rotate(var(--swim-tilt-75, 0deg)) scale(var(--seahorse-scale-x, var(--swim-flip, 1)), var(--seahorse-depth-y, 1));
  }
  100% {
    transform: translate3d(calc(var(--swim-x-end, 100%) + var(--avoid-x, 0px)), calc(var(--swim-y-end, 50%) + var(--avoid-y, 0px)), 0) rotate(var(--swim-tilt-end, 0deg)) scale(var(--seahorse-scale-x, var(--swim-flip, 1)), var(--seahorse-depth-y, 1));
  }
}

@media (pointer: fine) {
  .stage.has-frog-cursor,
  .stage.has-frog-cursor * {
    cursor: none;
  }

  .stage.has-fly-cursor:not(.is-frog-control-active),
  .stage.has-fly-cursor:not(.is-frog-control-active) * {
    cursor: none;
  }

  .stage.is-frog-control-active.has-frog-cursor,
  .stage.is-frog-control-active.has-frog-cursor * {
    cursor: none;
  }
}

.neon-layer span:nth-child(1),
.project-hotspots a:nth-child(1) {
  left: 0.62%;
  top: 0.56%;
  width: 19.63%;
  height: 49.42%;
}

.neon-layer span:nth-child(2),
.project-hotspots a:nth-child(2) {
  left: 20.81%;
  top: 0.56%;
  width: 18.29%;
  height: 49.42%;
}

.neon-layer span:nth-child(3),
.project-hotspots a:nth-child(3) {
  left: 39.58%;
  top: 0.56%;
  width: 18.58%;
  height: 49.42%;
}

.neon-layer span:nth-child(4),
.project-hotspots a:nth-child(4) {
  left: 58.64%;
  top: 0.56%;
  width: 21.23%;
  height: 49.42%;
}

.neon-layer span:nth-child(5),
.project-hotspots a:nth-child(5) {
  left: 80.29%;
  top: 0.56%;
  width: 19.09%;
  height: 49.42%;
}

.neon-layer span:nth-child(6),
.project-hotspots a:nth-child(6) {
  left: 0.62%;
  top: 50.6%;
  width: 19.63%;
  height: 48.78%;
}

.neon-layer span:nth-child(7),
.project-hotspots a:nth-child(7) {
  left: 20.81%;
  top: 50.6%;
  width: 18.29%;
  height: 48.78%;
}

.neon-layer span:nth-child(8),
.project-hotspots a:nth-child(8) {
  left: 39.58%;
  top: 50.6%;
  width: 18.58%;
  height: 48.78%;
}

.neon-layer span:nth-child(9),
.project-hotspots a:nth-child(9) {
  left: 58.64%;
  top: 50.6%;
  width: 21.23%;
  height: 48.78%;
}

.neon-layer span:nth-child(10),
.project-hotspots a:nth-child(10) {
  left: 80.29%;
  top: 50.6%;
  width: 19.09%;
  height: 48.78%;
}

.title-layer {
  --main-title-angle: var(--subpage-type-angle);
  --main-title-offset-y: 2.2cqw;
  --title-shadow:
    0.03em 0.04em 0.022em rgba(0, 0, 0, 0.44),
    -0.006em -0.007em 0.01em rgba(255, 220, 247, 0.1);
  position: absolute;
  inset: 0;
  z-index: 4;
  display: grid;
  grid-template-columns: 1fr;
  align-content: center;
  justify-items: center;
  padding: 3.3% 2.7%;
  pointer-events: none;
  color: var(--paper);
  font-family: var(--display-font);
  font-weight: 900;
  font-stretch: condensed;
  text-transform: uppercase;
  transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--main-title-angle)) skewX(-8deg) translateY(var(--main-title-offset-y));
  transform-origin: center;
  text-align: center;
  text-shadow: var(--title-shadow);
  transform-style: preserve-3d;
  opacity: 0;
  filter: brightness(1) saturate(1);
  transition:
    opacity 3300ms cubic-bezier(0.18, 0.72, 0.18, 1),
    filter 3600ms cubic-bezier(0.18, 0.72, 0.18, 1);
}

.stage.is-title-ready .title-layer {
  opacity: 1;
}

.stage.is-title-ready.is-frog-idle:not(.is-frog-control-active):not(.is-frog-catching):not(.is-showing-site):not(.is-site-open) .title-layer {
  opacity: 0.34;
  filter: brightness(0.72) saturate(0.62);
}

.stage.is-title-ready.is-frog-control-active .title-layer {
  opacity: 1;
  filter: brightness(1.04) saturate(1.08);
}

.stage.is-title-dropping .title-layer {
  opacity: var(--title-motion-opacity) !important;
  filter: brightness(var(--title-motion-brightness)) saturate(var(--title-motion-saturation)) !important;
  transition: none;
}

.stage.is-title-dropped .title-layer {
  opacity: 0.3;
  filter: brightness(0.58) saturate(0.54);
}

.stage.is-title-rebuilding .title-layer {
  opacity: var(--title-motion-opacity) !important;
  filter: brightness(var(--title-motion-brightness)) saturate(var(--title-motion-saturation)) !important;
  transition: none;
}

.stage.is-title-home-pulse .title-layer {
  animation: title-home-pulse 1650ms cubic-bezier(0.15, 0.7, 0.16, 1) both;
}

.stage.is-title-loaded-pulse .title-layer {
  animation: title-loaded-pulse 1550ms cubic-bezier(0.14, 0.72, 0.18, 1) both;
}

.stage.is-showing-site .title-layer,
.stage.is-site-open .title-layer {
  opacity: 0;
  visibility: hidden;
  transition: none;
}

.title-layer p {
  margin: 0 0 -0.2em;
  font-size: 11.78385cqw;
  font-weight: 900;
  line-height: 0.7;
  letter-spacing: 0.012em;
  text-shadow: var(--title-shadow);
  -webkit-text-stroke: 0.003em rgba(7, 3, 2, 0.18);
  paint-order: fill stroke;
}

h1 {
  display: block;
  margin: 0;
  font-size: 12.82552cqw;
  font-weight: 900;
  line-height: 0.7;
  letter-spacing: 0.012em;
  white-space: nowrap;
  text-shadow: var(--title-shadow);
  -webkit-text-stroke: 0.003em rgba(7, 3, 2, 0.18);
  paint-order: fill stroke;
}

.title-line {
  display: block;
  overflow: visible;
  line-height: 0.7;
}

.title-line + .title-line {
  margin-top: -0.2em;
}

.letter {
  --glyph-y: 0px;
  --glyph-scale-y: 1;
  display: inline-block;
  line-height: 0.9;
  padding-top: 0.018em;
  margin-top: -0.018em;
  text-shadow: var(--title-shadow);
  transform-origin: center;
  transform: translate3d(var(--push-x, 0), calc(var(--push-y, 0) + var(--glyph-y)), 0) rotate(var(--push-r, 0deg)) scaleY(var(--glyph-scale-y));
  backface-visibility: hidden;
  will-change: transform;
}

.title-line:first-child .letter:first-child,
.title-line:nth-child(3) .letter:first-child {
  --glyph-y: -0.012em;
  --glyph-scale-y: 1.012;
  padding-top: 0.034em;
  margin-top: -0.034em;
}

.stage.is-image-loaded .letter {
  color: var(--seahorse-pink);
  background: none;
  -webkit-text-fill-color: var(--seahorse-pink);
}

.stage:not(.is-image-loaded) .title-layer p,
.stage:not(.is-image-loaded) .title-layer h1,
.stage:not(.is-image-loaded) .letter {
  color: transparent;
}

.stage:not(.is-image-loaded) .letter {
  background:
    linear-gradient(
      0deg,
      var(--title-load-fill) 0%,
      var(--title-load-fill) max(0%, calc(var(--title-load-progress, 0%) - 4.8%)),
      var(--title-load-highlight) calc(var(--title-load-progress, 0%) + var(--title-wave, 0%)),
      var(--title-load-deep) min(100%, calc(var(--title-load-progress, 0%) + 8.4%)),
      var(--title-load-deep) 100%
    );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes title-home-pulse {
  0% {
    filter: brightness(1) saturate(1);
    transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--main-title-angle)) skewX(-8deg) translateY(var(--main-title-offset-y)) scale(1);
    text-shadow: var(--title-shadow);
  }

  28% {
    filter: brightness(1.2) saturate(1.28);
    transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--main-title-angle)) skewX(-8deg) translateY(calc(var(--main-title-offset-y) - 0.18cqw)) scale(1.014, 1.024);
    text-shadow: 0.095em 0.12em 0.045em rgba(0, 0, 0, 0.9);
  }

  54% {
    filter: brightness(1.08) saturate(1.14);
    transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--main-title-angle)) skewX(-8deg) translateY(calc(var(--main-title-offset-y) + 0.07cqw)) scale(0.998, 0.994);
  }

  76% {
    filter: brightness(1.13) saturate(1.18);
    transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--main-title-angle)) skewX(-8deg) translateY(calc(var(--main-title-offset-y) - 0.06cqw)) scale(1.006, 1.011);
  }

  100% {
    filter: brightness(1) saturate(1);
    transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--main-title-angle)) skewX(-8deg) translateY(var(--main-title-offset-y)) scale(1);
    text-shadow: var(--title-shadow);
  }
}

@keyframes title-loaded-pulse {
  0% {
    filter: brightness(1) saturate(1);
    transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--main-title-angle)) skewX(-8deg) translateY(var(--main-title-offset-y)) scale(1);
    text-shadow: var(--title-shadow);
  }

  34% {
    filter: brightness(1.18) saturate(1.22);
    transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--main-title-angle)) skewX(-8deg) translateY(var(--main-title-offset-y)) scale(1.018, 1.026);
    text-shadow:
      0.095em 0.12em 0.045em rgba(0, 0, 0, 0.92),
      0 0 0.12em rgba(154, 247, 255, 0.08);
  }

  66% {
    filter: brightness(1.06) saturate(1.1);
    transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--main-title-angle)) skewX(-8deg) translateY(var(--main-title-offset-y)) scale(0.998, 0.996);
  }

  100% {
    filter: brightness(1) saturate(1);
    transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--main-title-angle)) skewX(-8deg) translateY(var(--main-title-offset-y)) scale(1);
    text-shadow: var(--title-shadow);
  }
}

.made-layer {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 1.10677cqw;
  padding: 4%;
  color: var(--seahorse-pink);
  font-family:
    Impact, Haettenschweiler, "Arial Black", "Franklin Gothic Heavy", sans-serif;
  pointer-events: none;
  opacity: 0;
  text-align: center;
  text-transform: uppercase;
  filter: brightness(1) saturate(1);
  transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--subpage-type-angle)) skewX(-8deg) translateY(34cqw);
  transition:
    opacity var(--subpage-title-enter-duration) cubic-bezier(0.18, 0.72, 0.2, 1),
    filter 1300ms cubic-bezier(0.18, 0.72, 0.2, 1),
    transform var(--subpage-title-enter-duration) cubic-bezier(0.12, 0.74, 0.16, 1);
  text-shadow: var(--subpage-type-shadow);
}

.made-layer > span {
  padding: 0;
  border: 0;
  background: none;
  font-size: 2.66927cqw;
  font-weight: 900;
  line-height: 0.86;
  letter-spacing: 0.025em;
  -webkit-text-stroke: 0.018em #070302;
  paint-order: stroke fill;
}

.subpage-letter {
  display: inline-block;
  white-space: pre;
  transform: translate3d(var(--subpage-letter-x, 0px), var(--subpage-letter-y, 0px), 0) rotate(var(--subpage-letter-r, 0deg));
  transform-origin: center;
  backface-visibility: hidden;
  will-change: transform;
}

.subpage-letter.is-space {
  min-width: 0.28em;
}

.made-layer .made-by {
  font-size: 2.34375cqw;
}

.made-layer .made-cleaner-link {
  appearance: none;
  position: relative;
  display: block;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
  font-size: 5.79427cqw;
  font-weight: 900;
  line-height: 0.84;
  letter-spacing: 0.02em;
  font-family: inherit;
  text-decoration: none;
  -webkit-text-stroke: 0.018em #070302;
  paint-order: stroke fill;
  opacity: 1;
  pointer-events: none;
  text-shadow: var(--subpage-type-shadow);
  text-transform: uppercase;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: center;
  transition:
    color 520ms ease,
    filter 520ms ease,
    text-shadow 640ms ease,
    transform 780ms cubic-bezier(0.16, 0.74, 0.18, 1);
}

.made-layer .made-cleaner-link::before {
  content: "";
  position: absolute;
  inset: -0.42em -0.5em;
  display: block;
}

.stage.is-site-open.is-site-ready .made-cleaner-link {
  pointer-events: none;
}

.stage.is-site-open.is-site-ready.is-back-magnet .made-cleaner-link {
  z-index: 10;
  filter: brightness(1.18) saturate(1.16);
  text-shadow:
    var(--subpage-type-shadow),
    0 0 0.14em rgba(255, 0, 180, 0.18);
  transform: translate3d(0, 0, 0) scale(1.045);
}

.stage.is-back-hit .made-cleaner-link,
.stage.is-back-hit .made-cleaner-link:hover,
.stage.is-back-hit .made-cleaner-link:focus-visible {
  animation: target-hit-flicker 1500ms steps(1, end) both;
  color: var(--seahorse-pink);
  pointer-events: none;
  text-shadow: 0.09em 0.11em 0.04em rgba(0, 0, 0, 0.92);
}

.stage.is-site-open.is-site-ready.is-site-closing .made-cleaner-link,
.stage.is-site-open.is-site-ready.is-site-closing .made-cleaner-link:hover,
.stage.is-site-open.is-site-ready.is-site-closing .made-cleaner-link:focus-visible,
.stage.is-site-open.is-site-ready.is-site-closing.is-back-magnet .made-cleaner-link,
.stage.is-site-open.is-site-ready.is-site-closing.is-back-magnet .made-cleaner-link:hover,
.stage.is-site-open.is-site-ready.is-site-closing.is-back-magnet .made-cleaner-link:focus-visible,
.stage.is-back-hit.is-site-closing .made-cleaner-link,
.stage.is-back-hit.is-site-closing .made-cleaner-link:hover,
.stage.is-back-hit.is-site-closing .made-cleaner-link:focus-visible {
  pointer-events: none;
  animation: none;
}

.stage.is-site-open.is-site-ready .made-layer {
  opacity: 1;
  transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--subpage-type-angle)) skewX(-8deg) translateY(6.96615cqw);
}

.stage.is-site-open.is-site-ready.is-site-title-entering .made-layer {
  opacity: 1;
  pointer-events: none;
  transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--subpage-type-angle)) skewX(-8deg) translateY(6.96615cqw);
  transition:
    opacity var(--subpage-title-enter-duration) cubic-bezier(0.18, 0.72, 0.2, 1),
    filter 1300ms cubic-bezier(0.18, 0.72, 0.2, 1),
    transform var(--subpage-title-enter-duration) cubic-bezier(0.12, 0.74, 0.16, 1);
}

.stage.is-site-open.is-site-ready.is-site-title-entering .made-cleaner-link {
  pointer-events: none;
}

.stage.is-site-open.is-site-closing .made-layer {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--subpage-type-angle)) skewX(-8deg) translateY(6.96615cqw);
  transition: opacity 900ms cubic-bezier(0.18, 0.72, 0.2, 1);
}

.help-link {
  position: absolute;
  top: var(--help-top);
  left: var(--help-left);
  right: auto;
  z-index: 8;
  display: grid;
  grid-auto-rows: min-content;
  row-gap: 0;
  height: auto;
  width: var(--help-width);
  place-items: center;
  border: 0;
  border-radius: 0;
  padding: 0;
  color: var(--help-seahorse-blue);
  background: transparent;
  box-shadow: none;
  font: 900 3.0599cqw / 0.82 Impact, Haettenschweiler, "Arial Black", sans-serif;
  letter-spacing: 0.02em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: var(--link-text-shadow);
  -webkit-text-stroke: 0.018em #070302;
  paint-order: stroke fill;
  opacity: 0;
  pointer-events: none;
  transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--subpage-type-angle)) skewX(-8deg);
  transform-origin: center;
  transition:
    opacity 900ms ease,
    color 260ms ease,
    transform 980ms cubic-bezier(0.12, 0.68, 0.14, 1),
    text-shadow 520ms ease;
}

.help-link span:not(.help-perch-fly) {
  display: block;
  line-height: 0.78;
}

.help-link .help-line {
  position: relative;
  width: max-content;
  justify-self: center;
}

.help-link .help-perch-fly {
  bottom: auto;
  width: 0.62em;
}

.help-link .help-link__fly--one {
  top: -0.44em;
  right: -0.1em;
  --help-perch-rot: -14deg;
}

.stage.is-help-fly-away .help-link .help-perch-fly {
  opacity: 0.9;
  transform:
    translate3d(var(--help-fly-x, 0px), var(--help-fly-y, -1em), 0)
    rotate(var(--help-fly-rot, -42deg))
    scale(1.04);
  filter:
    drop-shadow(0.055em 0.06em 0 rgba(0, 0, 0, 0.72))
    drop-shadow(0 0 0.18em rgba(255, 121, 0, 0.48));
}

.stage.is-help-fly-away .help-link .help-perch-fly__wing {
  opacity: 0.96;
  animation-duration: 92ms;
}

.stage.is-image-loaded:not(.is-site-open) .help-link {
  opacity: 0;
  pointer-events: none;
  filter: brightness(0.62) saturate(0.7);
}

.stage.is-image-loaded.is-help-rollover:not(.is-site-open) .help-link,
.stage.is-image-loaded.is-help-rollover:not(.is-site-open) .help-link:hover,
.stage.is-image-loaded.is-help-rollover:not(.is-site-open) .help-link:focus-visible,
.stage.is-image-loaded.is-help-magnet:not(.is-site-open) .help-link,
.stage.is-image-loaded.is-help-magnet:not(.is-site-open) .help-link:hover,
.stage.is-image-loaded.is-help-magnet:not(.is-site-open) .help-link:focus-visible {
  color: var(--baldiga-orange);
  background: transparent;
  outline: 0;
  opacity: 1;
  pointer-events: auto;
  filter: brightness(1.2) saturate(1.34);
  text-shadow:
    var(--link-text-shadow),
    0 0 0.2em var(--baldiga-orange-glow);
  transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--subpage-type-angle)) skewX(-8deg) scale(1.1);
  box-shadow: none;
}

.stage.is-image-loaded.is-help-magnet:not(.is-site-open) .help-link,
.stage.is-image-loaded.is-help-magnet:not(.is-site-open) .help-link:hover,
.stage.is-image-loaded.is-help-magnet:not(.is-site-open) .help-link:focus-visible {
  transform: translate3d(calc(var(--help-x, 0px) - var(--help-home-x, 0px)), calc(var(--help-y, 0px) - var(--help-home-y, 0px)), 0) perspective(49.47917cqw) rotateX(5deg) rotateZ(var(--subpage-type-angle)) skewX(-8deg) scale(1.04);
  transition:
    opacity 420ms ease,
    color 520ms ease,
    filter 520ms ease,
    transform 980ms cubic-bezier(0.16, 0.84, 0.18, 1),
    text-shadow 520ms ease;
}

.stage.is-site-open .help-link {
  opacity: 0;
  pointer-events: none;
}

.stage.is-help-rollover,
.stage.is-help-magnet {
  cursor: pointer;
}

.stage.is-help-magnet .help-link,
.stage.is-help-magnet .help-link:hover,
.stage.is-help-magnet .help-link:focus-visible {
  top: var(--help-top);
  left: var(--help-left);
  right: auto;
  z-index: 10;
  color: var(--baldiga-orange);
  background: transparent;
  box-shadow: none;
  outline: 0;
  opacity: 1;
  pointer-events: auto;
  filter: brightness(1.2) saturate(1.34);
  text-shadow:
    var(--link-text-shadow),
    0 0 0.2em var(--baldiga-orange-glow);
  transition:
    color 120ms ease,
    text-shadow 120ms ease;
}

.site-hover-button {
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  display: grid;
  min-width: 0;
  width: max-content;
  height: auto;
  place-items: center;
  border: 0;
  border-radius: 0;
  padding: 0;
  color: var(--baldiga-orange);
  background: transparent;
  box-shadow: none;
  font: 900 3.51563cqw / 0.82 Impact, Haettenschweiler, "Arial Black", sans-serif;
  letter-spacing: 0.02em;
  opacity: 0;
  pointer-events: none;
  text-transform: uppercase;
  text-shadow: var(--link-text-shadow);
  -webkit-text-stroke: 0.018em #070302;
  paint-order: stroke fill;
  cursor: pointer;
  filter: brightness(0.82) saturate(0.92);
  transform: translate3d(calc(var(--site-label-x, 50%) - 50%), calc(var(--site-label-y, 50%) - 50%), 0) rotate(-4deg) scale(var(--site-label-scale, 1));
  transition:
    opacity 520ms cubic-bezier(0.18, 0.72, 0.2, 1),
    color 320ms ease,
    filter 380ms cubic-bezier(0.18, 0.72, 0.2, 1),
    transform 420ms cubic-bezier(0.16, 0.74, 0.18, 1),
    text-shadow 360ms ease;
  will-change: opacity, transform;
}

.site-hover-button span {
  display: block;
  white-space: nowrap;
}

.site-hover-button__line--small {
  font-size: 0.72em;
  line-height: 0.8;
}

.site-hover-button__line--baldiga {
  margin: 0.08em 0 0.06em;
  font-size: 1em;
  line-height: 0.76;
}

.stage.is-site-label-visible:not(.is-site-open) .site-hover-button {
  opacity: 1;
  pointer-events: auto;
  background: transparent;
  box-shadow: none;
  filter: brightness(1.16) saturate(1.22);
  transform: translate3d(calc(var(--site-label-x, 50%) - 50%), calc(var(--site-label-y, 50%) - 50%), 0) rotate(-4deg) scale(var(--site-label-scale, 1));
}

.stage.is-site-label-visible:not(.is-site-open):not(.is-site-portal-event) .neon-layer span.is-link-panel,
.stage.is-site-label-visible:not(.is-site-open):not(.is-site-portal-event) .neon-layer span.is-link-panel-flicker-in,
.stage.is-site-label-visible:not(.is-site-open):not(.is-site-portal-event) .neon-layer span.is-link-panel-flicker-out {
  --active-panel-bg: var(--portal-panel-bg);
  --tile-vignette-opacity: 0.48;
  --tile-edge-vignette-opacity: 0.12;
}

.stage.is-site-label-visible:not(.is-site-open):not(.is-site-portal-event) .neon-layer span.is-neon-active {
  background: var(--portal-panel-bg);
  --tile-vignette-opacity: 0.48;
  --tile-edge-vignette-opacity: 0.12;
}

.stage.is-help-rollover:not(.is-site-open) .neon-layer span.is-neon-active,
.stage.is-help-magnet:not(.is-site-open) .neon-layer span.is-neon-active {
  background: var(--portal-panel-bg);
  --tile-vignette-opacity: 0.48;
  --tile-edge-vignette-opacity: 0.12;
}

.neon-layer span:nth-child(1).is-neon-active,
.neon-layer span:nth-child(10).is-neon-active,
.neon-layer span:nth-child(1).is-link-panel,
.neon-layer span:nth-child(10).is-link-panel,
.neon-layer span:nth-child(1).is-link-panel-flicker-in,
.neon-layer span:nth-child(10).is-link-panel-flicker-in,
.neon-layer span:nth-child(1).is-link-panel-flicker-out,
.neon-layer span:nth-child(10).is-link-panel-flicker-out {
  background: var(--portal-panel-bg);
  --tile-vignette-opacity: 0.48;
  --tile-edge-vignette-opacity: 0.12;
}

.stage.is-site-label-visible:not(.is-site-open) .neon-layer span:nth-child(1).is-neon-active,
.stage.is-site-label-visible:not(.is-site-open) .neon-layer span:nth-child(1).is-link-panel {
  background: var(--portal-panel-bg);
  --tile-vignette-opacity: 0.48;
  --tile-edge-vignette-opacity: 0.12;
}

.stage.is-site-portal-event:not(.is-site-open) .site-hover-button {
  opacity: 1;
  pointer-events: none;
  color: var(--baldiga-orange);
  filter: brightness(1.24) saturate(1.34);
  animation: site-portal-button 3600ms cubic-bezier(0.16, 0.78, 0.18, 1) both;
}

.help-link::before,
.site-hover-button::before,
.external-link::before,
.back-button::before {
  content: "";
  position: absolute;
  inset: -2.34375cqw;
  display: block;
}

.site-hover-button::before {
  inset: -2.08333cqw;
}

.back-button::before {
  inset: -4.42708cqw;
}

.external-link::before {
  inset: -3.38542cqw -4.81771cqw;
}

.back-button,
.external-link {
  position: absolute;
  top: 11.45833cqw;
  z-index: 8;
  display: grid;
  height: 3.45052cqw;
  place-items: center;
  border: 0.19531cqw solid #050504;
  border-radius: 0;
  padding: 0;
  color: #050504;
  background: var(--seahorse-pink);
  box-shadow:
    0.1888cqw 0.1888cqw 0 #050504,
    0.35156cqw 0.35156cqw 0 rgba(0, 0, 0, 0.42);
  font: 900 2.47396cqw / 0.8 Impact, Haettenschweiler, "Arial Black", sans-serif;
  letter-spacing: 0;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: rotate(-1.5deg) translateY(25cqw);
  transition:
    opacity 3600ms cubic-bezier(0.18, 0.72, 0.2, 1) 900ms,
    transform 6800ms cubic-bezier(0.1, 0.72, 0.16, 1);
}

.back-button {
  top: 10.35156cqw;
  right: 7.94271cqw;
  width: 4.6875cqw;
  height: 4.6875cqw;
  transform: translate3d(0, 25cqw, 0) perspective(49.47917cqw) rotateX(5deg) rotateZ(-10deg) skewX(-8deg);
}

.external-link {
  top: 22.78646cqw;
  right: auto;
  left: 50%;
  width: 38.02083cqw;
  height: 4.88281cqw;
  min-width: 0;
  padding: 0 2.21354cqw;
  background: var(--link-blue);
  box-shadow:
    0.1888cqw 0.1888cqw 0 #050504,
    0.35156cqw 0.35156cqw 0 rgba(0, 0, 0, 0.42),
    0 0 1.04167cqw rgba(154, 247, 255, 0.46);
  text-decoration: none;
  font-size: 1.88802cqw;
  transform:
    translate3d(0, 25cqw, 0)
    translateX(-50%)
    perspective(49.47917cqw)
    rotateX(5deg)
    rotateZ(var(--subpage-type-angle))
    skewX(-8deg);
}

.back-button:focus-visible {
  background: var(--link-blue);
  outline: 0;
  transform: rotate(7deg) scale(1.14);
  box-shadow:
    0.29297cqw 0.29297cqw 0 #050504,
    0.54036cqw 0.54036cqw 0 rgba(0, 0, 0, 0.42),
    0 0 1.23698cqw rgba(154, 247, 255, 0.5);
}

.stage.is-site-open.is-site-ready .back-button,
.stage.is-site-open.is-site-ready .external-link {
  opacity: 1;
  pointer-events: none;
  transform: rotate(4deg) translateY(0);
}

.stage.is-site-open.is-site-ready.is-back-magnet .back-button,
.stage.is-site-open.is-site-ready.is-back-magnet .back-button:hover,
.stage.is-site-open.is-site-ready.is-back-magnet .back-button:focus-visible {
  z-index: 11;
  background: var(--seahorse-pink);
  transform: translate3d(calc(var(--back-x, 0px) - var(--back-home-x, 0px)), calc(var(--back-y, 0px) - var(--back-home-y, 0px)), 0) rotate(5deg) scale(1.025);
  transition:
    opacity 180ms ease,
    background 220ms ease,
    box-shadow 360ms ease;
}

.external-link,
.stage.is-site-open.is-site-ready .external-link,
.stage.is-site-open.is-site-ready.is-external-magnet .external-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  width: auto;
  min-width: 0;
  height: auto;
  border: 0;
  padding: 0;
  color: var(--baldiga-orange);
  background: transparent;
  box-shadow: none;
  font:
    900 8.85417cqw / 0.68 Impact,
    Haettenschweiler,
    "Arial Black",
    "Franklin Gothic Heavy",
    sans-serif;
  letter-spacing: 0.012em;
  text-decoration: none;
  text-shadow: var(--subpage-type-shadow);
  text-transform: none;
  -webkit-text-stroke: 0.018em #070302;
  paint-order: stroke fill;
  transition:
    opacity var(--subpage-title-enter-duration) cubic-bezier(0.18, 0.72, 0.2, 1),
    text-shadow 760ms ease,
    filter 520ms ease,
    color 520ms ease,
    transform var(--subpage-title-enter-duration) cubic-bezier(0.12, 0.74, 0.16, 1);
}

.external-link .subpage-letter {
  flex: 0 0 auto;
}

.stage.is-site-open.is-site-ready .external-link {
  transform:
    translate3d(0, 0, 0)
    translateX(-50%)
    perspective(49.47917cqw)
    rotateX(5deg)
    rotateZ(var(--subpage-type-angle))
    skewX(-8deg);
}

.stage.is-site-open.is-site-ready.is-external-magnet .external-link {
  z-index: 10;
  transform:
    translate3d(0, 0, 0)
    translateX(-50%)
    perspective(49.47917cqw)
    rotateX(5deg)
    rotateZ(var(--subpage-type-angle))
    skewX(-8deg)
    scale(1.045);
}

.stage.is-site-open.is-site-ready.is-site-title-entering .external-link,
.stage.is-site-open.is-site-ready.is-site-title-entering.is-external-magnet .external-link {
  opacity: 1;
  pointer-events: none;
  transform:
    translate3d(0, 0, 0)
    translateX(-50%)
    perspective(49.47917cqw)
    rotateX(5deg)
    rotateZ(var(--subpage-type-angle))
    skewX(-8deg);
  transition:
    opacity var(--subpage-title-enter-duration) cubic-bezier(0.18, 0.72, 0.2, 1),
    transform var(--subpage-title-enter-duration) cubic-bezier(0.12, 0.74, 0.16, 1);
}

.stage.is-site-open.is-site-ready.is-external-magnet .external-link {
  filter: brightness(1.22) saturate(1.2);
  text-shadow:
    var(--subpage-type-shadow),
    0 0 0.14em var(--baldiga-orange-glow);
}

.stage.is-site-open.is-site-ready .back-button,
.stage.is-site-open.is-site-ready .back-button:hover,
.stage.is-site-open.is-site-ready .back-button:focus-visible,
.stage.is-site-open.is-site-ready.is-back-magnet .back-button,
.stage.is-site-open.is-site-ready.is-back-magnet .back-button:hover,
.stage.is-site-open.is-site-ready.is-back-magnet .back-button:focus-visible {
  width: auto;
  min-width: 0;
  height: auto;
  border: 0;
  padding: 0;
  color: var(--back-button-pink);
  background: transparent;
  box-shadow: none;
  font:
    900 4.81771cqw / 0.84 Impact,
    Haettenschweiler,
    "Arial Black",
    "Franklin Gothic Heavy",
    sans-serif;
  letter-spacing: 0.02em;
  text-shadow: var(--main-type-shadow);
  -webkit-text-stroke: 0.018em #070302;
  paint-order: stroke fill;
  transition:
    opacity 3600ms cubic-bezier(0.18, 0.72, 0.2, 1) 900ms,
    transform 6800ms cubic-bezier(0.1, 0.72, 0.16, 1),
    text-shadow 760ms ease,
    color 520ms ease;
}

.stage.is-site-open.is-site-ready .back-button {
  transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(-10deg) skewX(-8deg);
}

.stage.is-site-open.is-site-ready .back-button:focus-visible {
  outline: 0;
  transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(-10deg) skewX(-8deg) scale(1.095);
}

.stage.is-site-open.is-site-ready.is-back-magnet .back-button,
.stage.is-site-open.is-site-ready.is-back-magnet .back-button:hover,
.stage.is-site-open.is-site-ready.is-back-magnet .back-button:focus-visible {
  transform:
    translate3d(calc(var(--back-x, 0px) - var(--back-home-x, 0px)), calc(var(--back-y, 0px) - var(--back-home-y, 0px)), 0)
    perspective(49.47917cqw)
    rotateX(5deg)
    rotateZ(-10deg)
    skewX(-8deg)
    scale(1.065);
}

.stage.is-site-open.is-site-ready:not(.is-site-title-entering) .external-link,
.stage.is-site-open.is-site-ready:not(.is-site-title-entering) .back-button {
  transition:
    opacity 260ms ease,
    transform 300ms cubic-bezier(0.16, 0.74, 0.18, 1),
    text-shadow 320ms ease,
    filter 320ms ease,
    color 320ms ease;
}

.stage.is-site-open.is-site-ready:not(.is-site-title-entering) .made-layer,
.stage.is-site-open.is-site-ready:not(.is-site-title-entering) .external-link {
  transition:
    opacity 3600ms cubic-bezier(0.18, 0.72, 0.2, 1),
    filter 2600ms cubic-bezier(0.18, 0.72, 0.2, 1),
    transform 320ms cubic-bezier(0.16, 0.74, 0.18, 1),
    text-shadow 320ms ease,
    color 320ms ease;
}

.stage.is-site-open.is-site-ready.is-subpage-text-dimmed:not(.is-site-title-entering):not(.is-site-closing):not(.is-frog-control-active):not(.is-back-hit):not(.is-subpage-return-event) .made-layer,
.stage.is-site-open.is-site-ready.is-subpage-text-dimmed:not(.is-site-title-entering):not(.is-site-closing):not(.is-frog-control-active):not(.is-back-hit):not(.is-subpage-return-event) .external-link {
  opacity: 0;
  filter: brightness(0.48) saturate(0.58);
}

.stage.is-site-open.is-site-ready.is-subpage-return-event:not(.is-site-closing) .made-layer,
.stage.is-site-open.is-site-ready.is-subpage-return-event:not(.is-site-closing) .external-link {
  opacity: 1;
  filter: brightness(1.08) saturate(1.08);
  animation: subpage-return-links-wake 2600ms cubic-bezier(0.16, 0.72, 0.18, 1) both;
}

.stage.is-site-open.is-site-ready .back-button:focus-visible {
  text-shadow:
    var(--main-type-shadow),
    0 0 0.22em rgba(255, 0, 180, 0.34);
}

.stage.is-help-hit .help-link {
  animation: help-target-comic-hit 3900ms cubic-bezier(0.14, 0.84, 0.18, 1) both;
  color: var(--seahorse-pink);
  opacity: 1;
  pointer-events: none;
  text-shadow:
    0.095em 0.115em 0.04em rgba(0, 0, 0, 0.94),
    0 0 0.18em rgba(255, 0, 180, 0.36);
}

.stage.is-back-hit .back-button,
.stage.is-back-hit .back-button:hover,
.stage.is-back-hit .back-button:focus-visible {
  animation: target-hit-flicker 1500ms steps(1, end) both;
  color: var(--seahorse-pink);
  opacity: 1;
  pointer-events: none;
  text-shadow: 0.09em 0.11em 0.04em rgba(0, 0, 0, 0.92);
}

@keyframes subpage-return-links-wake {
  0% {
    opacity: 0;
    filter: brightness(0.42) saturate(0.6) blur(0.08cqw);
  }

  38% {
    opacity: 0.72;
    filter: brightness(0.9) saturate(0.94) blur(0.025cqw);
  }

  100% {
    opacity: 1;
    filter: brightness(1.08) saturate(1.08) blur(0);
  }
}

@keyframes help-target-comic-hit {
  0% {
    color: var(--seahorse-pink);
    opacity: 0.12;
    filter: brightness(0.72) saturate(0.92) blur(0.025cqw);
    transform:
      perspective(49.47917cqw)
      rotateX(5deg)
      rotateZ(var(--subpage-type-angle))
      skewX(-8deg)
      scale(0.78, 1.12);
    text-shadow:
      0.07em 0.08em 0.03em rgba(0, 0, 0, 0.88),
      0 0 0.08em rgba(255, 0, 180, 0.22);
  }

  10% {
    opacity: 1;
    filter: brightness(1.86) saturate(2.02) blur(0);
    transform:
      perspective(49.47917cqw)
      rotateX(5deg)
      rotateZ(calc(var(--subpage-type-angle) - 2.6deg))
      skewX(-8deg)
      scale(1.34, 0.82);
    text-shadow:
      0.12em 0.14em 0.045em rgba(0, 0, 0, 0.96),
      0.19em 0.2em 0 rgba(0, 0, 0, 0.46),
      0 0 0.42em rgba(255, 0, 180, 0.66);
  }

  22% {
    filter: brightness(1.34) saturate(1.62);
    transform:
      perspective(49.47917cqw)
      rotateX(5deg)
      rotateZ(calc(var(--subpage-type-angle) + 1.5deg))
      skewX(-8deg)
      scale(0.98, 1.08);
  }

  38% {
    opacity: 1;
    filter: brightness(1.72) saturate(1.88);
    transform:
      perspective(49.47917cqw)
      rotateX(5deg)
      rotateZ(calc(var(--subpage-type-angle) - 1.5deg))
      skewX(-8deg)
      scale(1.16, 0.92);
    text-shadow:
      0.13em 0.15em 0.05em rgba(0, 0, 0, 0.96),
      0.24em 0.23em 0 rgba(0, 0, 0, 0.38),
      0 0 0.34em rgba(255, 0, 180, 0.58);
  }

  55% {
    opacity: 0.88;
    filter: brightness(1.08) saturate(1.34);
    transform:
      perspective(49.47917cqw)
      rotateX(5deg)
      rotateZ(calc(var(--subpage-type-angle) + 0.6deg))
      skewX(-8deg)
      scale(1.02, 1.02);
  }

  73% {
    opacity: 1;
    filter: brightness(1.62) saturate(1.82);
    transform:
      perspective(49.47917cqw)
      rotateX(5deg)
      rotateZ(calc(var(--subpage-type-angle) - 0.85deg))
      skewX(-8deg)
      scale(1.12, 0.96);
    text-shadow:
      0.12em 0.14em 0.05em rgba(0, 0, 0, 0.96),
      0 0 0.32em rgba(255, 0, 180, 0.56);
  }

  100% {
    color: var(--seahorse-pink);
    opacity: 0.96;
    filter: brightness(1.2) saturate(1.44);
    transform:
      perspective(49.47917cqw)
      rotateX(5deg)
      rotateZ(var(--subpage-type-angle))
      skewX(-8deg)
      scale(1.04);
    text-shadow:
      0.095em 0.115em 0.04em rgba(0, 0, 0, 0.94),
      0 0 0.2em rgba(255, 0, 180, 0.42);
  }
}

@keyframes site-portal-button {
  0% {
    transform: translate3d(calc(var(--site-label-x, 50%) - 50%), calc(var(--site-label-y, 50%) - 50%), 0) rotate(-4deg) scale(var(--site-label-scale, 1));
    text-shadow: var(--link-text-shadow);
    filter: brightness(1) saturate(1.1);
  }

  18% {
    transform: translate3d(calc(var(--site-label-x, 50%) - 50%), calc(var(--site-label-y, 50%) - 50%), 0) rotate(-6deg) scale(calc(var(--site-label-scale, 1) * 1.18));
    text-shadow:
      0.11em 0.13em 0.045em rgba(0, 0, 0, 0.94),
      0 0 0.24em rgba(255, 121, 0, 0.5);
    filter: brightness(1.42) saturate(1.46);
  }

  42% {
    transform: translate3d(calc(var(--site-label-x, 50%) - 50%), calc(var(--site-label-y, 50%) - 50%), 0) rotate(-2.6deg) scale(calc(var(--site-label-scale, 1) * 1.08));
    filter: brightness(1.12) saturate(1.2);
  }

  70% {
    transform: translate3d(calc(var(--site-label-x, 50%) - 50%), calc(var(--site-label-y, 50%) - 50%), 0) rotate(-7deg) scale(calc(var(--site-label-scale, 1) * 1.28));
    text-shadow:
      0.14em 0.16em 0.055em rgba(0, 0, 0, 0.96),
      0 0 0.32em rgba(255, 121, 0, 0.62);
    filter: brightness(1.56) saturate(1.58);
  }

  100% {
    transform: translate3d(calc(var(--site-label-x, 50%) - 50%), calc(var(--site-label-y, 50%) - 50%), 0) rotate(-4deg) scale(calc(var(--site-label-scale, 1) * 1.16));
    text-shadow:
      0.1em 0.12em 0.045em rgba(0, 0, 0, 0.94),
      0 0 0.2em rgba(255, 121, 0, 0.48);
    filter: brightness(1.28) saturate(1.32);
  }
}

@keyframes target-hit-flicker {
  0%,
  100% {
    color: var(--seahorse-pink);
    opacity: 1;
    filter: brightness(1.16) saturate(1.45);
    text-shadow: 0.09em 0.11em 0.04em rgba(0, 0, 0, 0.92);
  }

  8%,
  14%,
  27%,
  45%,
  64%,
  81% {
    color: var(--seahorse-pink);
    opacity: 1;
    filter: brightness(1.16) saturate(1.35);
    text-shadow:
      0.1em 0.12em 0.05em rgba(0, 0, 0, 0.94),
      0 0 0.12em rgba(255, 0, 180, 0.24);
  }

  11%,
  20%,
  34%,
  52%,
  72%,
  90% {
    color: var(--seahorse-pink);
    opacity: 0.86;
    filter: brightness(0.92) saturate(1.15);
    text-shadow: 0.075em 0.095em 0.035em rgba(0, 0, 0, 0.86);
  }
}

.stage.is-site-open.is-site-ready.is-site-closing .external-link,
.stage.is-site-open.is-site-ready.is-site-closing .external-link:focus-visible,
.stage.is-site-open.is-site-ready.is-site-closing.is-external-magnet .external-link,
.stage.is-site-open.is-site-ready.is-site-closing.is-external-magnet .external-link:focus-visible {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform:
    translate3d(0, 0, 0)
    translateX(-50%)
    perspective(49.47917cqw)
    rotateX(5deg)
    rotateZ(var(--subpage-type-angle))
    skewX(-8deg);
  transition: opacity 900ms cubic-bezier(0.18, 0.72, 0.2, 1);
}

.stage.is-site-open.is-site-ready.is-site-closing .back-button,
.stage.is-site-open.is-site-ready.is-site-closing .back-button:not(:hover):not(:focus-visible),
.stage.is-site-open.is-site-ready.is-site-closing .back-button:hover,
.stage.is-site-open.is-site-ready.is-site-closing .back-button:focus-visible,
.stage.is-site-open.is-site-ready.is-site-closing.is-back-magnet .back-button,
.stage.is-site-open.is-site-ready.is-site-closing.is-back-magnet .back-button:hover,
.stage.is-site-open.is-site-ready.is-site-closing.is-back-magnet .back-button:focus-visible,
.stage.is-back-hit.is-site-closing .back-button,
.stage.is-back-hit.is-site-closing .back-button:hover,
.stage.is-back-hit.is-site-closing .back-button:focus-visible {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  animation: none;
  transform: perspective(49.47917cqw) rotateX(5deg) rotateZ(-10deg) skewX(-8deg);
  transition: opacity 900ms cubic-bezier(0.18, 0.72, 0.2, 1);
}

.stage.is-site-open.is-site-ready:is(.is-subpage-text-dropping, .is-subpage-text-dropped, .is-subpage-text-rebuilding):not(.is-site-title-entering):not(.is-site-closing) .made-layer {
  opacity: 1;
  transform:
    translate3d(var(--subpage-made-x, 0px), var(--subpage-made-y, 0px), 0)
    rotate(var(--subpage-made-r, 0deg))
    perspective(49.47917cqw)
    rotateX(5deg)
    rotateZ(var(--subpage-type-angle))
    skewX(-8deg)
    translateY(6.96615cqw);
  transition:
    opacity 4200ms cubic-bezier(0.18, 0.72, 0.2, 1),
    filter 4200ms cubic-bezier(0.18, 0.72, 0.2, 1);
}

.stage.is-site-open.is-site-ready:is(.is-subpage-text-dropping, .is-subpage-text-dropped, .is-subpage-text-rebuilding):not(.is-site-title-entering):not(.is-site-closing) .external-link,
.stage.is-site-open.is-site-ready:is(.is-subpage-text-dropping, .is-subpage-text-dropped, .is-subpage-text-rebuilding):not(.is-site-title-entering):not(.is-site-closing).is-external-magnet .external-link {
  opacity: 1;
  transform:
    translate3d(var(--subpage-external-x, 0px), var(--subpage-external-y, 0px), 0)
    rotate(var(--subpage-external-r, 0deg))
    translateX(-50%)
    perspective(49.47917cqw)
    rotateX(5deg)
    rotateZ(var(--subpage-type-angle))
    skewX(-8deg);
  transition:
    opacity 4200ms cubic-bezier(0.18, 0.72, 0.2, 1),
    filter 4200ms cubic-bezier(0.18, 0.72, 0.2, 1),
    color 520ms ease,
    text-shadow 760ms ease;
}

.stage.is-site-open.is-site-ready.is-subpage-text-dropping:not(.is-site-title-entering):not(.is-site-closing) .made-layer,
.stage.is-site-open.is-site-ready.is-subpage-text-dropping:not(.is-site-title-entering):not(.is-site-closing) .external-link {
  opacity: 0.62;
  filter: brightness(0.76) saturate(0.72);
}

.stage.is-site-open.is-site-ready.is-subpage-text-dropped:not(.is-site-title-entering):not(.is-site-closing) .made-layer,
.stage.is-site-open.is-site-ready.is-subpage-text-dropped:not(.is-site-title-entering):not(.is-site-closing) .external-link {
  opacity: 0;
  filter: brightness(0.4) saturate(0.42);
}

.stage.is-site-open.is-site-ready.is-subpage-text-rebuilding:not(.is-site-title-entering):not(.is-site-closing) .made-layer,
.stage.is-site-open.is-site-ready.is-subpage-text-rebuilding:not(.is-site-title-entering):not(.is-site-closing) .external-link {
  opacity: 1;
  filter: brightness(1.06) saturate(1.08);
}

.project-hotspots {
  position: absolute;
  inset: 0;
  z-index: 7;
  pointer-events: none;
}

.project-hotspots a {
  position: absolute;
  display: block;
  cursor: default;
  outline: none;
  pointer-events: none;
}

.project-hotspots a[data-site] {
  cursor: pointer;
}

.stage.is-site-open .project-hotspots {
  pointer-events: none;
}

.stage.is-frog-waiting .project-hotspots,
.stage.is-frog-waiting .help-link,
.stage.is-frog-waiting .site-hover-button {
  pointer-events: none;
}

@-moz-document url-prefix() {
  .neon-layer span {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transition:
      background 780ms ease,
      box-shadow 780ms ease;
  }

  .site-window iframe {
    filter: grayscale(1) contrast(0.94) brightness(0.82) sepia(0.08) saturate(0.88) !important;
  }

  .explorer-fly,
  .seahorse,
  .frog-cursor {
    will-change: transform;
  }
}