/* A real stacking relationship: character behind the actual pill, fingers in
   front. No opacity animation, clipping windows, or interchangeable bodies. */
#landing .hero-video-actions {
  margin-top: 4rem;
  isolation: isolate;
}
#landing .hero-video-actions > .hero-video-cta {
  position: relative;
  z-index: 2;
}
#landing .hero-video-actions > .hero-video-cta:hover {
  transform: none;
}
#landing .rise-button-scene { display: contents; }
#landing .rise-button-rig {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  user-select: none;
}
#landing .rise-button-rig--rear { z-index: 1; }
#landing .rise-button-rig--front { z-index: 3; }
/* Leave room for the feet while Rise crosses the underside of the button. */
#landing .hero-scroll-cue { margin-top: 4.75rem; }
#landing .rise-button-hitarea {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 48px;
  height: 48px;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  cursor: default;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
#landing .rise-button-hitarea:focus-visible {
  outline: 2px dashed #fff4d8;
  outline-offset: 3px;
}
#landing .rise-button-limb {
  fill: none;
  stroke: #000;
  stroke-width: 3.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 860px) {
  #landing .hero-video-actions { margin-top: 3.5rem; }
}