.scene[data-astro-cid-cegfnbod] {
  position: relative;
  width: 100%;
  pointer-events: none;
  --label-orange: var(--orange-text);
}

@media (width >= 64rem) {
  .scene[data-astro-cid-cegfnbod] {
    --label-orange: color-mix(in srgb, var(--orange-text) 78%, var(--charcoal));
  }
}

.scene-svg[data-astro-cid-cegfnbod] {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.scene-svg--d[data-astro-cid-cegfnbod] {
  aspect-ratio: 720 / 640;
  max-height: calc(var(--strip-h) - 14rem);
}

.scene-svg--m[data-astro-cid-cegfnbod] {
  display: none;
  aspect-ratio: 400 / 500;
  max-width: 30rem;
  margin-inline: auto;
}

@media (width <= 767.98px) {
  .scene-svg--d[data-astro-cid-cegfnbod] {
    display: none;
  }

  .scene-svg--m[data-astro-cid-cegfnbod] {
    display: block;
  }
}

.scene[data-astro-cid-cegfnbod][data-dir="rtl"] {
  --slide-from: 14px;
}

.s-terrain[data-astro-cid-cegfnbod], .s-doc[data-astro-cid-cegfnbod], .s-cal[data-astro-cid-cegfnbod], .s-goal-label[data-astro-cid-cegfnbod], .s-req-label[data-astro-cid-cegfnbod], .s-dates-label[data-astro-cid-cegfnbod], .s-next-label[data-astro-cid-cegfnbod] {
  transform-box: fill-box;
  transform-origin: center;
}

.s-cp[data-astro-cid-cegfnbod], .s-next[data-astro-cid-cegfnbod], .s-next-halo[data-astro-cid-cegfnbod], .s-goal-ring[data-astro-cid-cegfnbod], .s-compass[data-astro-cid-cegfnbod] {
  transform-box: fill-box;
  transform-origin: center;
}

.s-needle[data-astro-cid-cegfnbod], .s-dial[data-astro-cid-cegfnbod] {
  transform-box: view-box;
  transform-origin: 0 0;
}

.s-pole[data-astro-cid-cegfnbod] {
  transform-box: fill-box;
  transform-origin: 50% 100%;
}

.s-flag[data-astro-cid-cegfnbod] {
  transform-box: fill-box;
  transform-origin: 0%;
}

.s-leg[data-astro-cid-cegfnbod], .s-leg-0[data-astro-cid-cegfnbod] {
  stroke-dasharray: 1 1;
  stroke-dashoffset: 0;
}

.s-needle[data-astro-cid-cegfnbod] {
  transform: rotate(var(--rest));
}

.scene[data-astro-cid-cegfnbod][data-state="idle"] [data-astro-cid-cegfnbod]:is(.s-terrain, .s-compass, .s-route-faint, .s-pole, .s-flag, .s-goal-label, .s-goal-ring, .s-cp, .s-doc, .s-cal, .s-req-label, .s-dates-label, .s-next, .s-next-halo, .s-next-label, .s-leg, .s-leg-0) {
  opacity: 0;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-terrain[data-astro-cid-cegfnbod] {
  animation: selection-fade-up .7s var(--ease-out) 0s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-compass[data-astro-cid-cegfnbod] {
  animation: selection-fade .5s var(--ease-out) .2s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-needle[data-astro-cid-cegfnbod] {
  animation: 1.8s cubic-bezier(.37, 0, .63, 1) .2s both selection-needle;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-dial[data-astro-cid-cegfnbod] {
  animation: 1.8s cubic-bezier(.37, 0, .63, 1) .2s both selection-dial;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-route-faint[data-astro-cid-cegfnbod] {
  animation: selection-fade .6s var(--ease-out) .45s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-pole[data-astro-cid-cegfnbod] {
  animation: selection-rise .45s var(--ease-out) .6s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-flag[data-astro-cid-cegfnbod] {
  animation: selection-unfurl .45s var(--ease-out) .95s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-goal-label[data-astro-cid-cegfnbod] {
  animation: selection-fade-up .45s var(--ease-out) 1.1s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-cp-1[data-astro-cid-cegfnbod] {
  animation: selection-pop .42s var(--ease-out) 1.35s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-leg-1[data-astro-cid-cegfnbod] {
  animation: selection-draw .45s var(--ease-in-out) 1.45s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-cp-2[data-astro-cid-cegfnbod] {
  animation: selection-pop .42s var(--ease-out) 1.85s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-leg-2[data-astro-cid-cegfnbod] {
  animation: selection-draw .4s var(--ease-in-out) 1.9s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-cp-3[data-astro-cid-cegfnbod] {
  animation: selection-pop .42s var(--ease-out) 2.25s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-leg-3[data-astro-cid-cegfnbod] {
  animation: selection-draw .4s var(--ease-in-out) 2.3s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-cp-4[data-astro-cid-cegfnbod] {
  animation: selection-pop .42s var(--ease-out) 2.65s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-leg-4[data-astro-cid-cegfnbod] {
  animation: selection-draw .42s var(--ease-in-out) 2.7s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-goal-ring[data-astro-cid-cegfnbod] {
  animation: selection-pop .5s var(--ease-out) 3.05s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-doc[data-astro-cid-cegfnbod] {
  animation: selection-slide .45s var(--ease-out) 3.05s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-req-label[data-astro-cid-cegfnbod] {
  animation: selection-slide .4s var(--ease-out) 3.2s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-cal[data-astro-cid-cegfnbod] {
  animation: selection-slide .45s var(--ease-out) 3.3s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-dates-label[data-astro-cid-cegfnbod] {
  animation: selection-slide .4s var(--ease-out) 3.45s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-leg-0[data-astro-cid-cegfnbod] {
  animation: selection-draw .5s var(--ease-in-out) 3.8s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-next[data-astro-cid-cegfnbod] {
  animation: selection-pop .45s var(--ease-out) 4.2s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-next-halo[data-astro-cid-cegfnbod] {
  animation: selection-halo-in .6s var(--ease-out) 4.25s both;
}

.scene[data-astro-cid-cegfnbod][data-state="playing"] .s-next-label[data-astro-cid-cegfnbod] {
  animation: selection-fade-up .4s var(--ease-out) 4.35s both;
}

.scene[data-astro-cid-cegfnbod][data-state="done"] .s-needle[data-astro-cid-cegfnbod] {
  animation: selection-sway 9s var(--ease-in-out) infinite;
}

.scene[data-astro-cid-cegfnbod][data-state="done"] .s-next-halo[data-astro-cid-cegfnbod] {
  animation: selection-breathe 5s var(--ease-in-out) infinite;
}

@keyframes selection-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes selection-fade-up {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes selection-slide {
  from {
    opacity: 0;
    transform: translateX(var(--slide-from, -14px));
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes selection-draw {
  0% {
    stroke-dashoffset: 1px;
    opacity: 0;
  }

  6% {
    opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@keyframes selection-pop {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  60% {
    opacity: 1;
    transform: scale(1.14);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes selection-halo-in {
  from {
    opacity: 0;
    transform: scale(.4);
  }

  to {
    opacity: .7;
    transform: scale(1);
  }
}

@keyframes selection-rise {
  from {
    opacity: 0;
    transform: scaleY(0);
  }

  to {
    opacity: 1;
    transform: scaleY(1);
  }
}

@keyframes selection-unfurl {
  from {
    opacity: 0;
    transform: scaleX(0);
  }

  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes selection-needle {
  0% {
    transform: rotate(calc(var(--rest) - 60deg));
  }

  20% {
    transform: rotate(calc(var(--rest) + 145deg));
  }

  38% {
    transform: rotate(calc(var(--rest) - 95deg));
  }

  54% {
    transform: rotate(calc(var(--rest) + 60deg));
  }

  68% {
    transform: rotate(calc(var(--rest) - 34deg));
  }

  80% {
    transform: rotate(calc(var(--rest) + 18deg));
  }

  90% {
    transform: rotate(calc(var(--rest) - 7deg));
  }

  96% {
    transform: rotate(calc(var(--rest) + 2deg));
  }

  100% {
    transform: rotate(var(--rest));
  }
}

@keyframes selection-dial {
  0% {
    transform: rotate(10deg);
  }

  30% {
    transform: rotate(-7deg);
  }

  55% {
    transform: rotate(4deg);
  }

  78% {
    transform: rotate(-1.5deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes selection-sway {
  0%, 100% {
    transform: rotate(var(--rest));
  }

  50% {
    transform: rotate(calc(var(--rest) + 5deg));
  }
}

@keyframes selection-breathe {
  0%, 100% {
    opacity: .7;
    transform: scale(1);
  }

  50% {
    opacity: .45;
    transform: scale(1.12);
  }
}
.scene[data-astro-cid-rjx7nazg] {
  position: relative;
  width: 100%;
  pointer-events: none;
  --label-orange: var(--orange-text);
}

@media (width >= 64rem) {
  .scene[data-astro-cid-rjx7nazg] {
    --label-orange: color-mix(in srgb, var(--orange-text) 78%, var(--charcoal));
  }
}

.scene-svg[data-astro-cid-rjx7nazg] {
  display: block;
  width: 100%;
  height: auto;
}

.scene-svg--d[data-astro-cid-rjx7nazg] {
  aspect-ratio: 720 / 470;
}

.scene-svg--m[data-astro-cid-rjx7nazg] {
  display: none;
  aspect-ratio: 400 / 384;
  max-width: 30rem;
  margin-inline: auto;
}

@media (width <= 767.98px) {
  .scene-svg--d[data-astro-cid-rjx7nazg] {
    display: none;
  }

  .scene-svg--m[data-astro-cid-rjx7nazg] {
    display: block;
  }
}

.s-next-ring[data-astro-cid-rjx7nazg], .s-next-halo[data-astro-cid-rjx7nazg], .s-next-label[data-astro-cid-rjx7nazg], .s-weeks-label[data-astro-cid-rjx7nazg], .s-row-label[data-astro-cid-rjx7nazg], .s-next-band[data-astro-cid-rjx7nazg] {
  transform-box: fill-box;
  transform-origin: center;
}

.s-session[data-astro-cid-rjx7nazg], .s-tick[data-astro-cid-rjx7nazg], .s-next-icon[data-astro-cid-rjx7nazg] {
  transform-box: view-box;
  transform-origin: var(--ox) var(--oy);
}

.s-week[data-astro-cid-rjx7nazg] {
  transform-box: fill-box;
  transform-origin: 50% 0;
}

.s-span[data-astro-cid-rjx7nazg] {
  stroke-dasharray: 1 1;
  stroke-dashoffset: 0;
}

.s-next-band[data-astro-cid-rjx7nazg] {
  opacity: .55;
}

.scene[data-astro-cid-rjx7nazg][data-state="idle"] [data-astro-cid-rjx7nazg]:is(.s-weeks-label, .s-span, .s-span-ends, .s-week, .s-week-num, .s-row-label, .s-session, .s-tick, .s-next-band, .s-next-halo, .s-next-ring, .s-next-icon, .s-next-label) {
  opacity: 0;
}

.scene[data-astro-cid-rjx7nazg][data-state="playing"] .s-weeks-label[data-astro-cid-rjx7nazg] {
  animation: training-fade-up .45s var(--ease-out) .25s both;
}

.scene[data-astro-cid-rjx7nazg][data-state="playing"] .s-span[data-astro-cid-rjx7nazg] {
  animation: training-draw .7s var(--ease-in-out) .4s both;
}

.scene[data-astro-cid-rjx7nazg][data-state="playing"] .s-span-ends[data-astro-cid-rjx7nazg] {
  animation: training-fade .3s var(--ease-out) .4s both;
}

.scene[data-astro-cid-rjx7nazg][data-state="playing"] .s-week[data-astro-cid-rjx7nazg] {
  animation: training-band .48s var(--ease-out) calc(.35s + var(--i) * 40ms) both;
}

.scene[data-astro-cid-rjx7nazg][data-state="playing"] .s-week-num[data-astro-cid-rjx7nazg] {
  animation: training-fade .4s var(--ease-out) calc(.45s + var(--i) * 40ms) both;
}

.scene[data-astro-cid-rjx7nazg][data-state="playing"] .s-session[data-astro-cid-rjx7nazg] {
  animation: training-gather 1.25s cubic-bezier(.55, 0, .2, 1) var(--d) both;
}

.scene[data-astro-cid-rjx7nazg][data-state="playing"] .s-row-label[data-astro-cid-rjx7nazg] {
  animation: training-fade-up .45s var(--ease-out) calc(2.4s + var(--i) * .11s) both;
}

.scene[data-astro-cid-rjx7nazg][data-state="playing"] .s-tick[data-astro-cid-rjx7nazg] {
  animation: training-pop .34s var(--ease-out) calc(3.05s + var(--k) * 85ms) both;
}

.scene[data-astro-cid-rjx7nazg][data-state="playing"] .s-next-band[data-astro-cid-rjx7nazg] {
  animation: training-band-in .5s var(--ease-out) 3.85s both;
}

.scene[data-astro-cid-rjx7nazg][data-state="playing"] .s-next-halo[data-astro-cid-rjx7nazg] {
  animation: training-halo-in .55s var(--ease-out) 3.95s both;
}

.scene[data-astro-cid-rjx7nazg][data-state="playing"] .s-next-ring[data-astro-cid-rjx7nazg] {
  animation: training-pop .45s var(--ease-out) 3.95s both;
}

.scene[data-astro-cid-rjx7nazg][data-state="playing"] .s-next-icon[data-astro-cid-rjx7nazg] {
  animation: training-fade .4s var(--ease-out) 4.05s both;
}

.scene[data-astro-cid-rjx7nazg][data-state="playing"] .s-next-label[data-astro-cid-rjx7nazg] {
  animation: training-fade-up .45s var(--ease-out) 4.2s both;
}

.scene[data-astro-cid-rjx7nazg][data-state="done"] .s-next-halo[data-astro-cid-rjx7nazg] {
  animation: training-breathe 5s var(--ease-in-out) infinite;
}

@keyframes training-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes training-fade-up {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes training-draw {
  0% {
    stroke-dashoffset: 1px;
    opacity: 0;
  }

  6% {
    opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@keyframes training-band {
  from {
    opacity: 0;
    transform: scaleY(.2);
  }

  to {
    opacity: .3;
    transform: scaleY(1);
  }
}

@keyframes training-band-in {
  from {
    opacity: 0;
  }

  to {
    opacity: .55;
  }
}

@keyframes training-gather {
  0% {
    opacity: 0;
    transform: translate(var(--dx), var(--dy)) rotate(var(--r)) scale(.55);
  }

  24% {
    opacity: 1;
    transform: translate(var(--dx), var(--dy)) rotate(var(--r)) scale(.9);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes training-pop {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  60% {
    opacity: 1;
    transform: scale(1.15);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes training-halo-in {
  from {
    opacity: 0;
    transform: scale(.5);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes training-breathe {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .6;
    transform: scale(1.1);
  }
}
.scene[data-astro-cid-y5f2kudr] {
  position: relative;
  width: 100%;
  pointer-events: none;
}

.scene-svg[data-astro-cid-y5f2kudr] {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.scene-svg--m[data-astro-cid-y5f2kudr] {
  display: none;
}

@media (width <= 767.98px) {
  .scene-svg--d[data-astro-cid-y5f2kudr] {
    display: none;
  }

  .scene-svg--m[data-astro-cid-y5f2kudr] {
    display: block;
  }
}

.s-pop[data-astro-cid-y5f2kudr], .s-correct[data-astro-cid-y5f2kudr] {
  transform-box: fill-box;
  transform-origin: center;
}

.s-draw[data-astro-cid-y5f2kudr] {
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
}

.scene[data-astro-cid-y5f2kudr][data-state="idle"] [data-astro-cid-y5f2kudr]:is(.s-sym, .s-fade, .s-pop, .s-rise, .s-correct) {
  opacity: 0;
}

.scene[data-astro-cid-y5f2kudr][data-state="idle"] .s-draw[data-astro-cid-y5f2kudr] {
  stroke-dashoffset: 1px;
}

.scene[data-astro-cid-y5f2kudr][data-state="playing"] .s-sym[data-astro-cid-y5f2kudr] {
  animation: study-rise .65s var(--ease-out) both;
}

.scene[data-astro-cid-y5f2kudr][data-state="playing"] .s-dim[data-astro-cid-y5f2kudr] {
  animation: study-dim 3.3s var(--ease-in-out) 1.25s both;
}

.scene[data-astro-cid-y5f2kudr][data-state="playing"] .s-fade[data-astro-cid-y5f2kudr] {
  animation: study-fade .42s var(--ease-out) both;
}

.scene[data-astro-cid-y5f2kudr][data-state="playing"] .s-rise[data-astro-cid-y5f2kudr] {
  animation: study-rise .5s var(--ease-out) both;
}

.scene[data-astro-cid-y5f2kudr][data-state="playing"] .s-pop[data-astro-cid-y5f2kudr] {
  animation: study-pop .42s var(--ease-out) both;
}

.scene[data-astro-cid-y5f2kudr][data-state="playing"] .s-correct[data-astro-cid-y5f2kudr] {
  animation: study-pop .48s var(--ease-out) both;
}

.scene[data-astro-cid-y5f2kudr][data-state="playing"] .s-draw[data-astro-cid-y5f2kudr] {
  animation: study-draw .52s var(--ease-in-out) both;
}

@keyframes study-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes study-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes study-pop {
  from {
    opacity: 0;
    transform: scale(.7);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes study-draw {
  from {
    stroke-dashoffset: 1px;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes study-dim {
  0% {
    opacity: 1;
  }

  12% {
    opacity: .42;
  }

  88% {
    opacity: .42;
  }

  100% {
    opacity: 1;
  }
}
.scene[data-astro-cid-iw7reg6f] {
  position: relative;
  width: 100%;
  pointer-events: none;
}

.scene-svg[data-astro-cid-iw7reg6f] {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.scene-svg--m[data-astro-cid-iw7reg6f] {
  display: none;
}

@media (width <= 767.98px) {
  .scene-svg--d[data-astro-cid-iw7reg6f] {
    display: none;
  }

  .scene-svg--m[data-astro-cid-iw7reg6f] {
    display: block;
  }
}

.s-pop[data-astro-cid-iw7reg6f] {
  transform-box: fill-box;
  transform-origin: center;
}

.s-draw[data-astro-cid-iw7reg6f] {
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
}

.s-pill[data-astro-cid-iw7reg6f] {
  opacity: 0;
}

.scene[data-astro-cid-iw7reg6f][data-state="idle"] [data-astro-cid-iw7reg6f]:is(.s-fade, .s-rise, .s-pop, .s-travel) {
  opacity: 0;
}

.scene[data-astro-cid-iw7reg6f][data-state="idle"] .s-draw[data-astro-cid-iw7reg6f] {
  stroke-dashoffset: 1px;
}

.scene[data-astro-cid-iw7reg6f][data-state="playing"] .s-fade[data-astro-cid-iw7reg6f] {
  animation: coach-fade .45s var(--ease-out) both;
}

.scene[data-astro-cid-iw7reg6f][data-state="playing"] .s-rise[data-astro-cid-iw7reg6f] {
  animation: coach-rise .65s var(--ease-out) both;
}

.scene[data-astro-cid-iw7reg6f][data-state="playing"] .s-pop[data-astro-cid-iw7reg6f] {
  animation: coach-pop .38s var(--ease-out) both;
}

.scene[data-astro-cid-iw7reg6f][data-state="playing"] .s-draw[data-astro-cid-iw7reg6f] {
  animation: coach-draw .48s var(--ease-in-out) both;
}

.scene[data-astro-cid-iw7reg6f][data-state="playing"] .s-travel[data-astro-cid-iw7reg6f] {
  animation: coach-travel 1.15s var(--ease-in-out) both;
}

.scene[data-astro-cid-iw7reg6f][data-state="playing"] .s-pill[data-astro-cid-iw7reg6f] {
  animation: 1.3s linear both coach-pill;
}

@keyframes coach-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes coach-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes coach-pop {
  from {
    opacity: 0;
    transform: scale(.4);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes coach-draw {
  from {
    stroke-dashoffset: 1px;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes coach-travel {
  0% {
    opacity: 0;
    transform: translate(var(--tx), calc(var(--ty) + 10px));
  }

  20% {
    opacity: 1;
    transform: translate(var(--tx), var(--ty));
  }

  38% {
    opacity: 1;
    transform: translate(var(--tx), var(--ty));
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes coach-pill {
  0% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
.plate {
    position: absolute;
    inset: 0;
    overflow: clip;
    container: plate / size;
    pointer-events: none;
    background: var(--cream);
  }
  /* cover the stage at 1672:941; focus 0/0 shows the start/top edge, 1/1 the end/bottom edge */
  .plate-box {
    position: absolute;
    left: 0;
    top: 0;
    width: max(100cqw, calc(100cqh * 1672 / 941));
    aspect-ratio: 1672 / 941;
    translate: calc((100cqw - 100%) * var(--plate-focus-x)) calc((100cqh - 100%) * var(--plate-focus-y));
    container: plate-box / inline-size;
  }
  html[dir="rtl"] .plate-box {
    translate: calc((100cqw - 100%) * (1 - var(--plate-focus-x))) calc((100cqh - 100%) * var(--plate-focus-y));
  }
  .plate-pic,
  .plate-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
  .plate-img { object-fit: cover; }
  /* tiny blurred placeholder under the image until it lands (mirrored with it in RTL) */
  .plate-pic::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--plate-ph) center / cover no-repeat;
  }
  html[dir="rtl"] .plate-img,
  html[dir="rtl"] .plate-pic::before { transform: scaleX(-1); }
  .plate-box > .scene { position: absolute; inset: 0; width: 100%; height: 100%; }
  .plate-box > .scene > svg { width: 100%; height: 100%; display: block; }.scene-hero-path[data-astro-cid-3cs2cgem] {
  --t0: .6s;
  --s: 1;
  --k: 1;
}

.scene-hero-path[data-astro-cid-3cs2cgem][data-dir="rtl"] {
  --s: -1;
}

.scene-svg[data-astro-cid-3cs2cgem] {
  overflow: visible;
}

.hp-fit[data-astro-cid-3cs2cgem] {
  transform-box: view-box;
  transform-origin: 0 0;
}

.hp-compact-only[data-astro-cid-3cs2cgem] {
  display: none;
}

@container plate-box (width <= 1200px) {
  .scene-hero-path[data-astro-cid-3cs2cgem] {
    --k: 1.25;
  }

  .hp-fit[data-astro-cid-3cs2cgem] {
    transform: var(--fit-m, none);
  }

  .hp-req-line[data-astro-cid-3cs2cgem] {
    stroke-width: 3.1px;
  }

  .hp-req-foot[data-astro-cid-3cs2cgem] {
    transform: scale(1.2);
  }
}

@container plate-box (width <= 1000px) {
  .scene-hero-path[data-astro-cid-3cs2cgem] {
    --k: 2.2;
  }

  .hp-fit[data-astro-cid-3cs2cgem] {
    transform: var(--fit-c, none);
  }

  .hp-compact-only[data-astro-cid-3cs2cgem] {
    display: inline;
  }

  .hp-wide-only[data-astro-cid-3cs2cgem] {
    display: none;
  }

  .hp-goal-label[data-astro-cid-3cs2cgem] {
    font-size: 19.5px;
  }

  .hp-req-line[data-astro-cid-3cs2cgem] {
    stroke-width: 4.9px;
  }

  .hp-req-foot[data-astro-cid-3cs2cgem] {
    transform: scale(1.9);
  }
}

.hp-wipe[data-astro-cid-3cs2cgem] {
  stroke-width: calc(22px * var(--k));
  stroke-dasharray: 1 1.1;
  stroke-dashoffset: 0;
}

.hp-leg[data-astro-cid-3cs2cgem] {
  stroke-width: calc(var(--w) * var(--k));
  stroke-dasharray: calc(var(--dash) * var(--k)) calc(var(--gap) * var(--k));
}

.hp-leg-1[data-astro-cid-3cs2cgem] {
  --w: 3.4px;
  --dash: 13px;
  --gap: 11px;
}

.hp-leg-2[data-astro-cid-3cs2cgem] {
  --w: 2.8px;
  --dash: 10px;
  --gap: 9px;
}

.hp-leg-3[data-astro-cid-3cs2cgem] {
  --w: 2.3px;
  --dash: 7.5px;
  --gap: 6.5px;
}

.hp-leg-4[data-astro-cid-3cs2cgem] {
  --w: 2px;
  --dash: 6px;
  --gap: 5.5px;
}

.hp-route[data-astro-cid-3cs2cgem] {
  opacity: .72;
}

.hp-label--land[data-astro-cid-3cs2cgem] {
  paint-order: stroke;
  stroke: var(--forest-deep);
  stroke-opacity: .22;
  stroke-width: 3px;
  stroke-linejoin: round;
}

.hp-label--sky[data-astro-cid-3cs2cgem] {
  paint-order: stroke;
  stroke: var(--cream);
  stroke-opacity: .8;
  stroke-width: 4px;
  stroke-linejoin: round;
}

.hp-next-label[data-astro-cid-3cs2cgem] {
  paint-order: stroke;
  stroke: var(--cream);
  stroke-opacity: .55;
  stroke-width: 3px;
  stroke-linejoin: round;
}

.hp-next-halo[data-astro-cid-3cs2cgem], .hp-next-pulse[data-astro-cid-3cs2cgem], .hp-next-dot[data-astro-cid-3cs2cgem], .hp-req-badge[data-astro-cid-3cs2cgem], .hp-req-foot[data-astro-cid-3cs2cgem], .hp-dates-badge[data-astro-cid-3cs2cgem], .hp-goal-ring[data-astro-cid-3cs2cgem], .hp-label[data-astro-cid-3cs2cgem] {
  transform-box: fill-box;
  transform-origin: center;
}

.hp-req-stem[data-astro-cid-3cs2cgem], .hp-dates-stem[data-astro-cid-3cs2cgem], .hp-goal-pole[data-astro-cid-3cs2cgem] {
  transform-box: fill-box;
  transform-origin: 50% 100%;
}

.hp-goal-flag[data-astro-cid-3cs2cgem] {
  transform-box: fill-box;
  transform-origin: 0%;
}

[data-astro-cid-3cs2cgem][data-dir="rtl"] .hp-goal-flag[data-astro-cid-3cs2cgem] {
  transform-origin: 100%;
}

.hp-next-pulse[data-astro-cid-3cs2cgem] {
  opacity: 0;
}

.scene[data-astro-cid-3cs2cgem][data-state="idle"] .hp-wipe[data-astro-cid-3cs2cgem] {
  stroke-dashoffset: 1.02px;
}

.scene[data-astro-cid-3cs2cgem][data-state="idle"] [data-astro-cid-3cs2cgem]:is(.hp-next-halo, .hp-next-dot, .hp-label, .hp-req-stem, .hp-req-badge, .hp-dates-stem, .hp-dates-badge, .hp-goal-ring, .hp-goal-pole, .hp-goal-flag) {
  opacity: 0;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-next-dot[data-astro-cid-3cs2cgem] {
  animation: hp-pop .46s var(--ease-out) var(--t0) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-next-halo[data-astro-cid-3cs2cgem] {
  animation: hp-halo .7s var(--ease-out) calc(var(--t0) + .1s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-next-pulse[data-astro-cid-3cs2cgem] {
  animation: hp-pulse 1s var(--ease-out) calc(var(--t0) + .25s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-next-label[data-astro-cid-3cs2cgem] {
  animation: hp-rise .42s var(--ease-out) calc(var(--t0) + .22s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-wipe-1[data-astro-cid-3cs2cgem] {
  animation: hp-draw .6s cubic-bezier(.4, 0, .6, 1) calc(var(--t0) + .35s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-req-stem[data-astro-cid-3cs2cgem] {
  animation: hp-grow .28s var(--ease-out) calc(var(--t0) + .9s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-req-badge[data-astro-cid-3cs2cgem] {
  animation: hp-pop .42s var(--ease-out) calc(var(--t0) + 1.02s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-req-label[data-astro-cid-3cs2cgem] {
  animation: hp-slide .38s var(--ease-out) calc(var(--t0) + 1.18s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-wipe-2[data-astro-cid-3cs2cgem] {
  animation: hp-draw .72s cubic-bezier(.4, 0, .6, 1) calc(var(--t0) + 1.08s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-dates-stem[data-astro-cid-3cs2cgem] {
  animation: hp-grow .28s var(--ease-out) calc(var(--t0) + 1.75s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-dates-badge[data-astro-cid-3cs2cgem] {
  animation: hp-pop .42s var(--ease-out) calc(var(--t0) + 1.87s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-dates-label[data-astro-cid-3cs2cgem] {
  animation: hp-slide .38s var(--ease-out) calc(var(--t0) + 2.03s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-wipe-3[data-astro-cid-3cs2cgem] {
  animation: hp-draw .45s cubic-bezier(.4, 0, .6, 1) calc(var(--t0) + 1.95s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-wipe-4[data-astro-cid-3cs2cgem] {
  animation: hp-draw .35s cubic-bezier(.4, 0, .6, 1) calc(var(--t0) + 2.55s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-goal-ring[data-astro-cid-3cs2cgem] {
  animation: hp-pop .36s var(--ease-out) calc(var(--t0) + 2.85s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-goal-pole[data-astro-cid-3cs2cgem] {
  animation: hp-grow .34s var(--ease-out) calc(var(--t0) + 2.95s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-goal-flag[data-astro-cid-3cs2cgem] {
  animation: hp-unfurl .5s var(--ease-out) calc(var(--t0) + 3.22s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-goal-label[data-astro-cid-3cs2cgem] {
  animation: hp-rise .38s var(--ease-out) calc(var(--t0) + 3.42s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="playing"] .hp-route[data-astro-cid-3cs2cgem] {
  animation: hp-settle .4s ease-out calc(var(--t0) + 3.5s) both;
}

.scene[data-astro-cid-3cs2cgem][data-state="done"] .hp-next-halo[data-astro-cid-3cs2cgem] {
  animation: hp-breathe 5s var(--ease-in-out) infinite;
}

@keyframes hp-draw {
  from {
    stroke-dashoffset: 1.02px;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes hp-settle {
  from {
    opacity: 1;
  }

  to {
    opacity: .72;
  }
}

@keyframes hp-pop {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  60% {
    opacity: 1;
    transform: scale(1.12);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes hp-halo {
  from {
    opacity: 0;
    transform: scale(.4);
  }

  to {
    opacity: .55;
    transform: scale(1);
  }
}

@keyframes hp-pulse {
  0% {
    opacity: 0;
    transform: scale(.7);
  }

  20% {
    opacity: .8;
  }

  100% {
    opacity: 0;
    transform: scale(2.1);
  }
}

@keyframes hp-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes hp-slide {
  from {
    opacity: 0;
    transform: translateX(calc(-12px * var(--s, 1)));
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes hp-grow {
  from {
    opacity: 0;
    transform: scaleY(0);
  }

  30% {
    opacity: 1;
  }

  to {
    opacity: 1;
    transform: scaleY(1);
  }
}

@keyframes hp-unfurl {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }

  40% {
    opacity: 1;
  }

  70% {
    transform: scaleX(1.08);
  }

  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes hp-breathe {
  0%, 100% {
    opacity: .55;
    transform: scale(1);
  }

  50% {
    opacity: .35;
    transform: scale(1.15);
  }
}
.landscape-trail[data-astro-cid-z74e6zb3] {
  position: absolute;
  inset: 0;
  overflow: clip;
  pointer-events: none;
}

.landscape-svg[data-astro-cid-z74e6zb3] {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.landscape-svg-mobile[data-astro-cid-z74e6zb3] {
  display: none;
}

@media (width <= 767.98px) {
  .landscape-svg-desktop[data-astro-cid-z74e6zb3] {
    display: none;
  }

  .landscape-svg-mobile[data-astro-cid-z74e6zb3] {
    display: block;
  }
}

@media (width >= 768px) and (width <= 1023.98px) {
  .landscape-svg-desktop[data-astro-cid-z74e6zb3] .s-upper[data-astro-cid-z74e6zb3] {
    display: none;
  }

  .landscape-svg-desktop[data-astro-cid-z74e6zb3] .s-band[data-astro-cid-z74e6zb3] {
    transform-box: view-box;
    transform-origin: 0 0;
    transform: scaleY(.28);
  }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .landscape-trail[data-astro-cid-z74e6zb3] {
      view-timeline: --trail-view block;
    }

    .s-contours[data-astro-cid-z74e6zb3] {
      animation: linear both trail-drift;
      animation-timeline: --trail-view;
      animation-range: cover;
    }

    .landscape-svg-mobile[data-astro-cid-z74e6zb3] .s-contours[data-astro-cid-z74e6zb3] {
      --drift: 14px;
    }
  }
}

@keyframes trail-drift {
  from {
    transform: translateY(var(--drift, 10px));
  }

  to {
    transform: translateY(calc(var(--drift, 10px) * -1));
  }
}
/* Narrow layout: cream + the v1 vector trail instead of the painted plates (desktop untouched). */
  .chapter-trail { display: none; position: absolute; inset: 0; overflow: clip; pointer-events: none; }
  @media (max-width: 63.99rem) {
    .chapter .strip-plate, #trailhead { display: none; }
    .chapter { min-height: 0; overflow: clip; }
    .chapter-trail { display: block; }
  }