@layer components{:root{--hero-background:transparent;--hero-color:var(--color-white);--hero-min-height:max(40rem,55vh);--hero-max-height:55rem;--hero-max-width:58rem;--hero-direction:column;--hero-margin:1rem;--hero-contact-margin:calc(var(--hero-margin)*2);--hero-contact-gap:calc(var(--hero-margin)*1.25);--hero-content-wrapper-gap:var(--hero-margin);--hero-steps-line-alignment:flex-start;--hero-steps-transition-h1:all 0.2s ease-in-out;--hero-steps-image-max-width:60vw;--hero-steps-image-min-width:0%;--hero-media-width:100%;@media (min-width:768px){--hero-media-width:50%;--hero-content-wrapper-gap:calc(var(--hero-margin)*2)}@media (min-width:1024px){--hero-contact-margin:calc(var(--hero-margin)*3);--hero-contact-gap:calc(var(--hero-margin)*2);--hero-form-padding:0 calc(var(--hero-margin)*3);--hero-direction:row}@media (min-width:1440px){--hero-form-padding:0 calc(var(--hero-margin)*6.25)}}.hero{background:var(--hero-background);color:var(--hero-color);display:flex;flex-direction:column;position:relative;z-index:0;&.hero-large,&.hero-reveal,&.hero-steps{padding-bottom:calc(var(--padding-y)*2)!important;padding-top:calc(var(--padding-y)*2)!important}&.hero-coworker,&.hero-small{padding-bottom:calc(var(--padding-y)*1);padding-top:calc(var(--padding-y)*2);@media (min-width:1600px){padding-top:calc(var(--padding-y)*1.5)}}.links-wrapper{margin-top:1rem}.coworkers-contact-links{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:var(--hero-contact-gap);gap:var(--hero-contact-gap);margin-top:var(--hero-contact-margin)}.coworkers-contact-link{align-items:center;display:flex;grid-gap:.625rem;gap:.625rem;& svg{color:var(--text-color)}}}.hero-wrapper{align-items:center;display:flex;flex-direction:column;gap:3rem;height:100%;width:100%;@media (min-width:768px){flex-direction:row-reverse;justify-content:flex-end}&.hero-form-wrapper{@media (min-width:768px){flex-direction:row;.hero-form{flex-basis:50%;padding:var(--hero-form-padding)}}}.single-article &,.single-career_guide &,.single-case_study &,.single-event &,.single-job &{text-align:center!important;@media (min-width:768px){justify-content:center}}.hero-small &{justify-content:center;&:has(.hero-media){text-align:left}}.hero-coworker &{max-width:47.5rem}}.hero-content{flex:1 1 0;max-width:1040px;position:relative;z-index:2;@media (min-width:768px){flex-basis:50%}.hero-large &,.hero-reveal &,.hero-steps &{max-width:100%}}.hero-media{flex:1 1 0;width:var(--hero-media-width);@media (min-width:768px){align-items:flex-start;flex-basis:50%}.single-article &,.single-career_guide &,.single-case_study &,.single-event &,.single-job &{display:none}iframe,video{aspect-ratio:16/9;border-radius:var(--media-border-radius);height:100%;overflow:hidden;width:100%}}.hero-content-wrapper{.hero-large &,.hero-steps &{display:flex;flex-direction:column;gap:var(--hero-content-wrapper-gap)}.hero-small &{display:flex;flex-direction:column;gap:var(--hero-content-wrapper-gap);&>*{flex:1 1 0}}}.hero-title{animation:none;margin-bottom:1rem;max-width:90rem}.hero-text{font-size:var(--font-size-ingress);line-height:var(--line-height-ingress);max-width:90rem}.hero-steps{& .hero-title{display:flex;flex-direction:column;line-height:1!important}& .hero-step-line{align-items:stretch;display:flex;justify-content:var(--hero-steps-line-alignment);margin-bottom:max(-3rem,-4vw);overflow:clip;transition:var(--hero-steps-transition-h1)}& .hero-step-text{align-items:flex-start;display:flex;white-space:nowrap}& .hero-step-image{align-items:stretch;clip-path:inset(8% 0 20% 0);display:flex;flex-basis:var(--hero-steps-image-max-width);height:clamp(var(--font-size-h1-mobile),18vw,var(--font-size-h1));justify-content:center;margin:0 .01em;opacity:1;overflow:clip;transition:var(--hero-steps-transition-h1);& img{border-radius:0;height:100%;object-fit:cover}.hero-step-line:hover &{flex-basis:var(--hero-steps-image-min-width);opacity:.3;transition:var(--hero-steps-transition-h1)}}}.hero-reveal{& .wrapper{max-width:none!important;width:100%!important}& .hero-content{padding-left:var(--padding-x);padding-right:var(--padding-x);position:static}& .hero-text{max-width:none}& .hero-gallery{inset:0;opacity:.7;position:absolute;& .hero-gallery-left{align-items:stretch;justify-content:flex-end}&[data-direction=in]{& .hero-gallery-left{--gallery-transform:-100%}&.is-visible .hero-gallery-left{--gallery-transform:-50%}}&[data-direction=out]{& .hero-gallery-left{--gallery-transform:-50%}&.is-visible .hero-gallery-left{--gallery-transform:-100%}}& .hero-gallery-right{align-items:stretch;justify-content:flex-start}&[data-direction=in]{& .hero-gallery-right{--gallery-transform:100%}&.is-visible .hero-gallery-right{--gallery-transform:50%}}&[data-direction=out]{& .hero-gallery-right{--gallery-transform:50%}&.is-visible .hero-gallery-right{--gallery-transform:100%}}}& .hero-gallery-left,& .hero-gallery-right{display:flex;height:100%!important;left:0;position:absolute;top:0;transform:translateX(calc(var(--gallery-transform)));transition-delay:.3s;transition-duration:3s;transition-timing-function:cubic-bezier(.19,1,.22,1);width:100%!important;z-index:5;&:after{background:var(--color-black);content:"";inset:0;opacity:.25;position:absolute}& img{border-radius:0;box-shadow:var(--shadow-large);display:block;height:100%!important;object-fit:cover;width:50vw}}& .hero-gallery-left{.is-reveal &{--gallery-transform:50%}}& .hero-gallery-right{.is-reveal &{--gallery-transform:100%}}& .links-wrapper{justify-content:center;margin-top:3rem}}.hero-button{& .btn{margin-top:0}}.hero-meta{align-items:center;color:var(--color-primary-500);display:flex;font-size:var(--font-size-pretitle);gap:calc(var(--hero-margin)*2);margin-bottom:3rem;& p{margin-bottom:0!important}}.hero-icon{align-items:center;color:var(--color-primary-500);display:flex;gap:.5rem;& svg{height:1rem;width:1rem}}.hero-background-media{inset:0;position:absolute;z-index:-1;& img,& video{height:100%;object-fit:cover;width:100%}}.hero-overlay{background:linear-gradient(135deg,var(--color-primary-800) 0,transparent 50%);inset:0;position:absolute;z-index:1}}