.hero h1{margin-bottom:var(--spacing-2);color:var(--color-white)}@media (width>=840px){.hero h1{font-size:4rem;line-height:4.8rem}}.hero .actions{gap:var(--spacing-6);align-items:center;margin-top:auto;display:flex}.hero .actions>.link,.hero .actions>p{color:var(--color-white)}.hero .actions>.link--button{border:none}.hero .text{max-width:805px;color:var(--color-white)}.hero.has-gradient{padding-left:var(--spacing-grid);padding-right:var(--spacing-grid);background:linear-gradient(276deg,#d74100 21.09%,#7c0787 91.26%)}@media (width>=1281px){.hero.has-gradient{padding-right:var(--spacing-grid);padding-left:var(--spacing-grid)}}.hero.has-gradient>.textual{width:100%;max-width:var(--width-max);margin-left:auto;margin-right:auto;padding:160px 0 40px}.hero .visual{z-index:-1;position:relative}@media (width>=840px){.hero .visual{width:100%;position:absolute}}.hero .visual img{object-fit:cover;width:100%;height:160px}@media (600px<=width<=839px){.hero .visual img{height:320px}}@media (width>=840px){.hero .visual img{height:490px}}.hero.has-image{position:relative;top:-32px}@media (width>=840px){.hero.has-image{top:-88px}.hero.has-image .textual{width:100%;max-width:var(--width-max);padding-right:var(--spacing-grid);padding-left:var(--spacing-grid);margin-left:auto;margin-right:auto;padding-top:344px}}@media (width>=840px) and (width>=1281px){.hero.has-image .textual{padding-left:0;padding-right:0}}@media (width>=840px){.hero.has-image .textual.has-aside{gap:var(--spacing-8);grid-template-columns:2fr 1fr;display:grid}}.hero.has-image .textual--content{padding:var(--spacing-6);color:var(--color-white);background:linear-gradient(276deg,#d74100 21.09%,#7c0787 91.26%)}@media (600px<=width<=839px){.hero.has-image .textual--content{padding:var(--spacing-8)}}@media (width>=840px){.hero.has-image .textual--content{border-radius:var(--radius-16);padding:var(--spacing-8);flex-direction:column;display:flex;box-shadow:8px 8px 18px #21212140}}.hero.has-image .textual--content .text{margin-bottom:var(--spacing-6)}@media (width>=840px){.hero.has-image .textual--content .text{margin-bottom:var(--spacing-8)}}.hero.has-image .textual--aside{padding:var(--spacing-6)}@media (width>=840px){.hero.has-image .textual--aside{border-radius:var(--radius-16);box-shadow:8px 8px 18px #21212140}.hero.has-image .textual--aside.bg-white{border:1px solid var(--color-neutral-300)}}