/* A quiet arrival after the space journey. Native flow keeps the footer grounded. */
#flight {
  height: 1100svh;
}
.header {
  background: rgba(8, 9, 9, 0.68);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition:
    top 0.38s var(--ease),
    width 0.38s var(--ease),
    height 0.38s var(--ease),
    padding 0.38s var(--ease),
    background 0.38s;
}
.header .brand img {
  transition: width 0.38s var(--ease);
}
.header .index-button {
  min-height: 44px;
}
.header .plus {
  transition:
    width 0.38s var(--ease),
    height 0.38s var(--ease),
    background 0.18s;
}
.header.is-scrolled {
  top: 0;
  width: 100%;
  height: 58px;
  padding: 0 5vw;
  border: 0;
  background: rgba(8, 9, 9, 0.8);
}
.header.is-scrolled .brand img {
  width: 122px;
}
.header.is-scrolled .plus {
  width: 38px;
  height: 38px;
}
.closing {
  --closing-reveal: 1;
  position: relative;
  z-index: 3;
  isolation: isolate;
  background: #080909;
  min-height: 100svh;
  width: 100%;
  margin: 0;
  padding: clamp(116px, 16svh, 180px) 5vw 0;
  display: flex;
  flex-direction: column;
  overflow: clip;
}
.closing h2 {
  max-width: 1800px;
  width: 100%;
  margin: 0 auto 40px;
  line-height: 0.98;
  opacity: var(--closing-reveal);
  transform: translate3d(
    calc(var(--pointer-x, 0) * 0.16px),
    calc((1 - var(--closing-reveal)) * 64px + var(--pointer-y, 0) * 0.12px),
    0
  );
}
.closing .destination-actions {
  max-width: 1800px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: clamp(60px, 10svh, 130px);
  opacity: var(--closing-reveal);
  transform: translateY(calc((1 - var(--closing-reveal)) * 95px));
}
.closing footer {
  width: 100%;
  max-width: 1800px;
  margin: auto auto 0;
  padding-bottom: max(28px, env(safe-area-inset-bottom));
}
.inspection-layout {
  transform: translate(-50%, -50%)
    translateY(calc((1 - var(--inspection-enter, 1)) * 56px))
    scale(calc(0.94 + var(--inspection-enter, 1) * 0.06));
}
.app-shards {
  transform: translate3d(
      calc(var(--pointer-x, 0) * 0.24px),
      calc(var(--pointer-y, 0) * 0.18px),
      0
    )
    rotateX(calc(var(--pointer-y, 0) * -0.14deg))
    rotateY(calc(var(--pointer-x, 0) * 0.14deg));
}
.motion-off #flight {
  height: auto;
}
.motion-off .closing h2,
.motion-off .closing .destination-actions {
  opacity: 1;
  transform: none;
}
.motion-off .inspection-layout {
  transform: none;
}
.motion-off .app-shards {
  transform: none;
}
.motion-off .header,
.motion-off .header .brand img,
.motion-off .header .plus {
  transition: none;
}
@media (max-width: 800px) {
  .header.is-scrolled {
    top: 0;
    height: 54px;
    width: 100%;
    padding: 0 8px 0 15px;
  }
  .header.is-scrolled .brand img {
    width: 106px;
  }
  .header.is-scrolled .plus {
    width: 34px;
    height: 34px;
  }
  .closing {
    padding: 116px 6vw 0;
  }
  .closing h2 {
    font-size: clamp(46px, 13vw, 104px);
    margin-bottom: 30px;
  }
  .closing .destination-actions {
    padding-bottom: 64px;
  }
  .closing footer {
    margin-top: auto;
    gap: 20px;
  }
  .process-world {
    width: 84vw;
  }
  .process-list::before,
  .process-title::before {
    inset: -20px -16px;
  }
}
@media (max-width: 500px) {
  .closing {
    padding-top: clamp(104px, 16svh, 144px);
  }
  .closing h2 {
    font-size: 12.8vw;
  }
  .closing .destination-actions p {
    font-size: 17px;
  }
  .closing .destination-actions .support-note {
    font-size: 13px;
  }
  .closing .destination-actions {
    gap: 28px;
    padding-bottom: 58px;
  }
  .closing footer {
    font-size: 10px;
    gap: 16px;
  }
  .closing footer > a:first-child {
    font-size: 17px;
  }
  .closing footer button {
    font-size: 10px;
    padding: 8px 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .closing h2,
  .closing .destination-actions,
  .app-shards {
    transform: none;
    opacity: 1;
  }
}