.hero-media-section{position:relative;display:block;grid-column:1 / -1;width:100vw;margin-left:calc(50% - 50vw)}.hero-media-container{position:relative;width:100%}.hero-media-background{position:relative;width:100%;height:100vh;overflow:hidden;box-sizing:border-box}.hero-media-sticky-area{position:relative;width:100%;margin-top:-50vh;height:50vh}.hero-media-content{position:-webkit-sticky;position:sticky;top:50vh;transform:translateY(-50%);width:100vw;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:var(--layer-heightened);pointer-events:none;margin-bottom:-40px}.hero-media-logo{width:100%;display:flex;align-items:center;justify-content:center}.hero-media-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--center-gap);width:100%}.hero-media-text{font-size:var(--center-text-font-size);color:transparent;font-weight:var(--center-text-font-weight);text-align:center;white-space:nowrap;line-height:1;width:calc(100vw - 20px);display:block;transform-origin:center;transform:scaleX(1);margin:0;padding:0;background:linear-gradient(135deg,rgba(from var(--center-text-color) r g b / var(--center-text-transparency)),rgba(from var(--center-text-color) r g b / calc(var(--center-text-transparency) * .7)),rgba(from var(--center-text-color) r g b / var(--center-text-transparency)));-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(255,255,255,.3);text-stroke:1px rgba(255,255,255,.3);filter:blur(calc(var(--center-text-blur) * .1px)) drop-shadow(0 0 calc(var(--center-text-blur) * .5px) rgba(255,255,255,.4));text-shadow:0 0 calc(var(--center-text-blur) * .5px) rgba(255,255,255,.6),0 0 calc(var(--center-text-blur) * 1px) rgba(255,255,255,.4),0 0 calc(var(--center-text-blur) * 2px) rgba(255,255,255,.2)}.hero-media-subtext{font-size:var(--center-subtext-font-size);color:transparent;font-weight:var(--center-subtext-font-weight);text-align:center;white-space:nowrap;line-height:1;width:calc(100vw - 20px);display:block;transform-origin:center;transform:scaleX(1);margin:0;padding:0;background:linear-gradient(135deg,rgba(from var(--center-subtext-color) r g b / var(--center-subtext-transparency)),rgba(from var(--center-subtext-color) r g b / calc(var(--center-subtext-transparency) * .7)),rgba(from var(--center-subtext-color) r g b / var(--center-subtext-transparency)));-webkit-background-clip:text;background-clip:text;filter:blur(calc(var(--center-subtext-blur) * .1px)) drop-shadow(0 0 calc(var(--center-subtext-blur) * .5px) rgba(255,255,255,.3));-webkit-text-stroke:1px rgba(255,255,255,.2);text-stroke:1px rgba(255,255,255,.2);text-shadow:0 0 calc(var(--center-subtext-blur) * .5px) rgba(255,255,255,.4),0 0 calc(var(--center-subtext-blur) * 1px) rgba(255,255,255,.3),0 0 calc(var(--center-subtext-blur) * 2px) rgba(255,255,255,.2)}.hero-media-button-container{display:flex;justify-content:center;margin-top:1vw}.hero-media-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:var(--center-button-font-size);font-weight:600;text-align:center;text-decoration:none;color:var(--center-button-text-color);background:rgba(from var(--center-button-bg-color) r g b / var(--center-button-transparency));-webkit-backdrop-filter:blur(var(--center-button-blur));backdrop-filter:blur(var(--center-button-blur));border:1px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:pointer;white-space:nowrap;width:var(--center-button-width);height:var(--center-button-height);pointer-events:auto}.hero-media-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fff3;border-color:#fff6}.hero-media-button--full-width{width:calc(100vw - 20px)!important}.hero-media-logo-svg{width:100%;height:auto;display:block;fill:var(--logo-fill-color)}.hero-media-logo-svg path{fill:inherit}.hero-media-background img,.hero-media-background video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:var(--image-black-and-white-filter);z-index:1}.hero-media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--image-overlay-color-rgb),var(--image-overlay-opacity));z-index:2;pointer-events:none}@media screen and (min-width: 1024px){.hero-media-section{display:none}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/section-hero-media.css.map */