.flow-hero-shell{position:relative}.flow-hero-shell .reference-hero{background:var(--flow-bg);min-height:760px;color:var(--flow-ink,#ecebeb)}.flow-hero-shell .reference-premise,.flow-hero-shell .reference-prompt,.flow-hero-shell .reference-submit{color:var(--flow-muted,#706c6a)}.flow-hero-shell .reference-submit:hover,.flow-hero-shell .reference-submit:focus-visible{color:var(--flow-ink,#ecebeb)}.flow-hero-shell .reference-field input{border-color:var(--flow-muted,#706c6a)}.flow-hero-shell .reference-copy{padding-block:300px 190px}.flow-artwork,.flow-still,.flow-still-image,.flow-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.flow-still-image{object-fit:fill}.flow-artwork:has([data-still-lines] path) .flow-still-image{visibility:hidden}.flow-artwork{background:var(--flow-bg);overflow:hidden}.flow-artwork:after{content:"";background:radial-gradient(ellipse 52% 33% at 32% 53%,color-mix(in srgb,var(--flow-bg) 86%,transparent),transparent);position:absolute;inset:0}.flow-canvas{opacity:0}.flow-artwork:is([data-renderer=webgl],[data-renderer=snapshot]) .flow-canvas{opacity:1}@media (prefers-reduced-motion:no-preference){.flow-artwork:is([data-renderer=webgl],[data-renderer=snapshot]) :is(.flow-still,.flow-still-image){visibility:hidden}}@media (width>=1800px){.flow-hero-shell .reference-copy{padding-block:340px 220px}}@media (width<=739px){.flow-hero-shell .reference-hero{min-height:640px}.flow-hero-shell .reference-copy{padding-block:230px 140px}.flow-artwork:after{background:radial-gradient(ellipse 80% 35% at 42% 50%,color-mix(in srgb,var(--flow-bg) 85%,transparent),transparent)}}@media (prefers-reduced-motion:reduce){.flow-canvas{display:none}}