/* Decision 51: the owner's five stages on the original map and route. */
.getting-started-review .getting-started-walk {
  padding: calc(var(--bar-h) + 54px) 0 58px;
  background-size: max(var(--sheet-w), 100%) auto;
  background-repeat: repeat-y;
  background-position: center top;
}
.getting-started-review .getting-started-opening {
  position: relative;
  /* no z-index of its own: its words and buttons are raised in front of the hedge (shared-chrome.css) and cannot be if it shuts them in */
  margin-inline: 9vw;
  padding-bottom: 44px;
}
.getting-started-review .getting-started-opening h1 {
  margin: 0 0 20px;
  font-size: clamp(3rem, 2rem + 3.8vw, 5.5rem);
  line-height: 1.06;
}
.getting-started-review .getting-started-lead {
  max-inline-size: 36ch;
  font-size: clamp(1.35rem, 1.1rem + .65vw, 1.75rem);
  line-height: 1.4;
  margin: 0 0 24px;
}
.getting-started-review .getting-started-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 28px;
  margin: 0;
  font-size: 18px;
}
.getting-started-review .getting-started-actions .btn-ink { color: var(--paper); }
.getting-started-review .getting-started-contact-tail { white-space: nowrap; }
.getting-started-review .getting-started-stages { position: relative; }
.getting-started-review .getting-started-route { top: 0; bottom: 0; height: 100%; }
.getting-started-review .getting-started-stage {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(40px, 6vw, 100px);
  margin-inline: 9vw;
  padding: 40px 0 48px;
  border-top: 2px solid var(--ink-line);
  scroll-margin-top: calc(var(--bar-h) + 20px);
}
.getting-started-review .stage-number {
  margin: 0 0 14px;
  color: var(--orange);
  font: 650 17px/1.3 var(--font-body);
  letter-spacing: .05em;
}
.getting-started-review .stage-heading h2 {
  max-inline-size: 21ch;
  margin: 0;
  font-size: clamp(2.35rem, 1.4rem + 2.4vw, 3.8rem);
  line-height: 1.12;
  text-wrap: pretty;
}
.getting-started-review .stage-copy { padding-top: 36px; }
.getting-started-review .stage-copy p { max-inline-size: 39ch; margin: 0; font-size: 21px; line-height: 1.5; text-wrap: pretty; }
.getting-started-review .stage-copy p + p { margin-top: 18px; }
.getting-started-review .stage-copy strong { font-weight: 700; }
.getting-started-review .stage-copy a,
.getting-started-review .getting-started-actions > a:not(.btn) {
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.getting-started-review .getting-started-stage > .wp {
  --wp: 48px;
  left: -5.5vw;
  top: 94px;
  animation: none;
}
.getting-started-review .getting-started-stage > .wp svg { rotate: -90deg; }
.getting-started-review .getting-started-stage > .wp:is(:hover, :focus-visible) { scale: 1.1; }
.getting-started-review .getting-started-stage > .wp:is(:hover, :focus-visible) svg { rotate: 0deg; }
.getting-started-review #closing-invitation .wp { animation: none; }
@media (max-width: 63.99rem) {
  .getting-started-review .getting-started-walk { padding-top: calc(var(--bar-h) + 36px); padding-bottom: 36px; }
  .getting-started-review .getting-started-opening,
  .getting-started-review .getting-started-stage { margin-inline: 72px 24px; }
  .getting-started-review .getting-started-opening { padding-bottom: 34px; }
  .getting-started-review .getting-started-opening h1 { font-size: clamp(2.8rem, 5.5vw, 4.5rem); }
  .getting-started-review .getting-started-stage { grid-template-columns: 1fr; gap: 22px; padding-block: 30px 38px; }
  .getting-started-review .stage-heading h2 { font-size: clamp(2.2rem, 4.9vw, 3.3rem); max-inline-size: 27ch; }
  .getting-started-review .stage-copy { padding: 0; }
  .getting-started-review .stage-copy p { font-size: 19px; max-inline-size: 49ch; }
  .getting-started-review .stage-number { margin-bottom: 12px; }
  .getting-started-review .getting-started-stage > .wp { --wp: 40px; left: -44px; top: 81px; border-width: 3px; }
}
@media (max-width: 28rem) {
  .getting-started-review .getting-started-walk { padding-top: calc(var(--bar-h) + 28px); }
  .getting-started-review .getting-started-opening h1 { font-size: 42px; }
  .getting-started-review .getting-started-lead { font-size: 21px; }
  .getting-started-review .getting-started-actions { align-items: flex-start; gap: 18px; }
  .getting-started-review .getting-started-actions .btn { white-space: normal; text-align: center; max-inline-size: 100%; padding-inline: 16px; }
  .getting-started-review .stage-heading h2 { font-size: 34px; }
  .getting-started-review .stage-copy p { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .getting-started-review .getting-started-stage > .wp,
  .getting-started-review .getting-started-stage > .wp svg { transition: none; }
}