:root{--color-dark-navy: #001323;--color-cream: #ffffff;--color-yellow: #F3AB1E;--badge-font-size: 11px}.hero-banner{position:relative;height:56vw;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--color-cream);-webkit-user-select:none;user-select:none}.hero-banner__slides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .9s cubic-bezier(.4,0,.2,1);pointer-events:none}.hero-banner__slide.is-active{opacity:1;pointer-events:auto}.hero-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;will-change:transform}.hero-banner__image--placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#02090f99,#02090fe6)}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#001323e0,#0013238c 55%,#0013231a);z-index:1;pointer-events:none}.hero-banner__container{position:relative;z-index:3;width:100%;max-width:1400px;padding:0 24px;margin:0 auto;box-sizing:border-box;display:flex;align-items:center}.hero-banner__inner{max-width:640px}.hero-banner__badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--color-yellow);color:var(--color-dark-navy);border-radius:2px;padding:5px 14px;margin-bottom:28px;font-family:Poppins,system-ui,sans-serif;font-weight:600;font-size:var(--badge-font-size);letter-spacing:.12em;text-transform:uppercase;line-height:1;height:3rem}.hero-banner__badge-dot{position:relative;display:inline-block;width:7px;height:7px;border-radius:50%;background-color:var(--color-dark-navy);flex-shrink:0}.hero-banner__badge-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:var(--color-dark-navy);animation:heroBadgePulse 1.6s ease-out infinite}@keyframes heroBadgePulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(2.6);opacity:0}to{transform:scale(2.6);opacity:0}}.hero-banner__title{font-family:var(--font-heading-family);font-weight:400;font-size:clamp(56px,8vw,70px);line-height:.92;color:var(--color-cream);letter-spacing:2px;text-transform:uppercase;margin:0 0 24px;max-width:380px}.hero-banner__title p{margin-block:0!important}.hero-banner__title .highlight,.hero-banner__title span{color:var(--color-yellow)}.hero-banner__description{font-family:Poppins,system-ui,sans-serif;font-weight:300;font-size:17px;color:#fff4e5cc;line-height:1.6;margin:0 0 40px;max-width:440px}.hero-banner__actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.hero-banner__btn{font-size:16px;text-transform:uppercase;padding:12px 30px;border-radius:3px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:400;transition:all .3s ease}.hero-banner__btn--primary{background:transparent;color:#f3ab1e;border:1.5px solid #F3AB1E;font-weight:600;position:relative;overflow:hidden;transition:color .3s ease}.hero-banner__btn--primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f3ab1e;transform:translate(-101%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:0}.hero-banner__btn--primary:hover:before,.hero-banner__btn--primary:focus-visible:before{transform:translate(0)}.hero-banner__btn--primary:hover,.hero-banner__btn--primary:focus-visible{color:#001323;outline:none}.hero-banner__btn-text,.hero-banner__btn--primary .hero-banner__icon{position:relative;z-index:1}.hero-banner__icon{display:inline-block;width:16px;height:16px;color:inherit}.hero-banner__btn--secondary{background-color:transparent;color:var(--color-cream);border:1.5px solid rgba(255,244,229,.45)}.hero-banner__btn--secondary:hover,.hero-banner__btn--secondary:focus{border-color:var(--color-cream);outline:none}.hero-banner__controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 20px;pointer-events:none}.hero-banner__arrow{pointer-events:auto;width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,244,229,.3);background-color:#00132373;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .15s ease;flex-shrink:0}.hero-banner__arrow:hover{background-color:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-dark-navy);transform:scale(1.08)}.hero-banner__arrow:focus-visible{outline:2px solid var(--color-yellow);outline-offset:3px}.hero-banner__arrow svg{width:18px;height:18px;flex-shrink:0}.hero-banner--single .hero-banner__controls,.hero-banner--single .hero-banner__dots{display:none}.hero-banner__dots{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:8px}.hero-banner__dot{width:8px;height:8px;border-radius:4px;border:none;background-color:#fff4e559;cursor:pointer;padding:0;transition:width .3s ease,background-color .3s ease}.hero-banner__dot.is-active{width:24px;background-color:var(--color-yellow)}.hero-banner__dot:focus-visible{outline:2px solid var(--color-yellow);outline-offset:2px}.hero-banner__scroll{position:absolute;bottom:36px;right:40px;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.5;z-index:3}.hero-banner__scroll-line{width:1px;height:48px;background-color:var(--color-cream);animation:scrollPulse 2s ease-in-out infinite}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#001323e0,#0013238c 55%,#0013231a);z-index:1}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}.hero-banner--grabbing{cursor:grabbing}@media(max-width:880px){.hero-banner__badge{margin-bottom:2rem}.hero-banner__overlay{background:linear-gradient(180deg,#001323e0,#0013238c 55%,#0013231a)}.hero-banner__title{font-size:32px;margin-bottom:2rem;max-width:200px}.hero-banner__description{display:none}.hero-banner__arrow{width:40px;height:40px}}@media(max-width:520px){.hero-banner__title{line-height:.98}.hero-banner__actions{gap:10px}.hero-banner__btn{padding:8px 16px;font-size:9px;letter-spacing:.06em}.hero-banner__arrow,.hero-banner__scroll{display:none}}@media(prefers-reduced-motion:reduce){.hero-banner__slide{transition:none}.hero-banner__slide.is-active .hero-banner__image{animation:none}.hero-banner__badge-dot:before{animation:none}.hero-banner__scroll-line{animation:none}.hero-banner__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-banner.css.map */