.hero{--header-height:70px;--hero-control-size:44px;--hero-control-gap:0.5rem;align-items:stretch;display:flex;min-height:calc(70vh - var(--header-height));overflow:hidden;position:relative;.swiper-wrapper{height:unset}&.swiper:has(.swiper-navigation){padding:0}&.swiper .swiper-pagination-bullets{--swiper-pagination-bottom:1rem}&.swiper .swiper-button{background-color:var(--primary-30-color);border:1px solid var(--primary-color);bottom:.5rem;color:var(--primary-color);&:hover{background-color:var(--primary-10-color);color:var(--primary-color)}}&.swiper .swiper-button.swiper-button-prev{left:calc(1rem + var(--hero-control-size) + var(--hero-control-gap));right:unset}&.swiper .swiper-button.swiper-button-next{left:calc(1rem + (var(--hero-control-size) + var(--hero-control-gap))*2);right:unset}&.swiper .hero__autoplay-toggle{align-items:center;background-color:var(--primary-30-color);border:1px solid var(--primary-color);border-radius:50%;bottom:.5rem;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:flex;height:var(--hero-control-size);justify-content:center;left:1rem;padding:10px;position:absolute;transition:all .3s ease;width:var(--hero-control-size);z-index:10;&:hover{background-color:var(--primary-10-color)}}&.swiper .hero__autoplay-icon{fill:currentColor;height:100%;width:100%}&.swiper .hero__autoplay-icon--pause,&.swiper .hero__autoplay-toggle.is-playing .hero__autoplay-icon--play{display:none}&.swiper .hero__autoplay-toggle.is-playing .hero__autoplay-icon--pause{display:block}}@media screen and (min-width:1500px){.hero.swiper .swiper-button{bottom:unset;top:50%;transform:translateY(-50%)}.hero.swiper .swiper-button.swiper-button-prev{left:1rem;right:unset}.hero.swiper .swiper-button.swiper-button-next{left:auto;right:1rem}}.hero--50vh{min-height:calc(50vh - var(--header-height))}.hero--70vh{min-height:calc(70vh - var(--header-height))}.hero--90vh{min-height:calc(90vh - var(--header-height))}.hero--100vh{min-height:calc(100vh - var(--header-height))}.hero__media{inset:0;position:absolute;z-index:0}.hero__image,.hero__poster,.hero__video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hero__video{z-index:1}.hero__image,.hero__poster{z-index:0}.hero__ai-badge{align-items:center;background:hsla(0,0%,90%,.85);border-radius:999px;color:#1a1a1a;display:inline-flex;font-size:.5rem;font-weight:800;gap:.35em;justify-content:center;line-height:1;padding:1em .75em;position:absolute;right:1.5rem;text-transform:uppercase;top:1.5rem;white-space:nowrap;writing-mode:sideways-lr;z-index:4}.hero__ai-badge-prefix{font-size:1.2em;font-weight:900}.hero__ai-badge-suffix{letter-spacing:.12em}.hero__overlay{background:rgb(from var(--primary-color) r g b/1);inset:0;left:0;mix-blend-mode:multiply;position:absolute;top:0;width:40%;z-index:2;&:after{background:linear-gradient(90deg,var(--primary-color) 0,rgb(from var(--primary-color) r g b/0) 100%);content:"";inset:0;left:100%;mix-blend-mode:multiply;position:absolute;top:0;width:30%}}.hero__inner{align-items:center;display:flex;height:100%;margin:0 auto;max-width:1340px;padding:4rem 1.5rem;position:relative;width:100%;z-index:3}.hero__content{max-width:35%;padding:80px 0;text-shadow:2px 2px 15px rgba(80,80,80,.5);text-wrap:balance}.hero__content>:first-child{margin-top:0}.hero__content>:last-child{margin-bottom:0}.hero__video:not([autoplay])+.hero__poster{opacity:1}@media (prefers-reduced-motion:reduce){.hero__video{display:none}}.hero__video.is-not-playing{opacity:0}.hero__image,.hero__poster{transition:opacity .3s ease}@media (max-width:990px){.hero{min-height:calc(90vh - var(--header-height))}.hero__inner{align-items:end;padding:3rem 1rem}.hero__content{max-width:100%}.hero__overlay{bottom:0;height:65%;top:unset;width:100%;&:after{background:linear-gradient(0deg,var(--primary-color) 0,rgb(from var(--primary-color) r g b/0) 100%);height:50%;left:0;top:-50%;width:100%}}.hero.swiper .swiper-pagination{display:none}}