/* [project]/workspace/src/components/heroes/learn-hero.module.css [client] (css) */
.learn-hero-module__AQ21sa__stage {
  position: absolute;
  inset: 0;
}

.learn-hero-module__AQ21sa__layout {
  grid-template: "chart" minmax(0, 1fr)
                 "story"
                 "title"
                 / minmax(0, 1fr);
  row-gap: 1.25rem;
  padding-top: 6.75rem;
  padding-bottom: 4.25rem;
  display: grid;
  position: absolute;
  inset: 0;
}

@media (min-width: 64rem) {
  .learn-hero-module__AQ21sa__layout {
    grid-template: "story chart" minmax(0, 1fr)
                   "title chart"
                   / minmax(0, 1fr) minmax(0, 1fr);
    gap: 2.75rem 3rem;
    padding-top: 7.5rem;
    padding-bottom: 4.5rem;
  }
}

@media (min-width: 36rem) and (max-height: 34rem) {
  .learn-hero-module__AQ21sa__layout {
    grid-template: "story chart" minmax(0, 1fr)
                   "title chart"
                   / minmax(0, 1fr) minmax(0, .6fr);
    gap: .75rem 2rem;
    padding-top: 6rem;
    padding-bottom: 3.75rem;
  }
}

.learn-hero-module__AQ21sa__title {
  grid-area: title;
  align-self: end;
}

.learn-hero-module__AQ21sa__story {
  grid-area: story;
  align-self: end;
}

.learn-hero-module__AQ21sa__chartArea {
  grid-area: chart;
  min-height: 0;
  position: relative;
}

@media (max-width: 35.99rem) and (max-height: 44rem), (max-height: 34rem) {
  .learn-hero-module__AQ21sa__storyLabel {
    display: none;
  }
}

@media (min-width: 64rem) and (max-height: 42rem) {
  .learn-hero-module__AQ21sa__eyebrow, .learn-hero-module__AQ21sa__storyLabel {
    display: none;
  }
}

.learn-hero-module__AQ21sa__chart {
  --k: 1.3;
}

.learn-hero-module__AQ21sa__hair {
  fill: none;
  stroke-width: calc(var(--k) * 1px);
}

.learn-hero-module__AQ21sa__text {
  dominant-baseline: central;
  pointer-events: none;
  transform: translate(calc(var(--ox, 0) * var(--k) * 1px), calc(var(--oy, 0) * var(--k) * 1px));
}

.learn-hero-module__AQ21sa__mono {
  font-family: var(--font-app-mono, ui-monospace, monospace);
  font-size: calc(var(--k) * 10px);
  letter-spacing: .16em;
}

.learn-hero-module__AQ21sa__small {
  font-size: calc(var(--k) * 8.5px);
}

.learn-hero-module__AQ21sa__serif {
  font-family: var(--font-app-heading, Georgia, serif);
  font-size: calc(var(--k) * 15px);
  font-style: italic;
}

.learn-hero-module__AQ21sa__fieldStar {
  transform: scale(clamp(1, calc(var(--k) * .8), 2.4));
  transform-box: fill-box;
  transform-origin: center;
}

.learn-hero-module__AQ21sa__star {
  outline: none;
}

.learn-hero-module__AQ21sa__body {
  transform: scale(clamp(1, calc(var(--k) * .7), 2.2));
  transform-box: fill-box;
  transform-origin: center;
}

.learn-hero-module__AQ21sa__glow {
  opacity: var(--glow, .15);
  transform-box: fill-box;
  transform-origin: center;
}

.learn-hero-module__AQ21sa__core {
  transform-box: fill-box;
  transform-origin: center;
}

.learn-hero-module__AQ21sa__focusRing {
  opacity: 0;
  transition: opacity .3s;
}

.learn-hero-module__AQ21sa__star:focus-visible .learn-hero-module__AQ21sa__focusRing {
  opacity: 1;
}

.learn-hero-module__AQ21sa__name {
  opacity: 0;
  transition: opacity .45s;
}

