.hero-banner-new{position:relative;isolation:isolate;display:flex;width:100%;height:calc(100svh - var(--announcement-bar-height, 0px));min-height:0;overflow:hidden;color:#fff;background:#111;box-sizing:border-box}.hero-banner-new--height-adapt{height:auto;aspect-ratio:var(--hero-adapt-ratio)}.hero-banner-new--height-custom_px{height:var(--hero-height-px)}.hero-banner-new--height-custom_dvh{height:var(--hero-height-dvh)}body:not(:has(#SiteHeader.header-transparent)) .hero-banner-new--first-section.hero-banner-new--height-custom_dvh{height:calc(var(--hero-height-dvh) - var(--hero-header-height, 0px) - var(--hero-announcement-height, 0px))}.hero-banner-new,.hero-banner-new *{box-sizing:border-box}.hero-banner-new:after{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(0deg,#000000b3,#0000 45%)}.hero-banner-new__media,.hero-banner-new__media picture{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.hero-banner-new__image,.hero-banner-new__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner-new__video--mobile{display:none}.hero-banner-new__content-wrap{position:relative;z-index:1;display:flex;align-items:flex-end;width:100%;min-height:100%;max-width:1880px;margin-inline:auto;padding:var(--hero-padding-top) var(--hero-padding-right) var(--hero-padding-bottom) var(--hero-padding-left)}.hero-banner-new__content{display:flex;flex-direction:column;align-items:flex-start;width:58.333%;max-width:var(--hero-max-width)}.hero-banner-new__heading,.hero-banner-new__subheading{width:100%}.hero-banner-new__heading{margin:0 0 8px}.hero-banner-new__heading,.hero-banner-new__heading *{color:var(--hero-heading-color)}.hero-banner-new__heading>:first-child{margin-top:0}.hero-banner-new__heading>:last-child{margin-bottom:0}.hero-banner-new__heading *{color:inherit;font-size:36px;font-weight:700;line-height:40px;letter-spacing:-.8px}.hero-banner-new__subheading{margin:0 0 24px}.hero-banner-new__subheading,.hero-banner-new__subheading *{color:var(--hero-subheading-color)}.hero-banner-new__subheading *{font-size:16px;line-height:24px;font-weight:400;letter-spacing:0}.hero-banner-new__subheading>:first-child{margin-top:0}.hero-banner-new__subheading>:last-child{margin-bottom:0}.hero-banner-new__subheading em,.hero-banner-new__subheading i{color:var(--hero-subheading-highlight-color);font-style:normal}.hero-banner-new__button{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:48px;margin:0 0 24px;padding:11px 19px;border:1px solid var(--hero-button-border-color);border-radius:4px;background:var(--hero-button-background-color);color:var(--hero-button-text-color);font-size:16px;font-weight:700;line-height:24px;text-align:center;text-decoration:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.hero-banner-new__button:hover,.hero-banner-new__button:focus-visible{border-color:var(--hero-button-hover-border-color);background:var(--hero-button-hover-background-color);color:var(--hero-button-hover-text-color)}.hero-banner-new__countdown{display:flex;align-items:flex-start;gap:24px;width:100%;margin:0;color:var(--hero-countdown-color)}.hero-banner-new__countdown[hidden]{display:none}.hero-banner-new__countdown-unit{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-banner-new__countdown-value{font-size:20px;line-height:28px;font-weight:700;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.hero-banner-new__countdown-label{margin-top:4px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:-.8px;text-transform:uppercase;color:var(--hero-countdown-label-color)}.hero-banner-new__note{color:var(--hero-note-color);font-size:12px;font-weight:400;line-height:16px;letter-spacing:-.8px;opacity:.4}.hero-banner-new__eyebrow{position:absolute;z-index:1;top:var(--hero-eyebrow-top);left:50%;width:640px;max-width:calc(100% - 64px);transform:translate(-50%);display:flex;justify-content:center;pointer-events:none}.hero-banner-new__eyebrow-text{margin:0;color:var(--hero-eyebrow-color);font-size:12px;font-weight:400;line-height:16px;letter-spacing:-.8px;text-align:center;white-space:nowrap}.hero-banner-new__eyebrow-text strong,.hero-banner-new__eyebrow-text b{color:inherit;font-weight:700}.hero-banner-new__eyebrow-text em,.hero-banner-new__eyebrow-text i{font-style:normal}@media screen and (min-width:768px){.hero-banner-new__countdown+.hero-banner-new__note{padding-top:24px}.hero-banner-new__countdown[hidden]+.hero-banner-new__note,.hero-banner-new__note{padding-top:0}.hero-banner-new__countdown{gap:32px}.hero-banner-new__countdown-value{font-size:36px;line-height:40px}}@media screen and (max-width:767px){.hero-banner-new--height-adapt{aspect-ratio:var(--hero-adapt-ratio-mobile)}.hero-banner-new.hero-banner-new--mobile-full{height:calc(100vh - var(--announcement-bar-height, 0px));height:calc(100svh - var(--announcement-bar-height, 0px));aspect-ratio:auto}body:not(:has(#SiteHeader.header-transparent)) .hero-banner-new--first-section.hero-banner-new--mobile-full{height:calc(100svh - var(--hero-header-height, 0px) - var(--hero-announcement-height, 0px))}.hero-banner-new__countdown+.hero-banner-new__note{padding-top:16px}.hero-banner-new__countdown[hidden]+.hero-banner-new__note,.hero-banner-new__note{padding-top:8px}.hero-banner-new__button:has(+.hero-banner-new__note){margin-bottom:8px}.hero-banner-new__button+.hero-banner-new__note{padding-top:0}.hero-banner-new__eyebrow{top:var(--hero-eyebrow-top-mobile);width:322px;max-width:calc(100% - 32px)}.hero-banner-new__eyebrow-text{white-space:normal}.hero-banner-new__video--desktop{display:none}.hero-banner-new__video--mobile{display:block}.hero-banner-new__content-wrap{padding:var(--hero-padding-top-mobile) var(--hero-padding-right-mobile) var(--hero-padding-bottom-mobile) var(--hero-padding-left-mobile)}.hero-banner-new__content{width:100%}.hero-banner-new__heading *{font-size:30px;line-height:36px}.hero-banner-new__button{width:100%}}@media(prefers-reduced-motion:reduce){.hero-banner-new__button{transition:none}}.hero-banner-new__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner-new__video--over-poster{position:relative;z-index:1;height:calc(100% - 3px);opacity:0;transition:opacity .6s ease}.hero-banner-new__video--over-poster.is-playing{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-hero-banner-new.css.map */
