/* A readable opening message, with a short wireframe-to-type build. */
.flow-home #hero h1{font-size:clamp(2.65rem,5.1vw,5rem);line-height:1.14;max-width:17em;letter-spacing:-.022em;font-weight:600}
.flow-home #hero .sub{max-width:40rem;font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.75;color:rgba(255,255,255,.78);margin-top:26px}
.flow-home #hero{min-height:min(780px,86svh);padding-top:125px;padding-bottom:65px}
html.assembling .flow-home #hero .b::after{animation-duration:.24s}
html.assembling .flow-home #hero .lm:nth-child(2)::after{animation-delay:.06s}
html.assembling .flow-home #hero .ctas .pill:first-child::after{animation-delay:.15s}
html.assembling .flow-home #hero .ctas .pill:last-child::after{animation-delay:.22s}
html.assembling .flow-home .grid-bg{opacity:.22}
.flow-home #hero .buildlog{font-size:.65rem;opacity:.6;top:auto;bottom:28px;left:auto;inset-inline-start:var(--pad);color:rgba(255,255,255,.4);direction:ltr;text-align:left}
.flow-home #hero .lm{padding-block:.035em}
@media(prefers-reduced-motion:reduce){html.assembling .flow-home #hero .lm>span{opacity:1;transform:none}html.assembling .flow-home #hero .ctas .lbl{opacity:1}html.assembling .flow-home #hero .ctas .pill{background:var(--paper)!important;color:var(--ink)}html.assembling .flow-home #hero .ctas .pill-ghost{background:transparent!important;color:var(--paper)}}
@media(max-width:760px){.flow-home #hero{min-height:80svh;padding-top:125px;padding-bottom:66px}.flow-home #hero h1{font-size:clamp(2.2rem,7.9vw,3.8rem);line-height:1.18}.flow-home #hero .sub{font-size:1rem;max-width:32em;margin-top:23px}}