.heroCarousel{height:100vh;min-height:720px;position:relative;overflow:hidden;background:#080a0b}.heroTrack,.heroSlide{position:absolute;inset:0}.heroSlide{display:grid;grid-template-columns:56% 44%;align-items:stretch;opacity:0;visibility:hidden;transform:translateX(4%);transition:opacity .65s ease,transform .65s ease,visibility .65s}.heroSlide.active{opacity:1;visibility:visible;transform:none;z-index:1}.slideCopy{padding:150px 6.8vw 100px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 100% 50%,#15323455,transparent 35%),#0a0e0f}.slideCopy .ey{font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.16em;color:rgba(255,255,255,.9)}.slideCopy h1{font-size:clamp(72px,9vw,155px);line-height:.74;letter-spacing:-.085em;margin:38px 0}.slideCopy h1 em{font-style:normal;color:#42f5e6}.slideCopy p{max-width:430px;margin:0 0 26px;color:rgba(255,255,255,.78);font-size:16px;font-weight:400;line-height:1.65}.slideCopy .btn{width:max-content;min-width:190px;min-height:50px;margin-top:0;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:700;line-height:1;letter-spacing:.08em;white-space:nowrap}.slideCopy .btn:hover{background:#32e6dc;color:#081011}.slideCopy .btn:focus-visible{outline:2px solid #32e6dc;outline-offset:4px}.slideMedia{position:relative;overflow:hidden;background:#050707}.slideMedia:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0e0f 0,transparent 16%),linear-gradient(0deg,#080a0b99 0,transparent 24%);pointer-events:none}.slideMedia img{width:100%;height:100%;object-fit:cover}.slideMedia.contain img{object-fit:contain;background:#050708}.carouselArrow{position:absolute;z-index:3;top:50%;width:56px;height:56px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);background:rgba(8,15,16,.68);color:#fff;font-size:21px;line-height:1;cursor:pointer;transform:translateY(-50%);transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,transform 180ms ease}.carouselArrow:hover{background:#32e6dc;color:#081011;border-color:#32e6dc;transform:translateY(-50%) scale(1.04)}.carouselArrow:focus-visible{outline:2px solid #32e6dc;outline-offset:4px}.carouselArrow.prev{left:24px}.carouselArrow.next{right:24px}.carouselNumbers{position:absolute;z-index:3;left:6.8vw;bottom:28px;display:flex;gap:9px}.carouselNumbers button{width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.3);background:transparent;color:rgba(255,255,255,.85);font-size:13px;font-weight:700;line-height:1;cursor:pointer}.carouselNumbers button:hover{border-color:rgba(255,255,255,.7);color:#fff}.carouselNumbers button.active,.carouselNumbers button[aria-current="true"]{background:#32e6dc;color:#061011;border-color:#32e6dc}.carouselNumbers button:focus-visible{outline:2px solid #32e6dc;outline-offset:3px}.heroSlide.active .slideCopy>*{animation:bannerIn .7s both}.heroSlide.active .slideCopy h1{animation-delay:.08s}.heroSlide.active .slideCopy p{animation-delay:.15s}.heroSlide.active .slideCopy .btn{animation-delay:.22s}@keyframes bannerIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@media(min-width:1440px){.slideCopy .ey{font-size:14px}.slideCopy p{font-size:18px}.slideCopy .btn{min-height:54px;font-size:14px}.carouselArrow{width:62px;height:62px;font-size:23px}.carouselArrow.prev{left:30px}.carouselArrow.next{right:30px}.carouselNumbers button{width:44px;height:44px}}
@media(max-width:900px){.heroCarousel{height:auto;min-height:100svh}.heroTrack{position:relative;height:100svh;min-height:720px}.heroSlide{grid-template-columns:1fr;grid-template-rows:56% 44%}.slideCopy{padding:155px 6vw 70px;grid-row:1}.slideCopy .ey{font-size:12px}.slideCopy h1{font-size:clamp(62px,15vw,105px);margin:25px 0}.slideCopy p{font-size:15px;line-height:1.6}.slideCopy .btn{min-height:48px;font-size:12px}.slideMedia{grid-row:2}.slideMedia:after{background:linear-gradient(180deg,#0a0e0f 0,transparent 20%)}.carouselArrow{top:auto;bottom:24px;width:48px;height:48px;font-size:20px;transform:none}.carouselArrow:hover{transform:scale(1.04)}.carouselArrow.prev{left:auto;right:82px}.carouselArrow.next{right:24px}.carouselNumbers{left:6vw;bottom:29px}.carouselNumbers button{width:38px;height:38px}}
@media(max-width:520px){.heroTrack{min-height:680px}.heroSlide{grid-template-rows:62% 38%}.slideCopy{padding:145px 5vw 72px}.slideCopy h1{font-size:17vw}.slideCopy p{font-size:15px;line-height:1.55;margin-bottom:24px}.slideCopy .btn{width:100%;min-height:48px;font-size:12px}.carouselNumbers{left:5vw;bottom:28px;gap:8px}.carouselNumbers button{width:36px;height:36px;font-size:12px}.carouselArrow{display:grid;bottom:24px;width:44px;height:44px;font-size:19px}.carouselArrow.prev{right:70px}.carouselArrow.next{right:16px}}
@media(prefers-reduced-motion:reduce){.heroSlide,.heroSlide.active .slideCopy>*{transition:none;animation:none}.carouselArrow,.slideCopy .btn{transition:none}}
.carouselArrow{font-size:0}.carouselArrow:before{content:"";width:14px;height:14px;border-top:2px solid currentColor;border-right:2px solid currentColor}.carouselArrow.prev:before{transform:rotate(-135deg);margin-left:5px}.carouselArrow.next:before{transform:rotate(45deg);margin-right:5px}
@media(min-width:1440px){.carouselArrow:before{width:16px;height:16px}}
@media(max-width:520px){.carouselArrow:before{width:12px;height:12px}}