.hb{width:100%}.hb_inner{position:relative;overflow:hidden}.hb_empty_state{display:flex;align-items:center;justify-content:center;min-height:320px;background:var(--color-secondary-background, var(--color-border));color:var(--color-text);text-align:center;padding:2rem}.hb_widget{position:relative;display:block;width:100%;height:var(--hb-min-height, 820px)}.hb_stage{position:absolute;top:0;right:0;bottom:0;left:0}.hb_slide{display:none;overflow:hidden;position:absolute;top:-2px;left:0;width:100%;height:100%;z-index:1}.hb_slide.is-active{display:block}.hb_slide_media{position:absolute;top:-2px;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.hb_slide_media img,.hb_slide_media svg{width:100%;height:100%;object-fit:cover;object-position:center}.hb_widget[data-parallax=true] .hb_slide_media img,.hb_widget[data-parallax=true] .hb_slide_media svg{transform:translate3d(0,var(--hb-parallax, 0px),0) scale(1.14);will-change:transform}.hb_slide_media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hb-overlay-color, #000);opacity:var(--hb-overlay-opacity, .25);pointer-events:none}.hb_overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(3,1fr);gap:1rem;padding:8rem;max-width:180rem;margin:0 auto;pointer-events:none}.hb_content{display:flex;flex-direction:column;gap:1.6rem;max-width:70rem;min-width:0;color:var(--color-text);pointer-events:auto}.hb_pos-top-left .hb_content,.hb_pos-top-center .hb_content,.hb_pos-top-right .hb_content{grid-row:1;align-self:start}.hb_pos-middle-left .hb_content,.hb_pos-middle-center .hb_content,.hb_pos-middle-right .hb_content{grid-row:2;align-self:center}.hb_pos-bottom-left .hb_content,.hb_pos-bottom-center .hb_content,.hb_pos-bottom-right .hb_content{grid-row:3;align-self:end}.hb_pos-top-left .hb_content,.hb_pos-middle-left .hb_content,.hb_pos-bottom-left .hb_content{grid-column:1;justify-self:start}.hb_pos-top-center .hb_content,.hb_pos-middle-center .hb_content,.hb_pos-bottom-center .hb_content{grid-column:2;justify-self:center}.hb_pos-top-right .hb_content,.hb_pos-middle-right .hb_content,.hb_pos-bottom-right .hb_content{grid-column:3;justify-self:end}.hb_align-left{align-items:flex-start;text-align:left}.hb_align-center{align-items:center;text-align:center}.hb_align-right{align-items:flex-end;text-align:right}.hb_heading{margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(3rem,6vw,6.2rem);line-height:1.05;letter-spacing:-.01em;color:var(--color-heading)}.hb_text{margin:0;max-width:50rem;font-size:1.7rem;line-height:1.3;color:var(--color-text);letter-spacing:.3px;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.hb_button{margin-top:1rem;padding:1.3rem 3.9rem}.hb_logos{display:flex;flex-direction:column;gap:1rem;width:100%}.hb_marquee{position:relative;width:100%;max-width:46rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.hb_marquee_track{display:flex;width:max-content;will-change:transform;animation:hb-marquee var(--hb-marquee-duration, 22s) linear infinite}.hb_marquee:hover .hb_marquee_track,.hb_marquee:focus-within .hb_marquee_track{animation-play-state:paused}.hb_logos_list{display:flex;flex-shrink:0;align-items:center;list-style:none;margin:0;padding:0;gap:4rem;padding-right:4rem}.hb_logo_item{display:flex;align-items:center;flex-shrink:0}.hb_logo_item img{max-height:2.4rem;width:auto;object-fit:contain;opacity:.85;transition:opacity .3s ease}.hb_logo_item:hover img{opacity:1}.hb_logo_fallback{font-size:1.5rem;font-weight:600;color:var(--color-text);opacity:.85;white-space:nowrap}@keyframes hb-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.hb_widget_panel{position:absolute;z-index:3;right:3rem;bottom:4rem;pointer-events:auto}.hb_thumbs{display:flex;flex-flow:row;align-items:flex-end;justify-content:flex-end;gap:1.2rem;margin:0;padding:0;list-style:none}.hb_thumb_item{position:relative;flex:none;width:50px;height:180px;border-radius:var(--thmb-button-rad);overflow:hidden;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:width .6s cubic-bezier(.1,0,1,1)}.hb_thumb_item.is-active{width:140px}.hb_thumb{display:block;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:none;cursor:pointer;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}@property --hb-progress{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.hb_thumb_item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;padding:1.5px;background:conic-gradient(from -90deg,var(--color-primary-button-text) var(--hb-progress),color-mix(in srgb,var(--color-primary-button-text) 22%,transparent) var(--hb-progress));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.hb_thumb_item.is-active:after{--hb-progress: 100%;animation:hb-progress-border var(--hb-progress-duration, 6s) linear forwards}.hb_thumbs.is-paused .hb_thumb_item.is-active:after{animation-play-state:paused}.hb_thumb_item.is-active.is-complete:after{--hb-progress: 100%;animation:none}@keyframes hb-progress-border{0%{--hb-progress: 0%}to{--hb-progress: 100%}}.hb_thumb img,.hb_thumb svg{width:100%;height:100%;object-fit:cover;border-radius:inherit;transform:translateZ(0) scale(1.08);transform-origin:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .7s cubic-bezier(.22,1,.36,1);object-position:60% 100%}.hb_thumb_item.is-active .hb_thumb img,.hb_thumb_item.is-active .hb_thumb svg{transform:translateZ(0) scale(1)}.hb_thumb:focus-visible{outline:none}.hb_thumb_item:has(.hb_thumb:focus-visible){outline:2px solid var(--color-text);outline-offset:3px;box-shadow:0 0 0 5px color-mix(in srgb,var(--color-background) 70%,transparent)}@media(prefers-reduced-motion:reduce){.hb_slide,.hb_slide_media,.hb_thumb_item,.hb_thumb img,.hb_thumb svg{transition:none!important}.hb_slide,.hb_slide_media,.hb_slide_media img,.hb_slide_media svg,.hb_thumb img,.hb_thumb svg{transform:none!important}.hb_slide .hb_content,.hb_slide .hb_content>*{animation:none!important;opacity:1!important;transform:none!important}.hb_thumb_item.is-active:after{animation:none!important;--hb-progress: 100%}.hb_marquee_track{animation:none!important;flex-wrap:wrap}.hb_marquee{-webkit-mask-image:none;mask-image:none}.hb_marquee_track .hb_logos_list--dup{display:none}}@media screen and (max-width:1199px){.hb_overlay{padding:5rem 3rem}.hb_content{max-width:54rem}.hb_widget_panel{right:2rem;bottom:2rem}}@media screen and (max-width:989px){.hb_widget{height:var(--hb-min-height-mobile, 620px)}.hb_overlay{padding:4rem 2rem 12rem;max-width:none}.hb_content{max-width:100%;gap:1.2rem}.hb_text{max-width:100%;font-size:14px;line-height:1.5}.hb_logos_list{gap:2.4rem;padding-right:2.4rem}.hb_widget_panel{left:0;right:0;bottom:1.2rem;display:flex;justify-content:flex-end;padding:0 2rem}.hb_thumbs{width:100%;max-width:15rem;height:6rem;gap:.6rem}.hb_thumb_item.is-active{width:75px}.hb_thumb_item{width:35px;height:100px;border-radius:.4rem;transition:width .7s ease-in-out;will-change:auto}.hb_thumb img,.hb_thumb svg{transform:none;transition:none;will-change:auto}.hb_button{font-size:12px;padding:.9rem 1.6rem}}@media screen and (max-width:640px){.hb_heading{font-size:32px}.hb_heading br{display:none}}li.hb_thumb_item svg{background:#182013;object-fit:cover!important;width:100%!important;height:100%!important}li.hb_thumb_item svg path{fill:#fff}@media screen and (min-width:999px)and (max-width:1350px){.hb_thumb_item.is-active{width:120px}.hb_thumb_item{width:45px;height:150px}.hb_heading{font-size:clamp(3rem,6vw,5rem)}.hb_text{font-size:1.6rem}.hb_widget_panel--bottom_left,.hb_widget_panel--left_middle{right:2.5rem!important;left:auto!important}}.hb_inner[data-parallax-main=false]{border-radius:0!important}[dir=rtl] .hb_heading,[dir=rtl] .hb_text{text-align:right}.hb_placeholder_img{background:#4f4f4f}.hb_placeholder_img path{fill:#d2d597}.hb_widget_panel--bottom_left{right:auto;left:8rem}.hb_widget_panel--bottom_center{right:auto;left:50%;transform:translate(-50%)}.hb_widget_panel--bottom_left .hb_thumbs{justify-content:flex-start}.hb_widget_panel--bottom_center .hb_thumbs{justify-content:center}.hb_widget_panel--left_middle,.hb_widget_panel--right_middle{top:50%;bottom:auto;transform:translateY(-50%)}.hb_widget_panel--left_middle{right:auto;left:3rem}.hb_widget_panel--right_middle{left:auto;right:3rem}.hb_thumbs--vertical{flex-flow:column;justify-content:center}.hb_widget_panel--left_middle .hb_thumbs--vertical{align-items:flex-start}.hb_widget_panel--right_middle .hb_thumbs--vertical{align-items:flex-end}.hb_thumbs--vertical .hb_thumb_item{width:140px;height:50px;transition:height .6s cubic-bezier(.1,0,1,1)}.hb_thumbs--vertical .hb_thumb_item.is-active{width:140px;height:180px}.hb_thumbs--vertical .hb_thumb img,.hb_thumbs--vertical .hb_thumb svg{object-position:60% 100%}@media screen and (max-width:1199px){.hb_widget_panel--bottom_left,.hb_widget_panel--left_middle{right:auto;left:2rem}.hb_widget_panel--right_middle{left:auto;right:2rem}}@media screen and (max-width:989px){.hb_widget_panel--bottom_left,.hb_widget_panel--bottom_center{left:0;right:0;transform:none}.hb_widget_panel--bottom_left .hb_thumbs{justify-content:flex-start}.hb_widget_panel--bottom_center .hb_thumbs{justify-content:center}.hb_widget_panel--left_middle,.hb_widget_panel--right_middle{left:0;right:0;top:auto;bottom:1.2rem;transform:none;display:flex;justify-content:flex-end;padding:0 2rem}.hb_widget_panel--left_middle .hb_thumbs--vertical,.hb_widget_panel--right_middle .hb_thumbs--vertical{flex-flow:row;align-items:flex-end;justify-content:flex-end;width:100%;max-width:15rem;height:6rem;gap:.6rem}.hb_widget_panel--left_middle .hb_thumbs--vertical .hb_thumb_item,.hb_widget_panel--right_middle .hb_thumbs--vertical .hb_thumb_item{width:35px;height:100px;transition:width .7s ease-in-out}.hb_widget_panel--left_middle .hb_thumbs--vertical .hb_thumb_item.is-active,.hb_widget_panel--right_middle .hb_thumbs--vertical .hb_thumb_item.is-active{width:75px;height:100px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-banner.css.map */