/* Same type scale as style.css: hero, section heading, feature card and body. */
.embodied-page {font-family:'Inter',sans-serif;font-size:1rem}
.embodied-page h1,.embodied-page h2,.embodied-page h3,.embodied-page h4 {font-family:inherit;letter-spacing:normal;font-weight:400;line-height:1.2}
.embodied-page .hero-copy h1 {font-size:4.2rem;font-weight:400;line-height:1.2}
.embodied-page h2 {font-size:2.8rem;line-height:1.2}
.embodied-page h3 {font-size:1.5rem}
.embodied-page .lead {font-size:1.1rem;line-height:1.6}
.embodied-page .hero-copy .lead {font-size:1.2rem;line-height:1.6}
.embodied-page .cap-card p,.embodied-page .scen p {font-size:1rem;line-height:1.6}
.embodied-page .pipe-step h4 {font-size:1.2rem}
.embodied-page .pipe-step p {font-size:1rem;line-height:1.6}
.embodied-page .btn {font-size:1rem}
/* Compact capability cards and align the animation with the full card stack. */
.embodied-page .cap-list {gap:10px}
.embodied-page .cap-card {padding:14px 18px}
.embodied-page .cap-card h3 {gap:10px}
.embodied-page .cap-card h3 i {width:26px;height:26px}
.embodied-page .cap-card p {margin-top:6px}
@media(min-width:1081px) {
  .embodied-page .cap-grid {align-items:stretch}
  .embodied-page .cap-grid > .stage {min-height:0}
  .embodied-page .cap-grid .stage-inner {aspect-ratio:auto;height:100%;min-height:360px}
  .embodied-page .cap-grid .stage-inner canvas {position:absolute;inset:0;width:100%;height:100%}
}
@media(max-width:992px) {.embodied-page .hero-copy h1 {font-size:2.8rem}}
@media(max-width:768px) {.embodied-page .hero-copy h1 {font-size:2.4rem}}
@media(max-width:560px) {.embodied-page h2 {font-size:2rem}}