.learn-hero-module__AQ21sa__star:hover .learn-hero-module__AQ21sa__name, .learn-hero-module__AQ21sa__star:focus-visible .learn-hero-module__AQ21sa__name {
  opacity: 1;
}

@media (max-width: 39.99rem) {
  .learn-hero-module__AQ21sa__caption, .learn-hero-module__AQ21sa__inset {
    display: none;
  }
}

.learn-hero-module__AQ21sa__draw {
  stroke-dasharray: 1 1;
}

html.js:not([data-motion="reduced"]) .learn-hero-module__AQ21sa__idle .learn-hero-module__AQ21sa__draw {
  stroke-dashoffset: 1px;
}

:is(html.js:not([data-motion="reduced"]) .learn-hero-module__AQ21sa__idle .learn-hero-module__AQ21sa__fade, html.js:not([data-motion="reduced"]) .learn-hero-module__AQ21sa__idle .learn-hero-module__AQ21sa__rise, html.js:not([data-motion="reduced"]) .learn-hero-module__AQ21sa__idle .learn-hero-module__AQ21sa__core, html.js:not([data-motion="reduced"]) .learn-hero-module__AQ21sa__idle .learn-hero-module__AQ21sa__glow) {
  opacity: 0;
}

.learn-hero-module__AQ21sa__playing .learn-hero-module__AQ21sa__draw {
  animation: learn-hero-module__AQ21sa__learn-draw var(--dur, 2s) var(--ease-in-out-soft) var(--d, 0s) both;
}

.learn-hero-module__AQ21sa__playing .learn-hero-module__AQ21sa__fade {
  animation: learn-hero-module__AQ21sa__learn-fade var(--dur, 1.2s) ease var(--d, 0s) both;
}

.learn-hero-module__AQ21sa__playing .learn-hero-module__AQ21sa__rise {
  animation: learn-hero-module__AQ21sa__learn-rise 1.8s var(--ease-out-soft) var(--d, 0s) both;
}

.learn-hero-module__AQ21sa__playing .learn-hero-module__AQ21sa__core {
  animation: learn-hero-module__AQ21sa__learn-light 1s var(--ease-out-soft) var(--d, 0s) both;
}

.learn-hero-module__AQ21sa__playing .learn-hero-module__AQ21sa__glow {
  animation: learn-hero-module__AQ21sa__learn-pulse 1.9s var(--ease-out-soft) var(--d, 0s) both;
}

.learn-hero-module__AQ21sa__playing .learn-hero-module__AQ21sa__breathe {
  animation: learn-hero-module__AQ21sa__learn-pulse 1.9s var(--ease-out-soft) var(--d, 0s) both,
        learn-hero-module__AQ21sa__learn-breathe 7s ease-in-out calc(var(--d, 0s) + 1.9s) infinite;
}

.learn-hero-module__AQ21sa__still .learn-hero-module__AQ21sa__breathe {
  animation: 7s ease-in-out infinite learn-hero-module__AQ21sa__learn-breathe;
}

.learn-hero-module__AQ21sa__stage[data-paused] * {
  animation-play-state: paused !important;
}

html[data-motion="reduced"] .learn-hero-module__AQ21sa__stage * {
  animation: none !important;
}

@keyframes learn-hero-module__AQ21sa__learn-draw {
  from {
    stroke-dashoffset: 1px;
  }
}

@keyframes learn-hero-module__AQ21sa__learn-fade {
  from {
    opacity: 0;
  }
}

@keyframes learn-hero-module__AQ21sa__learn-rise {
  from {
    opacity: 0;
    transform: translate3d(0, .8rem, 0);
  }
}

@keyframes learn-hero-module__AQ21sa__learn-light {
  from {
    opacity: 0;
    transform: scale(.2);
  }
}

@keyframes learn-hero-module__AQ21sa__learn-pulse {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  35% {
    opacity: .85;
    transform: scale(1.8);
  }
}

@keyframes learn-hero-module__AQ21sa__learn-breathe {
  50% {
    opacity: calc(var(--glow, .2) * 2);
  }
}

/*# sourceMappingURL=workspace_src_components_heroes_learn-hero_module_0o4y7d0.css.map*/