.u .wordmark {
  gap: 0;
  border-radius: 8px;
}
.u .wordmark:focus-visible {
  outline-offset: 6px;
}
.u .wordmark-img {
  display: block;
  width: 120px;
  height: auto;
}
.u .wordmark-footer .lockup-img {
  display: block;
  width: 92px;
  height: auto;
}
@media (max-width: 760px) {
  .u .wordmark-img {
    width: 108px;
  }
}
.u .descent > .loop > .wrap.split {
  row-gap: 0;
}
@media (min-width: 1024px) {
  .u .descent > .section {
    padding-top: clamp(5rem, 7.5vw, 7rem);
    padding-bottom: clamp(3.5rem, 5.5vw, 5rem);
  }
  .u .descent > .section.how {
    padding-top: clamp(6rem, 9vw, 8rem);
  }
  .u .descent > .loop {
    padding-bottom: clamp(3.5rem, 5.5vw, 5rem);
  }
  .u .ns-results {
    margin-top: clamp(3.5rem, 6vw, 5rem);
  }
}
.u-stage .under-pic::after {
  height: 2.5%;
}
@media (max-width: 1023px) {
  .u .descent > .section,
  .u .descent > .section:not(.how),
  .u .vision + .section {
    padding-top: 0;
    padding-bottom: clamp(3rem, 10vw, 4.5rem);
  }
  .u .descent > .section + .section::before {
    display: none;
  }
  .u .scene {
    margin-top: 0;
  }
  .u .scene-win,
  .u .scene-win:not(.scene-free) {
    position: relative;
    top: auto;
    z-index: 0;
    margin: 0 calc(-1 * var(--gutter));
    background: none;
  }
  .u .scene-win::after,
  .u .scene-win > .u-frame::after {
    display: none;
  }
  .u .scene-win > .u-frame {
    width: min(100%, 36rem);
    margin: 0 auto;
    --u-fmask:
      linear-gradient(
        180deg,
        transparent,
        #000 20%,
        #000 76%,
        transparent);
  }
  .u .scene-win > .u-frame-how {
    aspect-ratio: 487 / 470;
    --u-fs: 182.136% auto;
    --u-fp: 100% 17.638%;
  }
  .u .scene-win > .u-frame-proof {
    aspect-ratio: 487 / 300;
    --u-fs: 182.136% auto;
    --u-fp: 100% 50.543%;
  }
  .u .scene-win > .u-frame-northstar {
    aspect-ratio: 487 / 450;
    --u-fs: 182.136% auto;
    --u-fp: 100% 78.550%;
  }
  .u .scene-win > .u-frame-loop {
    aspect-ratio: 487 / 244;
    --u-fs: 182.136% auto;
    --u-fp: 100% 100%;
  }
  .u .descent .sec-head {
    position: relative;
    z-index: 1;
    margin-top: -1.25rem;
  }
  .u .descent .section-index {
    margin-bottom: 1rem;
  }
  .u .descent .status {
    margin-bottom: 1rem;
  }
  .u .scene-text {
    padding: 0;
  }
  .u .scene-text > p:first-child {
    margin-top: 1.25rem;
  }
  .u .descent > .section.loop {
    padding-bottom: 0;
  }
  .u .descent > .loop > .wrap.split {
    display: block;
  }
  .u .descent > .loop .sec-head {
    margin-top: 0;
    padding-top: clamp(0.5rem, 3vw, 1.25rem);
  }
  .u .descent > .loop .signup-wait {
    position: relative;
    z-index: 1;
    margin-top: 1.5rem;
  }
  .u .scene-ground {
    margin-top: -1.75rem;
  }
  .u .scene-ground > .u-frame {
    --u-fmask:
      linear-gradient(
        180deg,
        transparent,
        #000 40%,
        #000 86%,
        transparent);
  }
  .u .site-footer {
    border-top-color: transparent;
    padding-top: 1.5rem;
  }
}
@media (min-width: 37rem) and (max-width: 1023px) {
  .u .scene-win > .u-frame {
    --u-fmask:
      linear-gradient(
        180deg,
        transparent,
        #000 20%,
        #000 76%,
        transparent),
      linear-gradient(
        90deg,
        transparent,
        #000 12%,
        #000 88%,
        transparent);
  }
  .u .scene-ground > .u-frame {
    --u-fmask:
      linear-gradient(
        180deg,
        transparent,
        #000 40%,
        #000 86%,
        transparent),
      linear-gradient(
        90deg,
        transparent,
        #000 12%,
        #000 88%,
        transparent);
  }
  .u .scene-win > .u-frame::before,
  .u .scene-win > .u-frame canvas {
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }
}
@media (max-width: 1023px) and (min-width: 600px) and (orientation: landscape) {
  .u .descent > .section.how,
  .u .descent > .section:not(.how) {
    padding-top: clamp(2.5rem, 6vw, 3.5rem);
  }
  .u .descent > .section > .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    column-gap: clamp(1.25rem, 3vw, 2rem);
    align-items: start;
  }
  .u .descent > .section > .wrap > * {
    grid-column: 1 / -1;
  }
  .u .descent > .section > .wrap > .sec-head {
    grid-column: 1;
    grid-row: 1;
    margin-top: 0;
  }
  .u .descent > .section > .wrap > .scene {
    display: block;
    grid-column: 1;
    grid-row: 2;
  }
  .u .descent > .section > .wrap > .scene-win {
    grid-column: 2;
    grid-row: 1 / span 2;
    margin: 0;
  }
  .u .descent > .section > .wrap > .scene-win > .u-frame {
    width: 100%;
  }
  .u .descent > .loop > .wrap > .scene-ground {
    grid-column: 1 / -1;
    grid-row: auto;
    margin: clamp(1.25rem, 4vw, 2rem) calc(-1 * var(--gutter)) 0;
  }
  .u .descent > .loop > .wrap > .scene-ground > .u-frame {
    width: min(100%, 36rem);
  }
  .u .descent > .loop .sec-head {
    padding-top: 0;
  }
}
.u .signup-wait {
  margin: 2rem 0 0;
  max-width: 30rem;
  padding: 1rem 1.25rem 1.05rem;
  border-radius: 12px;
  border: 1px solid rgba(183, 201, 191, 0.22);
  background:
    linear-gradient(
      180deg,
      rgba(244, 250, 246, 0.045),
      rgba(244, 250, 246, 0.01)),
    var(--u-satin);
  box-shadow: inset 0 1px 0 rgba(244, 250, 246, 0.07), 0 1px 0 rgba(0, 0, 0, 0.6);
}
.u .signup-wait p {
  margin: 0;
}
.u .wait-state {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  color: var(--color-text);
  font: 500 1rem/1.4 var(--font-sans);
}
.u .wait-dot {
  flex: none;
  width: 9px;
  height: 9px;
  margin-top: calc((1.4em - 9px) / 2);
  border-radius: 50%;
  box-shadow: inset 0 0 0 1.5px rgba(183, 201, 191, 0.7);
}
.u .wait-note {
  margin-top: 0.35rem;
  padding-left: calc(9px + 0.7rem);
  color: var(--color-text-secondary);
  font-size: 0.9375rem;
  line-height: 1.5;
}
.u .signup-wait {
  container-type: inline-size;
}
@container (max-width: 17em) {
  .u .wait-note {
    padding-left: 0;
  }
}
@media (min-width: 1024px) {
  .u-stage .descent .signup-wait {
    max-width: min(30rem, var(--u-colw));
  }
}