@layer design-system-components.pwds{.Hero{overflow:hidden}.Hero .TextStack__text{max-width:var(--hero-subheading-max-width);text-wrap:pretty}.Hero .Action--anchor.Action--regular,.Hero .Action--anchor.Action--regular .Action__content-wrapper{--action-variant-button-min-width: var(--action-variant-button-size-regular-min-width);--action-variant-button-padding: var(--action-variant-button-size-regular-padding);--action-variant-button-font-size: var(--action-size-regular-font-size)}.Hero .Action--anchor.Action--large,.Hero .Action--anchor.Action--large .Action__content-wrapper{--action-variant-button-min-width: var(--action-variant-button-size-large-min-width);--action-variant-button-padding: var(--action-variant-button-size-large-padding);--action-variant-button-font-size: var(--action-size-large-font-size)}.Hero--overview .Hero__content,.Hero--secondary .Hero__content{border-radius:var(--container-border-radius);overflow:hidden}.Hero--overview .Hero__background,.Hero--secondary .Hero__background{position:relative}.Hero--overview .Hero__background:after,.Hero--secondary .Hero__background:after{content:"";position:absolute;bottom:0;width:100%;height:50%;background:linear-gradient(0deg,#fff 28.5%,#fff0 88.5%)}@media (min-width: 105rem){.Hero.Hero--overview .TextStack{grid-column:2/span 10}}@media (min-width: 64rem){.Hero.Hero--secondary .TextStack{display:flex;gap:var(--space-30)}}@media (min-width: 64rem){.Hero.Hero--secondary .TextStack .TextStack__links{align-self:flex-start}}@media (min-width: 105rem){.Hero.Hero--secondary:not([data-option-secondary-stacked=true]) .TextStack{display:flex;flex-direction:row;justify-content:space-between;gap:var(--space-60)}.Hero.Hero--secondary:not([data-option-secondary-stacked=true]) .TextStack__wrapper{flex:1 1 min-content;max-width:calc(8 * calc((var(--container-width-current) - 11 * var(--grid-container-gap)) / 12) + 7 * var(--grid-container-gap))}.Hero.Hero--secondary:not([data-option-secondary-stacked=true]) .TextStack__links{flex:0 0 max-content;align-self:flex-end}}@media (min-width: 64rem){.Hero.Hero--two-column,.Hero.Hero--two-column-overview{padding-top:var(--space-none);padding-bottom:var(--space-none);--hero-container-max-width: min(100vw, var(--body-width-max));--hero-gutter: max( var(--container-gutter), calc((var(--hero-container-max-width) - var(--container-width-current)) / 2) );--hero-content-grid-template-columns: var(--hero-gutter) repeat(var(--grid-container-columns), 1fr) var(--hero-gutter)}}@media (min-width: 64rem){.Hero.Hero--two-column .Section__content-wrapper,.Hero.Hero--two-column-overview .Section__content-wrapper{grid-template-columns:var(--hero-content-grid-template-columns);align-items:stretch;width:100%;max-width:var(--body-width-max);margin-left:var(--space-auto);margin-right:var(--space-auto)}}@media (min-width: 64rem){.Hero.Hero--two-column .Section__header-wrapper,.Hero.Hero--two-column .Section__slot-default,.Hero.Hero--two-column-overview .Section__header-wrapper,.Hero.Hero--two-column-overview .Section__slot-default{width:100%}}.Hero.Hero--two-column .Section__header-wrapper,.Hero.Hero--two-column-overview .Section__header-wrapper{--section-header-extra-gap: var(--space-responsive-100)}@media (min-width: 64rem){.Hero.Hero--two-column .Section__header-wrapper,.Hero.Hero--two-column-overview .Section__header-wrapper{grid-column:2/span 6;margin-left:calc(-1 * var(--grid-container-gap));padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.Hero.Hero--two-column .Section__header-wrapper:has(:global(.Section__header-extra)),.Hero.Hero--two-column-overview .Section__header-wrapper:has(:global(.Section__header-extra)){grid-template-rows:1fr auto}.Hero.Hero--two-column .Section__header-wrapper .Section__header-extra,.Hero.Hero--two-column-overview .Section__header-wrapper .Section__header-extra{align-self:end}}@media (min-width: 80rem){.Hero.Hero--two-column .Section__header-wrapper,.Hero.Hero--two-column-overview .Section__header-wrapper{grid-column:2/span 5}}.Hero.Hero--two-column .Section__header,.Hero.Hero--two-column-overview .Section__header{display:flex;justify-content:center;gap:var(--space-30)}.Hero.Hero--two-column .Section__header .TextStack__links,.Hero.Hero--two-column-overview .Section__header .TextStack__links{align-self:flex-start;justify-content:flex-start}@media (min-width: 64rem){.Hero.Hero--two-column .Section__slot-default,.Hero.Hero--two-column-overview .Section__slot-default{grid-column:9/-1}}@media (min-width: 64rem){.Hero.Hero--two-column .Hero__content,.Hero.Hero--two-column-overview .Hero__content{height:100%;aspect-ratio:var(--hero-two-column-aspect-ratio)}}@media (min-width: 64rem){.Hero.Hero--two-column .Hero__content>*,.Hero.Hero--two-column-overview .Hero__content>*{height:100%;width:100%}}@media (min-width: 64rem){.Hero.Hero--two-column .Hero__content img,.Hero.Hero--two-column .Hero__content video,.Hero.Hero--two-column .Hero__content canvas,.Hero.Hero--two-column-overview .Hero__content img,.Hero.Hero--two-column-overview .Hero__content video,.Hero.Hero--two-column-overview .Hero__content canvas{width:100%;height:100%;object-fit:cover}}.Hero.Hero--two-column-overview .Section__content-wrapper{margin-top:calc(-1 * var(--section-padding-top))}@media (min-width: 64rem){.Hero.Hero--two-column-overview .Section__content-wrapper{min-height:var(--hero-content-min-height);margin-top:var(--space-none)}}.Hero.Hero--two-column-overview .background-container{position:relative;margin-top:calc(-1 * var(--section-padding-top))}@media (min-width: 64rem){.Hero.Hero--two-column-overview .background-container{position:absolute;transform:none}}.Hero.Hero--two-column-overview .Hero__background{position:relative}.Hero.Hero--two-column-overview .Hero__background:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background-color:var(--color-background);-webkit-mask-image:linear-gradient(to top,#000,#0000);mask-image:linear-gradient(to top,#000,#0000)}@media (min-width: 64rem){.Hero.Hero--two-column-overview .Hero__background:after{width:calc(var(--hero-gutter) + 50%);height:100%;-webkit-mask-image:linear-gradient(to right,#000,#0000);mask-image:linear-gradient(to right,#000,#0000)}}}@layer standard-components{.HeroModule.Hero--two-column .AproposImageComponent .ResponsiveImagePartial,.HeroModule.Hero--two-column .AproposImageComponent img,.HeroModule.Hero--two-column .TextUnitComponent,.HeroModule.Hero--two-column .TextUnitComponent .gridWrapper,.HeroModule.Hero--two-column .TextUnitComponent .AproposVideo,.HeroModule.Hero--two-column .RiveAnimationComponent{width:100%;height:100%}}
