.hero-art{aspect-ratio:3/2;position:relative}@media (min-width:1024px){.hero-art{aspect-ratio:5/4}}.hero-art-anim,.hero-art-anim canvas{width:100%;height:100%;position:absolute;inset:0}.hero-art-anim canvas{color:var(--color-ink);border:0 solid var(--color-surface)}.hero-art[style*=--chapter] .hero-art-anim canvas{color:color-mix(in oklab, var(--chapter) 45%, var(--color-ink))}.hero-art[data-hero-art=spider] .hero-art-anim{pointer-events:none;width:auto;height:auto;right:0}.hero-art[data-hero-art=spider] .hero-art-anim:not([data-placed]),.hero-stage:not([style*=left]):not([style*=inset]){visibility:hidden}[data-hero-bound]>.grid>:first-child{z-index:10;position:relative}@media (min-width:640px){[data-hero-bound]:has([data-hero-art=spider]){padding-bottom:17rem}}@media (min-width:1024px){[data-hero-bound]:has([data-hero-art=spider]){padding-bottom:22rem}}@media (min-width:768px){.hero-art[data-hero-art=spider]{aspect-ratio:5/4}}@media (max-width:767px){[data-hero-bound]:has([data-hero-art=spider]){overflow:clip}[data-hero-bound]:has([data-hero-art=spider])>.grid{row-gap:0}.hero-art[data-hero-art=spider]{aspect-ratio:1;opacity:.3;width:68vw;position:absolute;top:-3rem;right:-22vw}}@media (min-width:640px) and (max-width:767px){.hero-art[data-hero-art=spider]{opacity:.55;width:52vw;top:-2rem;right:-10vw}}.hero-stage{pointer-events:none;position:absolute;inset:0}.hero-stage canvas{width:100%;height:100%;color:var(--color-ink);border:0 solid var(--color-surface);position:absolute;inset:0}.page-hero-slot{aspect-ratio:1;width:100%;max-height:30rem;margin-inline:auto}@media (min-width:1024px){.page-hero-slot{aspect-ratio:5/4;max-height:none}.hero-stage-vision{bottom:-3rem}}@media (max-width:1023px){[data-page-hero]:has(.hero-stage-vision) .page-hero-slot{aspect-ratio:3}}@media (min-width:640px) and (max-width:1023px){[data-page-hero]:has(.hero-stage-vision) .page-hero-slot{aspect-ratio:2.6}}.hero-stage .scene-glow{pointer-events:none;dynamic-range-limit:no-limit;position:absolute;inset:0;overflow:hidden}.hero-stage .scene-glow img{transform-origin:0 0;width:64px;height:64px;position:absolute;top:0;left:0}@media (max-width:639px){[data-page-hero]:has(.hero-stage-desk) .page-hero-slot{aspect-ratio:16/9;margin-top:-1.5rem}[data-page-hero]:has(.hero-stage-seachart) .page-hero-slot{aspect-ratio:3/2}[data-page-hero]:has(.hero-stage-quality-rocket) .page-hero-slot{aspect-ratio:8/5}[data-page-hero]:has(.hero-stage-systems-pegboard) .page-hero-slot{aspect-ratio:2}}@media (max-width:1023px){[data-page-hero]:has(.hero-stage-founders) .page-hero-slot{aspect-ratio:5/2}}@media (min-width:640px){[data-art-intro][data-stacked] .page-hero-slot{aspect-ratio:3;max-height:20rem}}@media (max-width:639px){[data-art-intro][data-stacked] .page-hero-slot{aspect-ratio:16/9}}@media (min-width:1024px){[data-art-intro][data-short] .page-hero-slot{aspect-ratio:2}}