.hero-carousel{width:100vw;height:100dvh;position:absolute;top:0;overflow:hidden}.carousel-slide{opacity:0;visibility:hidden;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),visibility 1.2s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:200vw;transform:translate(120vw)}.carousel-slide.active{opacity:1;visibility:visible;z-index:2;left:0;transform:translate(0,0)}.carousel-slide.preload-next:not(.carousel-slide--first-slide),.carousel-slide.carousel-slide--exiting{opacity:0;visibility:visible;z-index:1;pointer-events:none;left:0;transform:translate(0,0)}.carousel-slide__image-wrapper{width:100%;height:100%;position:relative}.carousel-slide__bg-image{object-fit:cover}.carousel-slide__first-slide{justify-content:center;align-items:center;width:100%;height:100%;padding:0 40%;display:flex;position:relative}.carousel-slide__first-slide .carousel-slide__first-slide-image{fill:#fff}@media (max-width:1920px){.carousel-slide__first-slide{padding:0 35%}}@media (max-width:900px){.carousel-slide__first-slide{padding:0 25%}}.hero-logo{z-index:10;opacity:0;width:350px;height:40px;transition:opacity .5s;position:absolute}.hero-logo.visible{opacity:1}.hero-title{bottom:calc(55px + env(safe-area-inset-bottom));text-align:center;z-index:10;position:absolute;left:50%;transform:translate(-50%)}.hero-title h2{letter-spacing:0;text-transform:uppercase;text-align:center;margin-bottom:3px;font-size:2rem;font-weight:500;line-height:1}.hero-title p{letter-spacing:0;opacity:1;color:#c4c4c4;height:auto;font-size:1.7rem;line-height:1}.carousel-nav{color:#818181;cursor:pointer;z-index:100;background:0 0;border:none;justify-content:center;align-items:center;width:120px;height:120px;padding:25px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav svg{width:100%;height:100%}.carousel-nav:hover{color:#fff}.carousel-nav.prev{left:3%}.carousel-nav.next{right:3%}@media (max-width:850px){.hero-title h2{font-size:1.5rem;line-height:1.2}.hero-title p{font-size:.9rem}.carousel-nav{width:40px;height:40px}}@media (max-width:500px){.hero-logo{width:300px;height:30px}.hero-title{bottom:calc(90px + env(safe-area-inset-bottom))}.hero-title h2{font-size:1.2rem}.hero-title p{font-size:1rem}}