@keyframes slideOutFromBottom{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes btnWidth{0%{width:calc(100% - 2.5rem)}to{width:100%}}.c-hero-banner{color:#fff;overflow:hidden}.c-hero-banner .is-mobile{display:block}.c-hero-banner .is-desktop{display:none}.c-hero-banner__inner{position:relative}.c-hero-banner__image-wrapper{position:absolute;top:0;width:100%;height:100%;left:0}.c-hero-banner__image-container{height:100%}.c-hero-banner__content{position:relative;padding:1rem 1.25rem 0}.c-hero-banner__title{margin:0 0 7.125rem;display:inline-block;white-space:normal;font-family:Suisse International CW,sans-serif;font-size:14.5vw;max-width:100%;letter-spacing:normal;min-height:6.25rem;opacity:0;padding-top:.875rem;text-align:left}.c-hero-banner__title.is-visible{animation:slideInFromTop .8s ease-out 0s 1;animation-fill-mode:forwards;opacity:1}.c-hero-banner__title.is-wrapping{display:block;font-size:2.8125rem;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.0563rem;line-height:106.67%;max-width:16.25rem;white-space:normal;word-break:break-word;text-align:left}.c-hero-banner__title-wrapper{display:block}.c-hero-banner__description-container{min-height:20.375rem;padding:0 0 7.75rem;display:inline-block;margin-bottom:0}.has-marquee .c-hero-banner__description-container{padding-bottom:11.125rem}.c-hero-banner__description{transition-timing-function:cubic-bezier(.16,1,.3,1);transition-duration:.6s;transition-property:color;transition-delay:.5s;margin:0 0 2.5rem;min-height:12.5rem}.c-hero-banner__description .is-highlighted{color:#fff;font-weight:500}.c-hero-banner__description.is-active{color:#fff6}.c-hero-banner__btn-wrapper{display:flex;flex-flow:wrap;gap:1rem}.c-hero-banner__btn{order:2}[data-gender=mens] .c-hero-banner__btn.is-mens,[data-gender=womens] .c-hero-banner__btn.is-womens{order:1}.c-hero-banner__marquee{position:absolute;bottom:2rem}.c-hero-banner__featured-media-wrapper{background-color:#f5f5f5;padding:.125rem;position:relative;cursor:pointer}.c-hero-banner__featured-media-wrapper:hover .c-hero-banner__featured-media-subtitle,.c-hero-banner__featured-media-wrapper:hover .c-hero-banner__featured-media-title{transform:translate(.0625rem)}.c-hero-banner__featured-media-inner{padding-bottom:28.57%;position:relative;display:flex;justify-content:center;overflow:hidden;align-items:center}.c-hero-banner__featured-media-inner:hover .c-hero-banner__featured-media-image,.c-hero-banner__featured-media-inner:hover .c-hero-banner__featured-media-video{transform:scale(1.05)}.c-hero-banner__featured-media-image,.c-hero-banner__featured-media-video{transition-timing-function:ease;transition-duration:1s;transition-property:transform}.c-hero-banner__featured-media-subtitle,.c-hero-banner__featured-media-title{transition-timing-function:ease;transition-duration:.2s;transition-property:transform}.c-hero-banner__featured-media-title{color:#111;margin-top:1rem;margin-bottom:0;padding-left:1.125rem;padding-right:1.125rem}.c-hero-banner__featured-media-subtitle{color:#12121266;padding-left:1.125rem;padding-right:1.125rem;margin:0 0 1.375rem}.c-hero-banner__featured-media-video{height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover;top:0;pointer-events:none}.c-hero-banner__progress-bar-container{width:100%;height:.3125rem;position:absolute;bottom:0}.c-hero-banner__progress-bar-inner{height:100%;background-color:#fff3}.c-hero-banner__progress-bar{height:100%;background-color:#fff;transition-timing-function:cubic-bezier(.16,1,.3,1);transition-duration:1s;transition-property:width}.c-hero-banner__content-drawer-slider{display:flex;height:100%;overflow-x:hidden;overflow-y:auto}.c-hero-banner__content-drawer-image-container{height:55%;overflow:hidden;position:relative;width:100%}.c-hero-banner__content-drawer-image-container img{-o-object-fit:cover;object-fit:cover}.c-hero-banner__content-drawer-description{color:#12121266;padding:1.25rem 1.25rem 0}.c-hero-banner__content-drawer-description .is-highlighted{color:#111;font-weight:500}.c-hero-banner__content-drawer-dots{padding:0;display:flex;gap:.25rem;flex-grow:1;cursor:pointer}.c-hero-banner__content-drawer-dot{max-width:1.625rem;flex-grow:1;transition-timing-function:cubic-bezier(.16,1,.3,1);transition-duration:.6s;transition-property:max-width;padding:.5rem 0}.c-hero-banner__content-drawer-dot span{font-size:0;background-color:#12121233;transition-timing-function:cubic-bezier(.16,1,.3,1);transition-duration:1s;transition-property:background-color;height:.0625rem;width:100%;display:block}.c-hero-banner__content-drawer-dot.is-active{max-width:100%}.c-hero-banner__content-drawer-dot.is-active span{font-size:0;background-color:#111}.c-hero-banner__content-drawer-controls{background-color:#fff;bottom:0;box-shadow:0 3.75rem 18.25rem #12121217,0 1.5667rem 7.6244rem #12121211,0 .8376rem 4.0764rem #1212120e,0 .4696rem 2.2852rem #1212120b,0 .2494rem 1.2136rem #12121209,0 .1038rem .505rem #12121206;display:flex;gap:1.25rem;align-items:center;width:100%;padding:1rem 1.75rem;position:sticky;margin-top:auto}.c-hero-banner__content-drawer-button{font-size:1rem}.c-hero-banner__content-drawer-inner{height:100%;display:flex;flex-flow:column;overflow-y:auto;overflow-x:hidden}@media only screen and (max-width:749px){.c-hero-banner__btn{font-size:1rem}.c-hero-banner__content-drawer-description{letter-spacing:normal}}@media only screen and (min-width:750px){.c-hero-banner .is-mobile{display:none}.c-hero-banner .is-desktop{display:block}.c-hero-banner__inner{min-height:calc(100vh - 4rem)}.c-hero-banner__inner.has-featured-media,.c-hero-banner__inner.has-marquee{padding-bottom:4.5625rem}.c-hero-banner__content{padding:0 2.5rem}.c-hero-banner__image-container{padding-bottom:89.4%}.c-hero-banner__title{margin-bottom:4.5625rem;min-height:13.375rem;padding-top:3.25rem}.c-hero-banner__title.is-wrapping{font-size:5.75rem;letter-spacing:-.23rem;line-height:99.98%;max-width:100%}.c-hero-banner__description-container{max-width:32.8125rem;margin-bottom:0;padding-bottom:5.125rem;display:block}.has-marquee .c-hero-banner__description-container{padding-bottom:5.125rem}.is-position-right .c-hero-banner__description-container{margin-left:auto;margin-right:9.8125rem}.c-hero-banner__description{margin-bottom:3.5rem}.c-hero-banner__featured-media-wrapper{background:none;padding:0 0 .3rem;width:21.5rem}.has-marquee .c-hero-banner__featured-media-wrapper{padding-bottom:4.5625rem}.is-position-left .c-hero-banner__featured-media-wrapper{margin-left:auto;margin-right:0}.c-hero-banner__featured-media-inner{padding-bottom:65.12%;box-shadow:0 .173rem .3511rem #00000005,0 .4156rem .8437rem #00000008,0 .7826rem 1.5887rem #0000000a,0 1.396rem 2.8339rem #0000000d,0 2.6111rem 5.3005rem #0000000f,0 6.25rem 12.6875rem #00000014}.c-hero-banner__featured-media-title{color:#fff;padding:0}.c-hero-banner__featured-media-subtitle{color:#fff6;padding:0}.c-hero-banner__featured-media-video{height:100%}.c-hero-banner__content-drawer-description{padding:1.75rem 1.75rem 1rem}.c-hero-banner__content-drawer-dot{max-width:2.5rem}.c-hero-banner__content-drawer-dot.is-active{max-width:30rem}.c-hero-banner__content-drawer-controls{padding:1.25rem 1.75rem}}@media only screen and (min-width:1100px){.c-hero-banner__title{min-height:18.125rem}.c-hero-banner__title.is-wrapping{font-size:11.5rem}}@media only screen and (min-width:1350px){.c-hero-banner__title{min-height:22rem}.c-hero-banner__image-container{padding-bottom:51.7%}}@media only screen and (min-width:1650px){.c-hero-banner__title{min-height:26.25rem}.c-hero-banner__title.is-wrapping{font-size:16.1875rem;letter-spacing:-.3237rem;line-height:99.61%}}@media only screen and (min-width:2000px){.c-hero-banner__title{min-height:31.1875rem;margin-bottom:3.4375rem}.c-hero-banner__description-container{padding-bottom:5.75rem;min-height:19.75rem}.has-marquee .c-hero-banner__description-container{padding-bottom:5.75rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sections.hero-banner.css.map */