.hero-carousel{position:relative;overflow:hidden;background:#071b2d;color:#fff}.hero-carousel:before{position:absolute;z-index:0;inset:-40% -10% auto 45%;height:50rem;background:radial-gradient(circle,var(--color-accent, #ff5a0a) 0,transparent 62%);content:"";opacity:.18;pointer-events:none}.hero-carousel__viewport{position:relative;display:grid}.hero-slide{position:relative;z-index:0;grid-area:1 / 1;visibility:hidden;opacity:0;transition:opacity .6s ease,visibility .6s step-end}.hero-slide.is-active{z-index:1;visibility:visible;opacity:1;transition:opacity .6s ease,visibility 0s}.hero-slide__inner{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);align-items:center;gap:clamp(2rem,4vw,4rem);min-height:min(680px,74vh);padding-block:clamp(3.5rem,8vw,7rem)}.hero-slide__eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1rem;color:var(--color-accent, #ff5a0a);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero-slide__eyebrow:before{width:1.8rem;height:2px;background:var(--color-accent, #ff5a0a);content:""}.hero-slide__heading{max-width:12ch;margin:0;color:#fff;font-size:clamp(2.3rem,6vw,5.4rem);font-weight:700;line-height:1.05;letter-spacing:-.035em}.hero-slide__heading em{color:var(--color-accent, #ff5a0a);font-style:normal}.hero-slide__text{max-width:38rem;margin-top:1.4rem;color:#c3d3dd;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.6}.hero-slide__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.hero-slide__button-ghost{border-color:#ffffff73;background:transparent;color:#fff}.hero-slide__button-ghost:hover{border-color:#fff;background:#ffffff1a}.hero-slide__visual{position:relative}.hero-slide__image-wrap{overflow:hidden;border:1px solid rgb(255 255 255 / .16);border-radius:clamp(1rem,2vw,1.75rem);background:#102e43;box-shadow:0 2rem 6rem #0000004d}.hero-slide__image-wrap img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}.hero-slide__placeholder{display:grid;aspect-ratio:3 / 2;place-items:center;background:linear-gradient(145deg,#0f4c75,#071b2d)}.hero-slide__placeholder span{width:65%;height:65%;border:1px solid rgb(255 255 255 / .22);border-radius:40% 60% 55% 45%;background:radial-gradient(circle at 30% 30%,var(--color-accent, #ff5a0a),transparent 58%)}.hero-slide__stamp{position:absolute;right:-1rem;bottom:2rem;display:grid;width:7rem;height:7rem;place-items:center;border-radius:50%;background:var(--color-accent, #ff5a0a);color:#fff;font-size:.75rem;font-weight:800;line-height:1.2;text-align:center;text-transform:uppercase;transform:rotate(-8deg)}.hero-carousel--multiple .hero-slide.is-active .hero-slide__eyebrow,.hero-carousel--multiple .hero-slide.is-active .hero-slide__heading,.hero-carousel--multiple .hero-slide.is-active .hero-slide__text,.hero-carousel--multiple .hero-slide.is-active .hero-slide__actions,.hero-carousel--multiple .hero-slide.is-active .hero-carousel__trust{animation:hero-rise .65s cubic-bezier(.2,.7,.2,1) backwards}.hero-carousel--multiple .hero-slide.is-active .hero-slide__heading{animation-delay:.06s}.hero-carousel--multiple .hero-slide.is-active .hero-slide__text{animation-delay:.12s}.hero-carousel--multiple .hero-slide.is-active .hero-slide__actions{animation-delay:.18s}.hero-carousel--multiple .hero-slide.is-active .hero-carousel__trust{animation-delay:.24s}.hero-carousel--multiple .hero-slide.is-active .hero-slide__visual{animation:hero-zoom .8s cubic-bezier(.2,.7,.2,1) backwards}@keyframes hero-rise{0%{opacity:0;transform:translateY(1.1rem)}}@keyframes hero-zoom{0%{opacity:0;transform:scale(1.04)}}.hero-carousel__trust{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:clamp(1rem,2.5vw,1.4rem) 0 0;color:#c3d3dd;font-size:.95rem;line-height:1.5}.hero-carousel__rating{display:inline-flex;align-items:center;gap:.45rem;color:#fff}.hero-carousel__rating strong{font-weight:700}.hero-carousel__rating-star{display:inline-flex;color:var(--color-accent, #ff5a0a)}.hero-carousel__rating-star svg{width:1.15rem;height:1.15rem;fill:currentcolor}.hero-carousel__trust-separator{color:#c3d3dd8c}.hero-carousel__controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:1rem;padding-bottom:clamp(1.5rem,4vw,2.5rem)}.hero-carousel__dots{display:flex;align-items:center;gap:.5rem}.hero-carousel__dot{position:relative;width:2.25rem;height:.35rem;padding:0;overflow:hidden;border:0;border-radius:999px;background:#ffffff47;cursor:pointer;transition:background .25s ease}.hero-carousel__dot:hover{background:#ffffff80}.hero-carousel__dot-fill{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--color-accent, #ff5a0a);transform:scaleX(0);transform-origin:left center}.hero-carousel__dot.is-active .hero-carousel__dot-fill{transform:scaleX(1)}.hero-carousel[data-playing=true] .hero-carousel__dot.is-active .hero-carousel__dot-fill{animation:hero-dot var(--hero-interval, 6s) linear forwards}@keyframes hero-dot{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-carousel__arrow{position:absolute;z-index:3;top:50%;display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgb(255 255 255 / .3);border-radius:50%;background:#071b2d8c;color:#fff;font-size:1.05rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translateY(-50%)}.hero-carousel__arrow svg{width:1.15rem;height:1.15rem}.hero-carousel__arrow--prev{left:clamp(.5rem,2vw,1.5rem)}.hero-carousel__arrow--next{right:clamp(.5rem,2vw,1.5rem)}.hero-carousel__arrow:hover{border-color:#fff;background:#071b2dcc}.hero-carousel__arrow--prev:hover{transform:translateY(-50%) translate(-.15rem)}.hero-carousel__arrow--next:hover{transform:translateY(-50%) translate(.15rem)}.hero-carousel__dot:focus-visible,.hero-carousel__arrow:focus-visible{outline:2px solid var(--color-accent, #ff5a0a);outline-offset:3px}@media(max-width:989px){.hero-slide__inner{grid-template-columns:minmax(0,1fr);min-height:auto;padding-block:3.5rem}.hero-slide__visual{order:-1;max-width:34rem}.hero-slide__heading{max-width:none}.hero-slide__stamp{right:.5rem;width:5.8rem;height:5.8rem}.hero-carousel__arrow{width:2.25rem;height:2.25rem;font-size:.9rem}}@media(prefers-reduced-motion:reduce){.hero-slide,.hero-carousel__dot-fill{transition:none;animation:none!important}.hero-carousel--multiple .hero-slide.is-active .hero-slide__eyebrow,.hero-carousel--multiple .hero-slide.is-active .hero-slide__heading,.hero-carousel--multiple .hero-slide.is-active .hero-slide__text,.hero-carousel--multiple .hero-slide.is-active .hero-slide__actions,.hero-carousel--multiple .hero-slide.is-active .hero-slide__visual{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hero-carousel.css.map */