@layer modules{section.hero{padding-block:var(--spacing-4xl);margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}section.hero::after{content:"";display:block;width:100%;height:33%;position:absolute;bottom:var(--spacing-2xs);left:0;background:linear-gradient(to top, var(--light), transparent)}section.hero>*{z-index:1}section.hero canvas{position:absolute;inset:var(--spacing-2xs);width:calc(100% - var(--spacing-2xs)*2);height:calc(100% - var(--spacing-2xs)*2);z-index:0;border-radius:var(--radius-md) var(--radius-md) 0 0}section.hero .text{font-size:var(--font-size-heading-xs);max-width:max(40em,55%)}section.hero .text *{font-size:inherit}section.hero h1{max-width:unset;font-family:var(--font-family-headings);font-size:var(--font-size-heading-3xl);margin-bottom:var(--spacing-md);text-wrap:balance}section.hero .icon{margin-bottom:var(--spacing-sm)}section.hero .icon img{display:block;font-size:var(--font-size-heading-xl);width:2em;height:auto}}/*# sourceMappingURL=hero.css.map */