.cus-hero-carousel{position:relative;overflow:hidden;background:linear-gradient(165deg,#132e31,#1a3a3d 40%,#1f4a4e);min-height:var(--hero-height, 100vh);max-height:1000px;width:100%}.cus-hero-carousel__slides{position:relative;width:100%;min-height:var(--hero-height, 100vh);max-height:1000px}.cus-hero-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1s ease;z-index:1}.cus-hero-carousel__slide.is-active{opacity:1;z-index:2}.cus-hero-carousel__grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25;background-image:linear-gradient(rgba(26,79,82,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(26,79,82,.4) 1px,transparent 1px);background-size:60px 60px;animation:cusHeroGridShift 20s linear infinite;z-index:1}@keyframes cusHeroGridShift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.cus-hero-carousel__glow{position:absolute;width:800px;height:800px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(217,87,0,.08) 0%,transparent 70%);animation:cusHeroGlowPulse 6s ease-in-out infinite;z-index:2}@keyframes cusHeroGlowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.cus-hero-carousel__edge-line--top,.cus-hero-carousel__edge-line--bottom{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#D95700,transparent);z-index:3}.cus-hero-carousel__edge-line--top{top:0;left:10%;right:10%;animation:cusHeroEdgePulse 4s ease-in-out infinite}.cus-hero-carousel__edge-line--bottom{bottom:0;left:20%;right:20%;animation:cusHeroEdgePulse 4s ease-in-out infinite 2s}@keyframes cusHeroEdgePulse{0%,to{opacity:.15}50%{opacity:.5}}.cus-hero-carousel__anim-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.cus-hero-carousel__video,.cus-hero-carousel__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.cus-hero-carousel__video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;background:#132e31}.cus-hero-carousel__video-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;z-index:1}.cus-hero-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.cus-hero-carousel__content-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;transform:scale(var(--hero-scale, 1));transform-origin:center center}.cus-hero-carousel__content-wrapper.has-cards{display:grid;grid-template-columns:55% 45%;align-items:center;max-width:1400px;margin:0 auto;left:0;right:0;padding:24px 40px;gap:40px}.cus-hero-carousel__content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;max-width:960px}.cus-hero-carousel__content-wrapper.has-cards .cus-hero-carousel__content{text-align:left;align-items:flex-start;align-self:center;padding:0;max-width:none}@keyframes cusHeroLogoEnter{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cusHeroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cusHeroLineGrow{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.cus-hero-carousel__logo{max-width:500px;width:85%;margin-bottom:32px;opacity:0}.cus-hero-carousel__tagline{font-family:DM Sans,sans-serif;font-size:clamp(1.75rem,4vw,3.25rem);font-weight:700;color:#f5f0eb;letter-spacing:-.02em;line-height:1.15;margin:0 0 20px;opacity:0}.cus-hero-carousel__tagline-highlight{color:#d95700;position:relative;display:inline-block}.cus-hero-carousel__tagline-highlight:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:3px;background:#d95700;opacity:.4;border-radius:2px;transform:scaleX(0);transform-origin:left}.cus-hero-carousel__subtitle{font-family:DM Sans,sans-serif;font-size:clamp(.9375rem,1.8vw,1.1875rem);font-weight:400;color:#f5f0eb99;line-height:1.7;max-width:680px;margin:0 auto 40px;opacity:0}.cus-hero-carousel__slide.is-active .cus-hero-carousel__logo{animation:cusHeroLogoEnter 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.2s}.cus-hero-carousel__slide.is-active .cus-hero-carousel__tagline{animation:cusHeroFadeUp 1s cubic-bezier(.16,1,.3,1) both;animation-delay:.5s}.cus-hero-carousel__slide.is-active .cus-hero-carousel__tagline-highlight:after{animation:cusHeroLineGrow .8s cubic-bezier(.16,1,.3,1) both;animation-delay:1.4s}.cus-hero-carousel__slide.is-active .cus-hero-carousel__subtitle{animation:cusHeroFadeUp 1s cubic-bezier(.16,1,.3,1) both;animation-delay:.8s}.cus-hero-carousel__slide.is-active .cus-hero-carousel__cta-row{animation:cusHeroFadeUp 1s cubic-bezier(.16,1,.3,1) both;animation-delay:1.1s}.cus-hero-carousel__slide.is-active .cus-hero-carousel__cards{animation:cusHeroFadeUp 1s cubic-bezier(.16,1,.3,1) both;animation-delay:1.3s}.cus-hero-carousel__cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;opacity:0;pointer-events:auto}.cus-hero-carousel__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:6px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;text-decoration:none;letter-spacing:.01em;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;border:none;line-height:1.2}.cus-hero-carousel__btn--primary{background:#d95700;color:#fff;box-shadow:0 4px 20px #d957004d}.cus-hero-carousel__btn--primary:hover{background:#f06a10;transform:translateY(-2px);box-shadow:0 8px 30px #d9570066;color:#fff}.cus-hero-carousel__btn--secondary{background:transparent;color:#f5f0eb;border:1.5px solid rgba(245,240,235,.25)}.cus-hero-carousel__btn--secondary:hover{border-color:#2a7a7e;background:#2a7a7e1a;transform:translateY(-2px);color:#f5f0eb}.cus-hero-carousel__btn svg{flex-shrink:0}.cus-hero-carousel__cards{display:grid;gap:12px;justify-content:center;align-self:stretch;align-content:center;opacity:0}.cus-hero-carousel__cards[data-card-count="1"],.cus-hero-carousel__cards[data-card-count="2"],.cus-hero-carousel__cards[data-card-count="3"]{grid-template-columns:minmax(0,180px)}.cus-hero-carousel__cards[data-card-count="4"]{grid-template-columns:repeat(2,minmax(0,180px))}.cus-hero-carousel__card{display:flex;flex-direction:column;min-height:0;background:#132e31b3;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;text-decoration:none;transition:border-color .3s ease,transform .3s ease;cursor:pointer}.cus-hero-carousel__card:hover{border-color:#ffffff40;transform:translateY(-2px)}.cus-hero-carousel__card-img{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block}.cus-hero-carousel__card-img-placeholder{width:100%;aspect-ratio:3 / 2;background:#ffffff0d}.cus-hero-carousel__card-title{flex:0 0 auto;display:block;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:#f5f0eb;line-height:1.3}.cus-hero-carousel.hero-short .cus-hero-carousel__content-wrapper.has-cards{padding:16px 40px}.cus-hero-carousel.hero-short .cus-hero-carousel__cards[data-card-count="2"]{grid-template-columns:minmax(0,160px)}.cus-hero-carousel.hero-short .cus-hero-carousel__cards[data-card-count="3"]{grid-template-columns:repeat(3,minmax(0,150px))}.cus-hero-carousel.hero-short .cus-hero-carousel__cards[data-card-count="4"]{grid-template-columns:repeat(2,minmax(0,150px))}.cus-hero-carousel.hero-short .cus-hero-carousel__card-img{aspect-ratio:4 / 3}.cus-hero-carousel.hero-short .cus-hero-carousel__card-title{padding:6px 10px;font-size:12px}@media(min-width:750px)and (max-width:1024px){.cus-hero-carousel__content-wrapper.has-cards{grid-template-columns:50% 50%;padding:40px 24px;gap:24px}.cus-hero-carousel__card-title{font-size:13px;padding:8px 10px}}.cus-hero-carousel__dots{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:10px;align-items:center}.cus-hero-carousel__dot{width:10px;height:10px;border-radius:50%;background:#f5f0eb;opacity:.4;border:none;padding:0;cursor:pointer;transition:opacity .3s ease,transform .3s ease}.cus-hero-carousel__dot:hover{opacity:.7}.cus-hero-carousel__dot.is-active{opacity:1;transform:scale(1.25)}@media(max-width:749px){.cus-hero-carousel,.cus-hero-carousel__slides{min-height:600px}.cus-hero-carousel__logo{max-width:320px}.cus-hero-carousel__glow{width:500px;height:500px}.cus-hero-carousel__tagline{font-size:clamp(1.5rem,5vw,2.5rem)}.cus-hero-carousel__subtitle{font-size:clamp(.85rem,2.5vw,1.0625rem)}.cus-hero-carousel__content{padding:40px 24px}.cus-hero-carousel__btn{padding:12px 24px;font-size:14px}.cus-hero-carousel__cards{display:none}.cus-hero-carousel__content-wrapper.has-cards{display:flex;padding:0}.cus-hero-carousel__content-wrapper.has-cards .cus-hero-carousel__content{text-align:center;align-items:center}}@media(max-width:480px){.cus-hero-carousel__logo{max-width:260px}.cus-hero-carousel__tagline{font-size:clamp(1.25rem,6vw,2rem)}.cus-hero-carousel__subtitle{font-size:clamp(.8125rem,3vw,.9375rem);margin-bottom:28px}.cus-hero-carousel__content{padding:30px 16px}.cus-hero-carousel__dots{bottom:16px}}@media(max-width:749px){.cus-hero-carousel__anim-svg>g:nth-child(2),.cus-hero-carousel__anim-svg>g:nth-child(3),.cus-hero-carousel__anim-svg>g:nth-child(4),.cus-hero-carousel__anim-svg>g:nth-child(5),.cus-hero-carousel__anim-svg>g:nth-child(6),.cus-hero-carousel__anim-svg>g:nth-child(8){display:none}}@media(prefers-reduced-motion:reduce){.cus-hero-carousel__slide{transition:none}.cus-hero-carousel__logo,.cus-hero-carousel__tagline,.cus-hero-carousel__subtitle,.cus-hero-carousel__cta-row{animation:none!important;opacity:1;transform:none}.cus-hero-carousel__tagline-highlight:after{animation:none!important;transform:scaleX(1)}.cus-hero-carousel__grid,.cus-hero-carousel__glow{animation:none}.cus-hero-carousel__edge-line--top,.cus-hero-carousel__edge-line--bottom{animation:none;opacity:.3}.cus-hero-carousel__dot,.cus-hero-carousel__btn{transition:none}.cus-hero-carousel__anim-svg *,.cus-hero-carousel__anim-svg animate,.cus-hero-carousel__anim-svg animateTransform,.cus-hero-carousel__anim-svg animateMotion{animation:none!important;animation-play-state:paused!important}.cus-hero-carousel__cards{animation:none!important;opacity:1}.cus-hero-carousel__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/cus-hero-carousel.css.map */