.banner-hero-component{--banner-hero-bg-color:#fff;--banner-hero-fg-color:#000;position:relative;overflow:clip;display:grid;grid-template-columns:1fr;min-height:630px;color:var(--banner-hero-fg-color)}
@media(min-width:1280px){.banner-hero-component{min-height:909px}
}
.banner-hero-component.bg-primary{--banner-hero-bg-color:var(--primary-color-bg);--banner-hero-fg-color:var(--primary-color-fg)}
.banner-hero-component.bg-secondary{--banner-hero-bg-color:var(--secondary-color-bg);--banner-hero-fg-color:var(--secondary-color-fg)}
.banner-hero-component.bg-tertiary{--banner-hero-bg-color:var(--tertiary-color-bg);--banner-hero-fg-color:var(--tertiary-color-fg)}
.banner-hero-component__background,.banner-hero-component__content{grid-row-start:1;grid-column-start:1}
.banner-hero-component__background{position:relative;background-color:var(--banner-hero-bg-color)}
.banner-hero-component__content{position:relative}
.banner-hero-component__content-container{height:100%}
.banner-hero-component__inner{padding:118px 20px 0;height:100%}
@media(min-width:1280px){.banner-hero-component__inner{flex-direction:row;padding:254px 0 0}
}
.banner-hero-component__text-content{display:flex;flex-direction:column;gap:16px;padding-bottom:288px}
@media(min-width:1280px){.banner-hero-component__text-content{padding-bottom:254px;max-width:660px}
}
.banner-hero-component__pretitle{font-family:var(--secondary-font);font-style:normal;font-weight:400;font-size:18px;line-height:100%;letter-spacing:0}
.banner-hero-component__title{font-family:var(--primary-font);font-style:normal;font-weight:300;font-size-adjust:.545;font-size:48px;line-height:56px;letter-spacing:0}
@media(min-width:1024px){.banner-hero-component__title{font-family:var(--primary-font);font-style:normal;font-weight:300;font-size-adjust:.545;font-size:100px;line-height:123px}
}
.banner-hero-component__title .cmp-title__text{font-family:unset;font-size:unset;font-style:unset;font-weight:unset;line-height:unset;letter-spacing:unset}
.banner-hero-component__description{font-family:var(--primary-font);font-style:normal;font-weight:300;font-size-adjust:.545;font-size:48px;line-height:56px;letter-spacing:0}
@media(min-width:1024px){.banner-hero-component__description{font-family:var(--primary-font);font-style:normal;font-weight:300;font-size-adjust:.545;font-size:100px;line-height:123px}
}
.banner-hero-component__button-group{display:flex;flex-direction:column;gap:16px}
@media(min-width:768px){.banner-hero-component__button-group{flex-direction:row}
}
.banner-hero-component__button .cta{width:100%}
.banner-hero-component__media-content{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
@media(min-width:1280px){.banner-hero-component__media-content{transform:translateX(130px)}
}
.banner-hero-component__image-group{display:flex;justify-content:center;align-items:flex-end}
.banner-hero-component__image-1{position:absolute;bottom:3px;left:-146px;transform:rotate(-8deg);width:166px}
@media(min-width:1280px){.banner-hero-component__image-1{left:-160px;width:390px}
}
.banner-hero-component__image-1 .cmp-image{position:relative}
.banner-hero-component__image-1 .cmp-image::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:36px;background:radial-gradient(ellipse at center,rgba(0,0,0,0.2) 0,transparent 33%)}
.banner-hero-component__image-2{position:absolute;bottom:10px;left:0;transform:rotate(8deg);width:110px}
@media(min-width:1280px){.banner-hero-component__image-2{bottom:24px;left:170px;width:250px}
}
.banner-hero-component__image-2 .cmp-image{position:relative}
.banner-hero-component__image-2 .cmp-image::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:36px;background:radial-gradient(ellipse at center,rgba(0,0,0,0.2) 0,transparent 33%)}
.banner-hero-component--corner-cut .banner-hero-component__background{clip-path:ellipse(186% 60% at 0 29%)}
@media(min-width:1280px){.banner-hero-component--corner-cut .banner-hero-component__background{clip-path:shape(from 0 0,line to 100% 0,vline to 63%,curve to 0 91% with 91% 84% / 81% 78%,close)}
}
.banner-hero-component--corner-cut .banner-hero-component__img-1-wrapper{position:absolute;top:0;left:0;width:100px}
@media(min-width:1280px){.banner-hero-component--corner-cut .banner-hero-component__img-1-wrapper{transform:translate(-32px,-24px);width:226px}
}
.banner-hero-component--corner-cut .banner-hero-component__img-2-wrapper{position:absolute;right:0;bottom:74px;transform:translateX(76px);width:38px;min-width:382px}
@media(min-width:1280px){.banner-hero-component--corner-cut .banner-hero-component__img-2-wrapper{right:0;bottom:0;transform:translate(120px,-120px);width:877px}
}
.banner-hero-component--cut-down .banner-hero-component__background{clip-path:ellipse(131% 55% at 50% 33%)}
@media(min-width:1280px){.banner-hero-component--cut-down .banner-hero-component__background{clip-path:ellipse(73% 52% at 50% 33%)}
}
.banner-hero-component--cut-down .banner-hero-component__img-1-wrapper{position:absolute;top:-5px;left:-22px;width:131px}
@media(min-width:1280px){.banner-hero-component--cut-down .banner-hero-component__img-1-wrapper{top:-20px;left:-36px;width:230px}
}
.banner-hero-component--cut-down .banner-hero-component__img-2-wrapper{position:absolute;right:4px;bottom:85px;transform:translateX(42px);width:140px;min-width:140px}
@media(min-width:1280px){.banner-hero-component--cut-down .banner-hero-component__img-2-wrapper{right:-215px;bottom:250px;transform:translateX(0);width:150px;min-width:340px}
}
@media(min-width:1280px){.banner-hero-component--cut-down .banner-hero-component__inner{padding-top:228px}
}
@media(min-width:1280px){.banner-hero-component--cut-down .banner-hero-component__text-content{max-width:680px}
}
@media(min-width:1280px){.banner-hero-component--cut-down .banner-hero-component__image-1{left:-30px}
}
@media(min-width:1280px){.banner-hero-component--cut-down .banner-hero-component__image-2{bottom:18px;left:306px}
}
.banner-hero-component--cut-up{min-height:310px}
@media(min-width:1280px){.banner-hero-component--cut-up{min-height:335px}
}
.banner-hero-component--cut-up .banner-hero-component__background{clip-path:shape(from 0 100%,line to 100% 100%,vline to 0,curve to 0 0 with 50% 42px / 0 0,close)}
@media(min-width:1280px){.banner-hero-component--cut-up .banner-hero-component__background{clip-path:shape(from 0 100%,line to 100% 100%,vline to 0,curve to 0 0 with 50% 26% / 0 0,close)}
}
.banner-hero-component--cut-up .banner-hero-component__inner{padding-top:130px}
@media(min-width:1280px){.banner-hero-component--cut-up .banner-hero-component__inner{padding-top:153px}
}
.banner-hero-component--cut-up .banner-hero-component__text-content{padding-bottom:98px;max-width:100%}
@media(min-width:1280px){.banner-hero-component--cut-up .banner-hero-component__text-content{padding-bottom:80px}
}
.banner-hero-component--cut-up .banner-hero-component__description{font-family:var(--primary-font);font-style:normal;font-weight:300;font-size-adjust:.545;font-size:32px;line-height:100%;letter-spacing:0;line-height:1.3}
@media(min-width:1024px){.banner-hero-component--cut-up .banner-hero-component__description{font-family:var(--primary-font);font-style:normal;font-weight:300;font-size-adjust:.545;font-size:42px;line-height:48px;letter-spacing:0;line-height:1.2}
}
.banner-hero-component--cut-up .banner-hero-component__img-1-wrapper{position:absolute;bottom:-120px;left:-428px;width:666px}
@media(min-width:1280px){.banner-hero-component--cut-up .banner-hero-component__img-1-wrapper{left:-107px}
}
.banner-hero-component--cut-up .banner-hero-component__img-2-wrapper{position:absolute;right:-518px;bottom:-120px;width:666px}
@media(min-width:1280px){.banner-hero-component--cut-up .banner-hero-component__img-2-wrapper{right:-193px}
}
.banner-hero-component--cut-up-down{min-height:690px}
@media(min-width:1280px){.banner-hero-component--cut-up-down{overflow:unset;min-height:620px}
}
.banner-hero-component--cut-up-down .banner-hero-component__background{clip-path:shape(from 0 94%,line to 100% 92%,vline to 0,line to 0 16px,close)}
@media(min-width:1280px){.banner-hero-component--cut-up-down .banner-hero-component__background{clip-path:shape(from 0 10%,vline to 80%,curve to 100% 75% with 43% 72% / 82% 71%,vline to 0,curve to 0 10% with 50% 10% / 40% 11%,close)}
}
.banner-hero-component--cut-up-down .banner-hero-component__inner{padding:48px 0 0}
@media(min-width:1280px){.banner-hero-component--cut-up-down .banner-hero-component__inner{padding:138px 34px 0}
}
.banner-hero-component--cut-up-down .banner-hero-component__text-content{padding-bottom:360px}
@media(min-width:1280px){.banner-hero-component--cut-up-down .banner-hero-component__text-content{padding-bottom:230px}
}
.banner-hero-component--cut-up-down .banner-hero-component__description{font-family:var(--primary-font);font-style:normal;font-weight:300;font-size-adjust:.545;font-size:32px;line-height:100%;letter-spacing:0;line-height:1.4}
@media(min-width:1024px){.banner-hero-component--cut-up-down .banner-hero-component__description{font-family:var(--primary-font);font-style:normal;font-weight:300;font-size-adjust:.545;font-size:50px;line-height:60px;line-height:1.4}
}
.banner-hero-component--cut-up-down .banner-hero-component__image-1,.banner-hero-component--cut-up-down .banner-hero-component__image-2{transform:rotate(0)}
.banner-hero-component--cut-up-down .banner-hero-component__image-1{left:-115px}
@media(min-width:1280px){.banner-hero-component--cut-up-down .banner-hero-component__image-1{bottom:60px;left:-10px}
}
@media(min-width:1280px){.banner-hero-component--cut-up-down .banner-hero-component__image-2{bottom:72px;left:240px}
}
.banner-hero-component--cut-up-down .banner-hero-component__img-1-wrapper{top:0;left:0;width:130px}
@media(min-width:1280px){.banner-hero-component--cut-up-down .banner-hero-component__img-1-wrapper{top:63px;left:-12px}
}
.banner-hero-component--cut-up-down .banner-hero-component__img-2-wrapper{position:absolute;right:-77px;bottom:35px;width:432px}
@media(min-width:1280px){.banner-hero-component--cut-up-down .banner-hero-component__img-2-wrapper{right:-43px;bottom:178px;width:654px}
}
@media(prefers-reduced-motion:no-preference){.banner-hero:first-child .banner-hero-component:not(.isAuthor) .banner-hero-component__description{opacity:0}
.experiencefragment.cq-Editable-dom .banner-hero:first-child .banner-hero-component__description{opacity:1}
.banner-hero-component__description{will-change:transform}
.banner-hero-component__description *{will-change:transform}
}