@layer reset,base,utilities,core,components,theme,admin,external;@layer utilities{.bg-secondary-50{background-color:var(--secondary-50)}.text-secondary-50{color:var(--secondary-50)}.border-secondary-50{border-color:var(--secondary-50)}}@layer components{.component.hero-banner{--height: 710px;--title-color: var(--primary);--introduction-color: var(--grey-80);align-items:center;background-color:var(--background, var(--light-background));width:100%}@media (min-width: 768px){.component.hero-banner.hero-banner--image-left .hero-banner__content{justify-content:flex-start}.component.hero-banner.hero-banner--image-left .hero-banner__content-inner{margin-left:0}}.component.hero-banner.hero-banner--light{--light-background: var(--white);--background: var(--light-background)}.component.hero-banner.hero-banner--dark{--dark-background: var(--primary);--background: var(--dark-background);--title-color: var(--white);--introduction-color: var(--white)}.component.hero-banner .hero-banner__wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@media (min-width: 768px){.component.hero-banner .hero-banner__wrapper{flex-direction:row}}.component.hero-banner.hero-banner--image-left .hero-banner__wrapper{flex-direction:column-reverse}@media (min-width: 768px){.component.hero-banner.hero-banner--image-left .hero-banner__wrapper{flex-direction:row-reverse}}.component.hero-banner .hero-banner__content,.component.hero-banner .hero-banner__image{height:100%}.component.hero-banner .hero-banner__content{--padding: var(--section-xl, 56px) var(--section-padding, 16px) var(--section-xl, 56px) var(--section-padding, 16px);align-items:center;display:flex;padding:var(--padding);width:100%}@media (min-width: 768px){.component.hero-banner .hero-banner__content{--padding: 24px;justify-content:flex-end}}@media (min-width: 992px){.component.hero-banner .hero-banner__content{--padding: 42px}}.component.hero-banner .hero-banner__content-inner{--gap: var(--spacing-l, 24px);align-items:flex-start;display:flex;flex-direction:column;gap:var(--gap);justify-content:center}@media (min-width: 992px){.component.hero-banner .hero-banner__content-inner{margin-left:auto;max-width:465px}}.component.hero-banner .hero-banner__content-inner *{margin:0}.component.hero-banner .hero-banner__title{--font-weight: 800;color:var(--title-color);font-weight:var(--font-weight)}.component.hero-banner .hero-banner__introduction{color:var(--introduction-color);line-height:1.5}.component.hero-banner .hero-banner__introduction>*+*{margin-top:1em}.component.hero-banner .hero-banner__cta{--text-primary: var(--title-color)}@media (max-width: 575px){.component.hero-banner .hero-banner__image{aspect-ratio:1/1}}@media (min-width: 768px){.component.hero-banner .hero-banner__image{aspect-ratio:auto;flex-basis:52.08%;flex-shrink:0}}@media (min-width: 992px){.component.hero-banner .hero-banner__image{aspect-ratio:21/9;flex-basis:56.25%}}.component.hero-banner .hero-banner__image img{height:100%;object-fit:cover;width:100%}}