.hero{--hero-min-height: clamp(400px, 50vh, 600px);--hero-gap: 40px;--hero-gap-top-multiplier: 6;--hero-gap-bottom-multiplier: 4;--hero-border-radius: var(--border-radius-big);--hero-indicator-width: clamp(24px, 4cqw, 40px);--hero-indicator-color: var(--color-white);--hero-indicator-bottom-position: 3em;--hero-indicator-animation-duration: 2s;--hero-indicator-icon: var(--icon-arrow-down);position:relative;overflow:hidden;z-index:20}.hero__container{max-width:var(--hero-contained-width, var(--content-regular));margin-left:auto;margin-right:auto;border-radius:var(--hero-border-radius);overflow:hidden}.hero__content>*:first-child,.hero__content-inner>*:first-child{margin-top:0}.hero__content>*:last-child,.hero__content-inner>*:last-child{margin-bottom:0}.hero--none{--hero-gap-top-multiplier: 2;--hero-gap-bottom-multiplier: 2}.hero--image-background .hero__inner,.hero--video-background .hero__inner{display:flex;align-items:flex-end;justify-content:center}.hero--image-background .hero .content,.hero--video-background .hero .content{position:relative;z-index:1;width:100%;padding-top:calc(var(--gap, 2rem)*2);padding-bottom:calc(var(--gap, 2rem)*2)}.hero__inner{inset:0;min-height:var(--hero-min-height);padding:calc(var(--hero-gap)*var(--hero-gap-top-multiplier)) 0 calc(var(--hero-gap)*var(--hero-gap-bottom-multiplier));overflow:hidden;width:100%;max-width:var(--hero-content-width, 100%);position:relative}.hero__background-wrapper{position:absolute;left:0;top:0;right:0;bottom:0}.hero__background-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--hero-background-image-position-horizontal, center) var(--hero-background-image-position-vertical, center);object-position:var(--hero-background-image-position-horizontal, center) var(--hero-background-image-position-vertical, center);display:block}.hero__background-image--parallax{will-change:transform;height:calc(100% + var(--parallax-height-multiplier, 0)*1%);top:calc(var(--parallax-height-multiplier, 0)*-0.5%);position:absolute;left:0}.hero__video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.hero__video--mobile{display:none}@media(max-width: 768px){.hero__video--desktop{display:none}.hero__video--mobile{display:block}}.hero__image-wrapper{position:absolute;right:var(--hero-image-position-right, 0);top:var(--hero-image-position-top, 0);bottom:var(--hero-image-position-bottom, 0);width:var(--hero-image-width, 50%);height:var(--hero-image-height, auto);transform:none}.hero__image{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-position:var(--hero-image-position-horizontal, left) var(--hero-image-position-vertical, top);object-position:var(--hero-image-position-horizontal, left) var(--hero-image-position-vertical, top);-o-object-fit:cover;object-fit:cover}.hero__scroll-down-indicator{position:absolute;left:50%;bottom:var(--hero-indicator-bottom-position, 3em);width:var(--hero-indicator-width, clamp(24px, 4cqw, 40px));aspect-ratio:2/3;transform:translateX(-50%);animation:bounce var(--hero-indicator-animation-duration, 2s) infinite;z-index:10;border-radius:5em;border:2px solid var(--hero-indicator-color, var(--color-white));cursor:pointer;opacity:.75;transition:var(--transition)}.hero__scroll-down-indicator::after{content:"";position:absolute;left:50%;top:15%;width:80%;height:1em;border-radius:50%;transform:translate(-50%, 0);-webkit-mask:var(--hero-indicator-icon, var(--icon-arrow-down)) center/contain no-repeat;mask:var(--hero-indicator-icon, var(--icon-arrow-down)) center/contain no-repeat;background-color:var(--hero-indicator-color, var(--color-white));transition:var(--transition)}.hero__scroll-down-indicator:hover{opacity:1}.hero__scroll-down-indicator:hover::after{top:50%}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}@media(max-width: 768px){.hero--split>.content{grid-template-columns:1fr}.hero--split .hero__split-image-wrap{order:-1 !important}.hero--split .hero__split-text{order:0 !important}}
