.section-hero-banner{margin:0!important}html:has(.hero-banner--is-sticky),body:has(.hero-banner--is-sticky),html:has(.hero-banner--sticky-overlap),body:has(.hero-banner--sticky-overlap){overflow-x:clip!important}body:has(.hero-banner--sticky-overlap) .shopify-section-group-header-group,body:has(.hero-banner--fixed-pin) .shopify-section-group-header-group{position:relative;z-index:100}body:has(.hero-banner--sticky-overlap) .utility-bar,body:has(.hero-banner--fixed-pin) .utility-bar{position:relative;z-index:101}.section-hero-banner.hero-banner--sticky-overlap{position:relative;z-index:0;height:100vh;min-height:100vh;height:100svh;min-height:100svh}.section-hero-banner.hero-banner--sticky-overlap .hero-banner,.hero-banner.hero-banner--is-sticky{min-height:100vh;height:100vh;min-height:100svh;height:100svh}.hero-banner.hero-banner--fixed-pin{position:fixed;top:0;left:0;width:100%;z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.hero-banner.hero-banner--fixed-pin.is-unpinned{visibility:hidden;pointer-events:none}.shopify-section.hero-banner__overlap-section{position:relative;z-index:2;isolation:isolate}.shopify-section.hero-banner__pass-through{position:relative;z-index:0;background:transparent!important}.hero-banner{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;min-height:var(--hb-min-height, 90vh);min-height:var(--hb-min-height-dvh, 90dvh);width:100%;overflow:hidden;background:#0a0a0a;color:var(--hb-text, #fff)}@media screen and (min-width:990px){.hero-banner{align-items:center}}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgb(0 0 0 / calc(var(--hb-overlay, .55) * .95)) 0%,rgb(0 0 0 / calc(var(--hb-overlay, .55) * .55)) 42%,rgb(0 0 0 / calc(var(--hb-overlay, .55) * .15)) 72%,transparent 100%),linear-gradient(0deg,rgb(0 0 0 / calc(var(--hb-overlay, .55) * .7)) 0%,rgb(0 0 0 / calc(var(--hb-overlay, .55) * .2)) 35%,transparent 55%)}.hero-banner__media-item{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-banner__media-item--desktop{display:none}.hero-banner__media-item--mobile{display:block}@media screen and (min-width:750px){.hero-banner__media-item--desktop{display:block}.hero-banner__media-item--mobile{display:none}}.hero-banner__media img,.hero-banner__media video,.hero-banner__image,.hero-banner__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-banner__media-item--desktop img,.hero-banner__media-item--desktop video,.hero-banner__media-item--desktop .hero-banner__image,.hero-banner__media-item--desktop .hero-banner__video{object-position:var(--hb-object-position, center center)}.hero-banner__placeholder{width:100%;height:100%;background:linear-gradient(145deg,#1a1a1a,#2c2c2c,#111)}.hero-banner__content{position:relative;z-index:2;width:100%;max-width:var(--hb-content-max, 1280px);margin-inline:auto;padding:var(--hb-padding-top, 80px) var(--hb-padding-x, 24px) var(--hb-padding-bottom, 80px);box-sizing:border-box}.hero-banner__inner{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;max-width:var(--hb-text-max, 560px)}.hero-banner__title{margin:0;color:var(--hb-text, #fff);font-size:var(--hb-title-size, 56px);font-weight:var(--hb-title-weight, 500);line-height:1.08;letter-spacing:-.02em}.hero-banner__subtitle{margin:0;color:var(--hb-text, #fff);font-size:var(--hb-subtitle-size, 18px);font-weight:400;line-height:1.45;opacity:.9;max-width:36em}.hero-banner__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:.5rem}.hero-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.75rem;border:none;border-radius:var(--hb-button-radius, 4px);background:var(--hb-btn-bg, #fff);color:var(--hb-btn-text, #0a0a0a);font-size:14px;font-weight:600;letter-spacing:.02em;text-decoration:none;text-transform:var(--hb-button-transform, uppercase);transition:background-color .2s ease,border-color .2s ease,opacity .2s ease;cursor:pointer}.hero-banner__button:hover{background:var(--hb-btn-hover, #e8e8e8);color:var(--hb-btn-text, #0a0a0a)}.hero-banner__button--secondary{background:transparent;color:var(--hb-text, #fff);border:1.5px solid rgb(255 255 255 / .55)}.hero-banner__button--secondary:hover{background:#ffffff1a;border-color:#ffffffe6;color:var(--hb-text, #fff)}.hero-banner__playback{position:absolute;right:1.5rem;bottom:1.5rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:#00000040;color:#fff;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.hero-banner__playback:hover{background:#0006;border-color:#fff}.hero-banner__playback:focus-visible{outline:2px solid #fff;outline-offset:3px}.hero-banner__playback-icon{display:none;line-height:0}.hero-banner__playback-icon svg{display:block}.hero-banner__playback[aria-pressed=true] .hero-banner__playback-icon--pause,.hero-banner__playback[aria-pressed=false] .hero-banner__playback-icon--play{display:block}.hero-banner__playback[aria-pressed=false] .hero-banner__playback-icon--play svg{margin-left:2px}@media screen and (min-width:750px){.hero-banner__playback{right:2rem;bottom:2rem;width:48px;height:48px}}.hero-banner__inner>*{opacity:0;transform:translateY(18px)}.hero-banner.is-ready .hero-banner__inner>*{animation:hero-banner-reveal .7s cubic-bezier(.22,1,.36,1) forwards}.hero-banner.is-ready .hero-banner__title{animation-delay:.1s}.hero-banner.is-ready .hero-banner__subtitle{animation-delay:.22s}.hero-banner.is-ready .hero-banner__actions{animation-delay:.34s}.hero-banner.is-ready--instant .hero-banner__inner>*{opacity:1;transform:none;animation:none}@keyframes hero-banner-reveal{to{opacity:1;transform:translateY(0)}}@media screen and (max-width:749px){.hero-banner__media:after{background:linear-gradient(180deg,rgb(0 0 0 / calc(var(--hb-overlay, .55) * .35)),rgb(0 0 0 / calc(var(--hb-overlay, .55) * .15)) 35%,rgb(0 0 0 / calc(var(--hb-overlay, .55) * .55)) 65%,rgb(0 0 0 / calc(var(--hb-overlay, .55) * .85)))}.hero-banner__content{padding-top:calc(var(--hb-padding-top, 80px) * .75);padding-bottom:calc(var(--hb-padding-bottom, 80px) * .75)}.hero-banner__inner{gap:1rem}.hero-banner__title{font-size:var(--hb-title-size-mobile, 36px)}.hero-banner__subtitle{font-size:var(--hb-subtitle-size-mobile, 16px)}}@media screen and (min-width:750px){.hero-banner__content{padding-inline:calc(var(--hb-padding-x, 24px) + 24px)}}@media screen and (min-width:990px){.hero-banner__content{padding-inline:calc(var(--hb-padding-x, 24px) + 48px)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hero-banner.css.map */