/* Respond to a deliberate choice: connection, next step, and a selected value. */
.hero .entry{transform:none;transition:background-color 180ms,border-color 180ms}
.hero .entry:hover{transform:none}
.hero .entry .arrow{transition:transform 180ms cubic-bezier(.2,.7,.3,1)}
.hero .entry:focus-visible{outline:2px solid #806039;outline-offset:4px;background:#f0ecdf;border-color:#a59779}
.hero .entry:focus-visible .arrow{transform:translateX(3px)}
.v-values-index a::before{content:'';position:absolute;left:24px;top:-4px;width:7px;height:7px;border-radius:50%;background:#9a967e;box-shadow:0 0 0 5px #faf9f6;pointer-events:none;transition:background-color 180ms,box-shadow 180ms}
.v-values-index a:nth-child(2)::before{background:#ad7858}
.v-values-index a:nth-child(3)::before{background:#7e8c66}
.v-values-index a:focus-visible::before{background:#806039;box-shadow:0 0 0 5px #faf9f6,0 0 0 6px #b7aa91}
.v-link,.mission-preview-links a{position:relative}
.v-link::after,.mission-preview-links a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#806039;transform:scaleX(0);transform-origin:left;pointer-events:none;transition:transform 180ms cubic-bezier(.2,.7,.3,1)}
.v-link:focus-visible::after,.mission-preview-links a:focus-visible::after{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){
  .hero .entry:hover{background:#f0ecdf;border-color:#a59779}
  .hero .entry:hover .arrow{transform:translateX(3px)}
  .v-values-index a:hover::before{background:#806039;box-shadow:0 0 0 5px #faf9f6,0 0 0 6px #b7aa91}
  .v-link:hover::after,.mission-preview-links a:hover::after{transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){
  .hero .entry,.hero .entry .arrow,.v-values-index a,.v-values-index a::before,.v-link::after,.mission-preview-links a::after{transition:none}
  .hero .entry:is(:hover,:focus-visible) .arrow{transform:none}
}