hero-banner{display:block}hero-banner .hero_banner_inner{transition:background-color .4s ease}.hero_banner_inner{display:grid;overflow:hidden}.hero_banner_inner.hbi--half{height:50vh}.hero_banner_inner.hbi--two_third{height:calc(100vh * 2 / 3)}.hero_banner_inner.hbi--full{height:100vh}.hero_banner_inner.hbi--adapt{height:100%}.hero_slide_block{display:flex;width:100%;height:100%;padding:5rem;padding-top:calc(var(--announcement-bar-height) + var(--header-height));position:relative;z-index:2;opacity:0;pointer-events:none;grid-area:1/1;background:transparent;transition:opacity .6s ease-in-out}.hero_slide_block.is-active{opacity:1;pointer-events:auto}.hero_slide_block.hsb--middle_left{justify-content:flex-start;align-items:flex-end}.hero_slide_block.hsb--middle_right{justify-content:flex-end;align-items:center}.hero_slide_text_wrapper{max-width:var(--max-width);position:relative;height:100%;display:flex;align-items:center}.hero_slide_text_inner{display:flex;flex-flow:column}.hero_slide_btn{display:flex}.hero_slide_content{margin:1rem 0 0}.hero_slide_text_inner h2{font-weight:var(--font-weight)}.hero_slide_btn{display:flex;margin:2rem 0 0}.hero_slide_img_wrapper{position:absolute;top:calc(var(--announcement-bar-height) + var(--header-height) + 1rem);left:50%;transform:translate(-50%);z-index:3;pointer-events:none}.hero_slide_img_wrapper svg.placeholder_svg{width:100%;height:100%;background:color-mix(in srgb,var(--color-secondary-background) 50%,transparent);aspect-ratio:4 / 6;min-width:45rem}.hero_slide_img_wrapper img{max-width:60rem;height:auto;object-fit:contain}.hero_banner_thumbs_wrapper{margin:3rem 0 0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:1.3rem}.hero_banner_thumbs{max-width:13rem;height:auto;aspect-ratio:4 / 5;width:100%;padding:1rem;background:color-mix(in srgb,var(--color-secondary-background) 10%,transparent);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero_banner_thumbs button{all:unset;width:100%;height:100%;display:flex}.hero_banner_thumbs:has(button:focus-visible){outline:1px solid var(--color-text)}.hero_banner_thumbs.is-active{background:color-mix(in srgb,var(--color-secondary-background) 20%,transparent);outline:1px solid var(--color-background);outline-offset:-5px}.hero_banner_thumbs svg.placeholder_svg{background:color-mix(in srgb,var(--color-secondary-background) 30%,transparent);width:100%;height:100%}.hero_banner_thumbs_wrapper img{width:100%;height:auto;object-fit:cover}.hero_banner_bg_text{z-index:1;overflow:hidden;pointer-events:none;grid-area:1/1;width:100%;height:100%;display:flex;align-items:center;opacity:0;transition:opacity .4s ease}hero-banner.is-marquee-visible .hero_banner_bg_text{opacity:1}.hero_banner_bg_text_track{display:flex;width:max-content;animation:marquee 50s linear infinite}.hero_banner_bg_text h2{flex-shrink:0;white-space:nowrap;padding-right:6rem;color:var(--bg-text-color);position:relative;transition:color .35s ease}.hero_banner_bg_text h2:before{content:attr(data-heading);position:absolute;top:-100%;left:0;color:transparent;-webkit-text-stroke:1.5px var(--bg-text-color)}.hero_banner_bg_text h2:after{content:attr(data-heading);position:absolute;bottom:-100%;left:0;color:transparent;-webkit-text-stroke:1.5px var(--bg-text-color)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero_banner_vertical_text span{font-size:15rem;line-height:1;color:var(--color-heading)}.hero_banner_vertical_text{position:absolute;bottom:0;left:5rem;writing-mode:sideways-lr;z-index:2;opacity:1;transform:translate(0);white-space:nowrap}hero-banner.is-loaded .hero_banner_vertical_text{transition:opacity .6s ease,transform .6s ease}hero-banner:not(.is-loaded) .hero_banner_vertical_text{opacity:0;transform:translate(-40px)}.hero_banner_vertical_text span{font-size:clamp(6rem,12vw,15rem);line-height:1;color:var(--color-secondary-heading);text-transform:uppercase;font-weight:700}@media screen and (max-width:1499px){.hero_banner_vertical_text{display:none}.hero_slide_img_wrapper{position:static;transform:unset;max-width:50%;flex:1 1 50%}.hero_slide_img_wrapper svg.placeholder_svg{width:100%;height:auto;aspect-ratio:3 / 4;min-width:fit-content;max-width:45rem;margin-inline:auto}@keyframes imgIn{0%{opacity:0;transform:none}to{opacity:1;transform:none}}.hero_slide_block{justify-content:space-between;align-items:stretch;gap:2rem}.hero_slide_img_wrapper img{width:100%}.hero_slide_text_wrapper{display:flex;align-items:center;top:0;flex:1 1 50%;max-width:50%}}@media screen and (max-width:1299px){.hero_slide_block{padding:3rem;padding-top:calc(var(--announcement-bar-height) + var(--header-height) + 1rem)}}@media screen and (max-width:990px){.hero_slide_block.hsb--middle_right{flex-flow:column}.hero_slide_img_wrapper,.hero_slide_text_wrapper{flex:1 1 100%;max-width:100%;width:100%}.hero_slide_img_wrapper{display:flex;justify-content:center;align-items:center}.hero_banner_inner{height:100%!important}.hero_banner_bg_text{position:relative;top:-15rem}}@media screen and (max-width:640px){.hero_slide_block{padding:3rem 1.5rem}html[data-overlay-mobile-enabled] .hero_slide_block{padding-top:calc(var(--announcement-bar-height) + var(--header-height) + 1rem)}.hero_slide_img_wrapper svg.placeholder_svg,.hero_banner_thumbs svg.placeholder_svg{aspect-ratio:1}.hero_banner_thumbs{max-width:10rem}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/hero-banner.css.map */