.hero{--section-gap: 40px;--hero-height: clamp(700px, 90vh, 1000px);position:relative;overflow:hidden;z-index:20;filter:drop-shadow(0 0.25em 0.5em rgba(0, 0, 0, 0.35))}.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-height);padding:calc(var(--section-gap)*6) 0 calc(var(--section-gap)*4);overflow:hidden;-webkit-mask:var(--icon-hero-mask) center bottom/cover no-repeat;mask:var(--icon-hero-mask) center bottom/cover no-repeat;background-color:var(--color-primary)}.hero__inner::before{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(200px,30%,400px);background:linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));z-index:10;mix-blend-mode:multiply;pointer-events:none}.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:center;object-position: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, auto);bottom:var(--hero-image-position-bottom, auto);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:left top;object-position:left top;-o-object-fit:cover;object-fit:cover}.hero__scroll-down-indicator{position:absolute;left:50%;bottom:3em;width:clamp(24px,4cqw,40px);aspect-ratio:2/3;transform:translateX(-50%);animation:bounce 2s infinite;z-index:10;border-radius:5em;border:2px solid 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(--icon-arrow-down) center/contain no-repeat;mask:var(--icon-arrow-down) center/contain no-repeat;background-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}}@media screen and (max-width: 1024px){.hero{--hero-height: clamp(500px, 70vh, 800px)}}@media screen and (max-width: 600px){.hero{--hero-height: clamp(320px, 70vh, 600px)}.hero__inner{padding:calc(var(--section-gap)*4) 0 calc(var(--section-gap)*3)}.hero--split .content{margin-left:0}.hero--split .content p{max-width:65%}.hero--split .content p br{display:none}}