.hero-banner{--section-spacing: 3.8rem;position:relative;color:var(--color-base-secondary);text-align:center;overflow:hidden}.hero-banner__sound-button{width:4.8rem;height:4.8rem;border:1px solid currentColor;border-radius:50%;padding:1.3rem;position:absolute;bottom:5.8rem;right:3rem;cursor:pointer;transition:background var(--duration-default)}.hero-banner__sound-button svg{display:block;width:100%;transition:all var(--duration-default)}@media (hover) and (pointer: fine){.hero-banner__sound-button:hover{background-color:currentColor}.hero-banner__sound-button:hover svg{color:var(--color-base-primary)}}.hero-banner__media{position:absolute;top:0;left:0;width:100%;height:100%}.hero-banner__media{color:inherit;background-color:var(--color-background-primary);z-index:-1}.hero-banner__media svg{fill:currentColor}.hero-banner__inner{position:relative;min-height:100vh;display:flex;flex-direction:column}@media screen and (min-width: 750px){.hero-banner__inner{gap:2.4rem 0}.hero-banner__inner.hero-banner__inner--desktop-bottom{justify-content:flex-end}.hero-banner__inner.hero-banner__inner--desktop-center .hero-banner__row{flex:1}}.media.hero-banner__media img{object-fit:cover!important}@media screen and (max-width: 749px){.hero-banner__inner.hero-banner__inner--mobile-top,.hero-banner__inner.hero-banner__inner--mobile-bottom{gap:2.4rem 0}.hero-banner__inner.hero-banner__inner--mobile-top .hero-banner__content{padding-top:5rem}.hero-banner__inner.hero-banner__inner--mobile-bottom{justify-content:flex-end}.hero-banner__inner.hero-banner__inner--mobile-center .hero-banner__row{flex:1}}.hero-banner__row--content{display:flex;align-items:flex-end;justify-content:center}.hero-banner__row--actions{display:flex}.hero-banner__row:first-child{padding-top:var(--section-spacing)}.hero-banner__row:last-child{padding-bottom:var(--section-spacing)}.hero-banner__content{max-width:128.5rem;padding-top:10rem}.hero-banner__title{margin-bottom:1.025em;margin-top:0}.hero-banner__sub-title{font-family:var(--font-body-family);font-weight:900;font-size:1.4rem;line-height:1.75rem;text-align:center;vertical-align:middle;text-transform:uppercase;color:#e3e3e3;letter-spacing:.03em;margin-bottom:2px}.hero-banner__actions{--line-spacing: 3.5rem;flex:1;max-width:100%;display:flex;flex-direction:column;padding-bottom:7px}.hero-banner__actions--cta{display:block}.hero-banner__actions-row--scroll{margin:auto 0;padding:var(--line-spacing) 0}.hero-banner__actions-row--actions:only-child{margin-top:auto;padding-top:var(--line-spacing)}.hero-banner__actions-items{--items-horizontal-spacing: .75rem;--items-vertical-spacing: .75rem}.hero-banner__button{color:var(--color-background-accent)}.hero-banner__button--video{gap:1.3rem;border-color:var(--color-gray-2);color:var(--color-gray-2)}.hero-banner__button--video svg{width:1.6rem;height:1.6rem}.hero-banner__button-scroll{display:block;margin:0 auto;background-color:transparent;border-radius:0;height:27rem;padding:0 2.4rem;position:relative;overflow:hidden}.hero-banner__button-scroll:before,.hero-banner__button-scroll:after{content:"";display:block;width:.1rem;height:100%;background-color:currentColor}.hero-banner__button-scroll:after{opacity:.5}.hero-banner__button-scroll:before{position:absolute;bottom:100%;left:2.4rem;animation:scroll-line 1.5s linear infinite both}@keyframes scroll-line{0%{transform:translateY(0)}to{transform:translateY(200%)}}.hero-banner__button{padding-left:3.9rem;padding-right:3.9rem;font-size:1.4rem;letter-spacing:var(--letter-spacing-3)}.hero-banner__button-circle{min-width:6rem;min-height:6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:1.2rem 1.4rem 1.2rem 1rem;background-color:var(--color-background-secondary);color:var(--color-base-primary);border:.1rem solid var(--color-background-secondary);transition-property:background-color,border-color,color;transition-duration:var(--duration-default)}.hero-banner__button-circle.is-active{background-color:transparent;border-color:var(--color-border-light);color:var(--color-base-secondary)}@media (hover: hover) and (pointer: fine){.hero-banner__button:not(.is-active):not(.hero-banner__button--video):hover,.hero-banner__button:active{background-color:transparent;border-color:currentColor;color:var(--color-base-secondary)}.hero-banner__button:hover{border-color:var(--color-base-primary)!important;background-color:var(--color-base-primary)!important;color:var(--color-base-secondary)!important}.hero-banner__button--video:hover svg circle{fill:var(--color-base-primary)}.hero-banner__button--video:hover svg path{fill:var(--color-base-secondary);stroke:var(--color-gray-2)}}@media screen and (max-width: 749px){.hero-banner__actions-items{flex-wrap:nowrap}.hero-banner__button{padding-left:1.9rem;padding-right:1.9rem}}@media screen and (min-width: 750px){.hero-banner{--section-spacing: 4rem}.hero-banner__actions-items{--items-horizontal-spacing: 1rem}}@media screen and (min-width: 990px){.hero-banner__button-scroll{height:30rem}}@media screen and (max-height: 880px){.hero-banner__button-scroll{height:15rem}}hero-popup.is-open .hero-banner__modal-content{opacity:1;pointer-events:auto;visibility:inherit}hero-popup.is-open .hero-banner__button-close,hero-popup.is-open .hero-banner__modal-content{opacity:1;pointer-events:auto;visibility:inherit}.hero-banner__modal{height:100%}.hero-banner__button-close{position:fixed;top:1.6rem;right:1.6rem;opacity:0;pointer-events:none;visibility:hidden;z-index:calc(var(--z-header) + 1);color:var(--color-base-primary);transition:opacity var(--duration-default),visibility var(--duration-default)}.hero-banner__button-close svg circle{color:var(--color-border-light)}.hero-banner__modal-content{scroll-behavior:smooth;position:fixed;top:var(--header-height);left:0;bottom:0;right:0;padding:3rem var(--page-gutter) 4rem;padding-top:0;background-color:var(--color-background-secondary);color:var(--color-base-primary);text-align:left;opacity:0;overflow:hidden auto;visibility:hidden;pointer-events:none;z-index:var(--z-header);transition:opacity var(--duration-default),visibility var(--duration-default)}.hero-banner__modal-inner{display:flex;flex-direction:column;min-height:100%}.hero-banner__modal-items{--items-horizontal-spacing: 2rem;--items-vertical-spacing: 1.5rem}.hero-banner__modal-title{margin-bottom:1em}.hero-banner__modal-entry{margin-bottom:3.4rem}.hero-banner__modal-text{margin:0 0 1.9rem}.hero-banner__modal-tab-buttons li+li{margin-top:1rem}.hero-banner__modal-tab-button{background-color:transparent;border-radius:0;border:none;text-decoration-line:underline;text-underline-offset:.25em;text-decoration-color:transparent;transition:text-decoration-color var(--duration-default),opacity var(--duration-default)}.hero-banner__modal-tab-button.is-active{text-decoration-color:currentColor}@media (hover: hover){.hero-banner__modal-tab-button:hover,.hero-banner__button:hover .hero-banner__button-close{opacity:.7}}@media screen and (max-width: 989px){.hero-banner__modal-title{font-size:calc(var(--font-heading-scale) * 4rem)}.hero-banner__sound-button{bottom:10rem}}@media screen and (min-width: 750px){.hero-banner__modal-content{padding-top:4rem;padding-top:0}.hero-banner__modal-entry>*:not(.hero-banner__modal-title){max-width:71.5rem}}@media screen and (min-width: 990px){.hero-banner__modal-item--content{flex:1}.hero-banner__modal-item--media{--items-width: 60%}.hero-banner__modal--compare .hero-banner__modal-title{font-size:calc(var(--font-heading-scale) * 6rem);letter-spacing:var(--letter-spacing-negative-4)}.hero-banner__video-with-text-entry{max-width:85%}}@media screen and (min-width: 1100px){.hero-banner__modal-content{padding-top:8.2rem;padding-top:0}.hero-banner__modal-items{--items-horizontal-spacing: 3rem}.hero-banner__modal-item--media{--items-width: 65%}.hero-banner__modal-entry{margin-bottom:5.6rem}}@media screen and (min-width: 1200px){.hero-banner__modal-items{--items-horizontal-spacing: 4rem}}@media screen and (min-width: 1300px){.hero-banner__modal-items{--items-horizontal-spacing: 5rem}}@media screen and (min-width: 1440px){.hero-banner__modal-items{--items-horizontal-spacing: 7.5rem}.hero-banner__modal-item--media{--items-width: 69.09%}}.hero-banner__modal-compare-video{display:none}.hero-banner__modal--compare .hero-banner__modal-compare-video{display:block;padding-top:4rem;margin-top:auto}.hero-banner__modal:not(.hero-banner__modal--compare) .hero-banner__video-with-text:not(.is-active){position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden}hero-popup.is-open .hero-banner__video-with-text.is-active .media-video-modal:after{transform:scaleY(0);transition-delay:0s}.hero-banner__modal--compare .hero-banner__video-with-text .media-video-modal:after{height:0}.hero-banner__video-with-text .media-video-modal:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-background-secondary);transform-origin:top;transform:scaleY(1);transition:transform ease-in var(--duration-extra-long) var(--duration-default)}.hero-banner__video-with-text-row{margin-top:2rem}.hero-banner__video-with-text-row:first-child{margin-top:0}.hero-banner__modal--compare .hero-banner__modal-item{--items-width: 100%}.hero-banner__modal--compare .hero-banner__modal-entry{margin-bottom:0}.hero-banner__modal--compare .hero-banner__modal-title{margin-bottom:.45em}.hero-banner__modal--compare .hero-banner__modal-text,.hero-banner__modal--compare .hero-banner__modal-tab-buttons{display:none}.hero-banner__modal--compare .hero-banner__modal-item--media{display:grid;grid-template-columns:1fr;gap:3rem 2rem}.hero-banner__modal--compare .hero-banner__video-with-text-entry p{display:block}.hero-banner__modal--compare .hero-banner__video-with-text-title{display:block;margin-right:0;font-size:calc(var(--font-heading-scale) * 3rem);line-height:calc(1 / var(--font-heading-scale));margin-bottom:.5em}.hero-banner__modal--compare .hero-banner__video-with-text-title:active{text-decoration:underline!important;text-decoration-thickness:.05em!important;opacity:1}@media (hover: hover) and (pointer: fine){.hero-banner__modal--compare .hero-banner__video-with-text-title a:hover{text-decoration:underline!important;text-decoration-thickness:.05em!important;opacity:1}}@media screen and (min-width: 750px){.hero-banner__modal--compare .hero-banner__video-with-text-title{font-size:calc(var(--font-heading-scale) * 4rem)}}@media screen and (min-width: 990px){.hero-banner__modal--compare .hero-banner__modal-item--media{grid-template-columns:repeat(2,1fr)}.hero-banner__modal--compare .hero-banner__modal-entry>*:not(.hero-banner__modal-title){min-width:calc(50% - 1rem)}}.hero-slider .swiper,.hero-slider .swiper-wrapper{z-index:auto}.hero-slider .swiper-pagination{position:absolute!important;bottom:0!important;left:0;right:0;width:100%;padding:0 0 1.7rem}.hero-slider .swiper-pagination-bullet{background-color:#fff!important;border-color:#fff!important;width:1rem!important;height:1rem!important}.hero-slider .swiper-pagination-bullet-active{background-color:#fff}.hero-slider .hero-banner__title{letter-spacing:.01em}
/*# sourceMappingURL=/cdn/shop/t/68/assets/section-hero-banner.css.map */