.mobile-banner{display:none}.desktop-banner{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;transition:none}.hero-banner-video{position:absolute;top:0;left:0;pointer-events:none}.hero-banner-video video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media(max-width:768px){.mobile-banner{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;transition:none;position:absolute;top:0;left:0}.hero-banner-video video{position:absolute;top:0;left:0}.desktop-banner{display:none}}.hero-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#0009,#0000006b 28%,#00000038 54%,#00000014);z-index:10}.hero-cutout{position:absolute;z-index:1004;max-width:min(86vw,92rem);width:auto;height:auto;pointer-events:none}.hero-cutout--desktop{display:block}.hero-cutout--mobile{display:none}.hero-cutout--left{left:0;right:auto}.hero-cutout--center{left:50%;right:auto;transform:translate(-50%)}.hero-cutout--right{right:0;left:auto}.hero-cutout--top{top:0;bottom:auto}.hero-cutout--middle{top:50%;bottom:auto;transform:translateY(-50%)}.hero-cutout--center.hero-cutout--middle{transform:translate(-50%,-50%)}.hero-cutout--bottom{bottom:0;top:auto}.hero-between-text{position:absolute;z-index:1003;width:min(calc(100% - 4rem),var(--hero-between-text-max-width, 90rem));overflow:hidden;pointer-events:none;left:var(--hero-between-text-anchor-x, 50%);top:var(--hero-between-text-anchor-y, 50%);transform:translate(calc(var(--hero-between-text-shift-x, -50%) + var(--hero-between-text-offset-x, 0px)),calc(var(--hero-between-text-shift-y, -50%) + var(--hero-between-text-offset-y, 0px)));background:var(--hero-between-text-background, transparent);padding:var(--hero-between-text-padding, 0);border-radius:var(--hero-between-text-radius, 0);box-shadow:0 0 var(--hero-between-text-shadow-blur, 0) var(--hero-between-text-shadow-color, transparent)}.hero-between-text--desktop{display:block}.hero-between-text--mobile{display:none}.hero-between-text--left{--hero-between-text-anchor-x: 2rem;--hero-between-text-shift-x: 0%}.hero-between-text--center{--hero-between-text-anchor-x: 50%;--hero-between-text-shift-x: -50%}.hero-between-text--right{--hero-between-text-anchor-x: calc(100% - 2rem) ;--hero-between-text-shift-x: -100%}.hero-between-text--top{--hero-between-text-anchor-y: 8rem;--hero-between-text-shift-y: 0%}.hero-between-text--middle{--hero-between-text-anchor-y: 50%;--hero-between-text-shift-y: -50%}.hero-between-text--bottom{--hero-between-text-anchor-y: calc(100% - 8rem) ;--hero-between-text-shift-y: -100%}.hero-between-text--align-left{text-align:left}.hero-between-text--align-center{text-align:center}.hero-between-text--align-right{text-align:right}.hero-between-text__track{display:flex;align-items:center;gap:3rem;width:max-content}.hero-between-text__item{margin:0;color:var(--hero-between-text-color, #fff);line-height:.9;text-transform:uppercase;opacity:.92}.hero-between-text--moving .hero-between-text__track{animation:heroBetweenTextMove 18s linear infinite}.hero-free-marquee{position:absolute;z-index:1001;width:min(calc(100% - 4rem),var(--hero-free-marquee-max-width, 110rem));overflow:hidden;pointer-events:none;left:var(--hero-free-marquee-anchor-x, 50%);top:var(--hero-free-marquee-anchor-y, 50%);transform:translate(calc(var(--hero-free-marquee-shift-x, -50%) + var(--hero-free-marquee-offset-x, 0px)),calc(var(--hero-free-marquee-shift-y, -50%) + var(--hero-free-marquee-offset-y, 0px)));background:var(--hero-free-marquee-background, transparent);padding:var(--hero-free-marquee-padding, 0);border-radius:var(--hero-free-marquee-radius, 0);box-shadow:0 0 var(--hero-free-marquee-shadow-blur, 0) var(--hero-free-marquee-shadow-color, transparent)}.hero-free-marquee--desktop{display:block}.hero-free-marquee--mobile{display:none}.hero-free-marquee--left{--hero-free-marquee-anchor-x: 2rem;--hero-free-marquee-shift-x: 0%}.hero-free-marquee--center{--hero-free-marquee-anchor-x: 50%;--hero-free-marquee-shift-x: -50%}.hero-free-marquee--right{--hero-free-marquee-anchor-x: calc(100% - 2rem) ;--hero-free-marquee-shift-x: -100%}.hero-free-marquee--top{--hero-free-marquee-anchor-y: 6rem;--hero-free-marquee-shift-y: 0%}.hero-free-marquee--middle{--hero-free-marquee-anchor-y: 50%;--hero-free-marquee-shift-y: -50%}.hero-free-marquee--bottom{--hero-free-marquee-anchor-y: calc(100% - 4rem) ;--hero-free-marquee-shift-y: -100%}.hero-free-marquee--align-left{text-align:left}.hero-free-marquee--align-center{text-align:center}.hero-free-marquee--align-right{text-align:right}.hero-free-marquee__track{display:flex;align-items:center;gap:3rem;width:max-content}.hero-free-marquee__item{margin:0;color:var(--hero-free-marquee-color, #fff);line-height:.88;text-transform:uppercase;white-space:nowrap;opacity:.78}.hero-text-overlay{position:absolute;z-index:1002;width:min(calc(100% - 4rem),var(--hero-overlay-max-width, 62rem));pointer-events:none;left:var(--hero-overlay-anchor-x, 50%);top:var(--hero-overlay-anchor-y, 50%);transform:translate(calc(var(--hero-overlay-shift-x, -50%) + var(--hero-overlay-offset-x, 0px)),calc(var(--hero-overlay-shift-y, -50%) + var(--hero-overlay-offset-y, 0px)))}.hero-text-overlay--desktop{display:block}.hero-text-overlay--mobile{display:none}.hero-text-overlay--left{--hero-overlay-anchor-x: 2rem;--hero-overlay-shift-x: 0%}.hero-text-overlay--center{--hero-overlay-anchor-x: 50%;--hero-overlay-shift-x: -50%}.hero-text-overlay--right{--hero-overlay-anchor-x: calc(100% - 2rem) ;--hero-overlay-shift-x: -100%}.hero-text-overlay--top{--hero-overlay-anchor-y: 2rem;--hero-overlay-shift-y: 0%}.hero-text-overlay--middle{--hero-overlay-anchor-y: 50%;--hero-overlay-shift-y: -50%}.hero-text-overlay--bottom{--hero-overlay-anchor-y: calc(100% - 12rem) ;--hero-overlay-shift-y: -100%}.hero-text-overlay--align-left{text-align:left}.hero-text-overlay--align-center{text-align:center}.hero-text-overlay--align-right{text-align:right}.hero-text-overlay__inner{display:grid;gap:1rem;background:var(--hero-overlay-background, transparent);padding:var(--hero-overlay-padding, 0);border-radius:var(--hero-overlay-radius, 0);box-shadow:0 0 var(--hero-overlay-shadow-blur, 0) var(--hero-overlay-shadow-color, transparent)}.hero-text-overlay__title,.hero-text-overlay__subtitle{margin:0;text-shadow:0 1rem 3rem rgba(0,0,0,.24)}.hero-text-overlay__title{color:var(--hero-title-color, #fff);line-height:.95;text-wrap:balance}.hero-text-overlay__subtitle{color:var(--hero-subtitle-color, rgba(255, 255, 255, .9));line-height:1.5;max-width:38ch}.hero-text-overlay--align-center .hero-text-overlay__subtitle{margin-inline:auto}.hero-text-overlay--align-right .hero-text-overlay__subtitle{margin-left:auto}.hero-text-overlay--marquee{overflow:hidden}.hero-text-overlay--marquee .hero-text-overlay__title span{display:inline-block;padding-left:100%;white-space:nowrap;color:var(--hero-accent-color, #fff)}.hero-text-overlay__title--typewriter{overflow:hidden}.hero-text-overlay__title--typewriter span{display:inline-block;overflow:hidden;white-space:nowrap;border-right:.12rem solid var(--hero-accent-color, #fff);width:0;animation:heroTypewriter 2.6s steps(24,end) forwards,heroCaret .8s step-end infinite}.hero-text-overlay__subtitle--delay{opacity:0;animation:heroFadeIn .8s ease forwards;animation-delay:2.2s}.hero-banner{position:relative;width:100%;height:calc(100svh - var(--announcement-offset, 0px));min-height:calc(100svh - var(--announcement-offset, 0px));overflow:hidden;background-color:#e9d2b9;margin:0;padding:0;box-shadow:0 30px 80px #00000059,inset 0 0 0 1px #ffffff0f;contain:layout;will-change:auto}.hero-logo{position:absolute;top:10%;font-weight:800;font-size:6.7rem;color:#fff;margin-inline:5%}.hero-content{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#fff;padding:3.25rem 2rem 2.5rem;z-index:1005;pointer-events:none}.hero-title{font-size:clamp(2.25rem,3.5vw + 1rem,5rem);font-weight:800;margin-bottom:.75rem;line-height:1.1;letter-spacing:-.02em;text-shadow:0 8px 24px rgba(0,0,0,.45)}.hero-subtitle{font-size:clamp(1rem,1vw + .75rem,1.5rem);margin-bottom:2rem;opacity:.9;line-height:1.6;color:#ffffffeb}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;pointer-events:auto;position:relative;z-index:1006}.hero-button{padding:14px 34px;font-size:1.3rem;font-weight:500;text-decoration:none;border-radius:5px;transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease,color .28s ease,border-color .28s ease;display:inline-block;text-align:center;min-width:140px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;position:relative;z-index:1007}.hero-button-primary{background:#8b766626;color:#fff;border:1px solid rgba(139,118,102,.3);box-shadow:0 12px 30px #00000040,inset 0 0 0 1px #8b76661f}.hero-button-primary:hover{background:#8b766647;color:#fff;transform:translateY(-2px);box-shadow:0 16px 40px #0000004d,inset 0 0 0 1px #8b766638}.hero-button-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}.hero-button-secondary:hover{background:#ffffff14;color:#fff;transform:translateY(-2px);box-shadow:0 10px 28px #00000040}.scroll-indicator{margin-top:1.5rem;text-align:center;opacity:.8;mix-blend-mode:lighten;pointer-events:auto;position:relative;z-index:1006}.scroll-text{display:block;font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.5rem;letter-spacing:.08em;text-transform:uppercase;opacity:.88}.scroll-arrow{font-size:1.25rem;color:#fff;animation:bounce 2s infinite;display:inline-block}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes heroMarquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes heroTypewriter{0%{width:0}to{width:100%}}@keyframes heroCaret{50%{border-color:transparent}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes heroBetweenTextMove{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes heroFreeMarqueeMove{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@media(max-width:768px){.hero-banner{height:calc(100svh - var(--announcement-offset, 0px));min-height:calc(100svh - var(--announcement-offset, 0px))}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:row;justify-content:center;gap:.75rem}.hero-text-overlay--desktop{display:none}.hero-text-overlay--mobile{display:block;width:min(calc(100% - 3rem),var(--hero-overlay-max-width, 32rem))}.hero-text-overlay--mobile.hero-text-overlay--left{--hero-overlay-anchor-x: 1.5rem;--hero-overlay-shift-x: 0%}.hero-text-overlay--mobile.hero-text-overlay--center{--hero-overlay-anchor-x: 50%;--hero-overlay-shift-x: -50%}.hero-text-overlay--mobile.hero-text-overlay--right{--hero-overlay-anchor-x: calc(100% - 1.5rem) ;--hero-overlay-shift-x: -100%}.hero-text-overlay--mobile.hero-text-overlay--top{--hero-overlay-anchor-y: 7rem;--hero-overlay-shift-y: 0%}.hero-text-overlay--mobile.hero-text-overlay--middle{--hero-overlay-anchor-y: 50%;--hero-overlay-shift-y: -50%}.hero-text-overlay--mobile.hero-text-overlay--bottom{--hero-overlay-anchor-y: calc(100% - 8.4rem) ;--hero-overlay-shift-y: -100%}.hero-button{min-width:120px;padding:10px 18px;font-size:1.2rem}.hero-content{padding:1.25rem}.hero-text-overlay__inner{gap:.75rem}.hero-cutout--desktop,.hero-between-text--desktop,.hero-free-marquee--desktop{display:none}.hero-cutout--mobile,.hero-between-text--mobile,.hero-free-marquee--mobile{display:block}.hero-cutout--mobile{max-width:min(96vw,52rem)}.hero-cutout--mobile.hero-cutout--left{left:-2rem}.hero-cutout--mobile.hero-cutout--center{left:50%;transform:translate(-50%)}.hero-cutout--mobile.hero-cutout--right{right:-2rem}.hero-cutout--mobile.hero-cutout--top{top:10rem}.hero-cutout--mobile.hero-cutout--middle{top:54%;transform:translateY(-50%)}.hero-cutout--mobile.hero-cutout--center.hero-cutout--middle{transform:translate(-50%,-50%)}.hero-cutout--mobile.hero-cutout--bottom{bottom:0}.hero-between-text--mobile{width:min(calc(100% - 2rem),var(--hero-between-text-max-width, 34rem))}.hero-between-text--mobile.hero-between-text--left{--hero-between-text-anchor-x: 1rem;--hero-between-text-shift-x: 0%}.hero-between-text--mobile.hero-between-text--center{--hero-between-text-anchor-x: 50%;--hero-between-text-shift-x: -50%}.hero-between-text--mobile.hero-between-text--right{--hero-between-text-anchor-x: calc(100% - 1rem) ;--hero-between-text-shift-x: -100%}.hero-between-text--mobile.hero-between-text--top{--hero-between-text-anchor-y: 24rem;--hero-between-text-shift-y: 0%}.hero-between-text--mobile.hero-between-text--middle{--hero-between-text-anchor-y: 58%;--hero-between-text-shift-y: -50%}.hero-between-text--mobile.hero-between-text--bottom{--hero-between-text-anchor-y: calc(100% - 13rem) ;--hero-between-text-shift-y: -100%}.hero-between-text__track{gap:1.8rem}.hero-free-marquee--mobile{width:min(calc(100% - 2rem),var(--hero-free-marquee-max-width, 36rem))}.hero-free-marquee--mobile.hero-free-marquee--left{--hero-free-marquee-anchor-x: 1rem;--hero-free-marquee-shift-x: 0%}.hero-free-marquee--mobile.hero-free-marquee--center{--hero-free-marquee-anchor-x: 50%;--hero-free-marquee-shift-x: -50%}.hero-free-marquee--mobile.hero-free-marquee--right{--hero-free-marquee-anchor-x: calc(100% - 1rem) ;--hero-free-marquee-shift-x: -100%}.hero-free-marquee--mobile.hero-free-marquee--top{--hero-free-marquee-anchor-y: 18rem;--hero-free-marquee-shift-y: 0%}.hero-free-marquee--mobile.hero-free-marquee--middle{--hero-free-marquee-anchor-y: 50%;--hero-free-marquee-shift-y: -50%}.hero-free-marquee--mobile.hero-free-marquee--bottom{--hero-free-marquee-anchor-y: calc(100% - 10rem) ;--hero-free-marquee-shift-y: -100%}.hero-free-marquee__track{gap:1.6rem}.scroll-indicator{margin-top:1rem}.scroll-text{font-size:.85rem}.scroll-arrow{font-size:1rem}}.hero-banner:hover .desktop-banner{transform:none}.hero-free-marquee__track{animation:heroFreeMarqueeMove var(--hero-free-marquee-speed, 18s) linear infinite}.hero-text-overlay--marquee .hero-text-overlay__title span{animation:heroMarquee 16s linear infinite}@media(prefers-reduced-motion:reduce){.hero-free-marquee__track,.hero-text-overlay--marquee .hero-text-overlay__title span{animation:none!important}}.hero-free-marquee__item.marquee-custom-vw{font-size:var(--marquee-custom-vw, 15vw);line-height:1.1;font-weight:700}@media screen and (max-width:749px){.hero-free-marquee__item.marquee-custom-vw{font-size:var(--marquee-custom-vw, 20vw)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-hero-banner.css.map */