/* Both the contour and the rig use the photograph's original coordinates. */
#landing .hydro-shoulder-scene {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}
#landing .hydro-shoulder-limb {
  fill: none;
  stroke: #081e39;
  stroke-width: 3.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#landing .hydro-shoulder-hitarea {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  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 .hydro-shoulder-hitarea:focus-visible {
  outline: 2px dashed #fff4d8;
  outline-offset: 3px;
}
@media (max-width: 860px) {
  #landing .home-section--how-it-works .how-it-works-stage {
    display: flex;
    flex-direction: column;
  }
  #landing .home-section--how-it-works .how-it-works-copy { display: contents; }
  #landing .home-section--how-it-works .home-section-head { order: 0; }
  #landing .home-section--how-it-works .how-it-works-hero {
    display: block;
    position: relative;
    order: 1;
    width: 100%;
    aspect-ratio: 16 / 10;
    margin: 1.4rem 0 .5rem;
    border: 0;
    border-radius: 16px;
  }
  #landing .home-section--how-it-works .how-it-works-hero > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 12%;
  }
  #landing .home-section--how-it-works .how-it-works-steps { order: 2; }
  #landing .home-section--how-it-works .how-it-works-footer { order: 3; }
}