.hero-scroll-wrap{--hero-pin:40vh;position:relative;height:calc(100vh + var(--hero-pin));height:calc(100svh + var(--hero-pin))}.hero-scroll-sticky{position:sticky;top:0;height:100vh;height:100svh;width:100%;overflow:hidden;background:#000}.hero-media-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hero-media-link img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;will-change:transform,opacity}.hero-media-img--mobile{display:none}.hero-cta{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%);text-align:center;width:min(560px,86vw);opacity:0;will-change:opacity,transform;pointer-events:none}.hero-cta.is-active{pointer-events:auto}.hero-cta .eyebrow{justify-content:center;color:#fff;opacity:.75}.hero-cta .eyebrow:before{background:#fff}.hero-cta h2{font-family:var(--font-bebas);font-weight:400;color:#fff;font-size:48px;line-height:1.05;text-transform:uppercase;margin:16px 0 14px;letter-spacing:.01em}.hero-cta p{font-family:var(--font-roboto);font-weight:400;color:#fffc;font-size:15.5px;max-width:44ch;margin:0 auto 26px}.hero-scroll-hint{position:absolute;left:50%;bottom:28px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;opacity:.85}.hero-scroll-hint svg{width:18px;height:18px;animation:heroHintBounce 1.6s ease-in-out infinite}.hero-scroll-hint span{font-family:var(--font-label);font-size:10px;letter-spacing:.14em;text-transform:uppercase}@keyframes heroHintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@supports (animation-timeline: view()){.hero-scroll-wrap{view-timeline-name:--gnx-hero}.hero-media-link img{animation:gnxHeroImg linear both;animation-timeline:--gnx-hero;animation-range:contain 0% contain 100%}.hero-cta{animation:gnxHeroCta linear both;animation-timeline:--gnx-hero;animation-range:contain 0% contain 100%}.hero-cta .btn-ghost{pointer-events:auto}.hero-scroll-hint{animation:gnxHeroHint linear both;animation-timeline:--gnx-hero;animation-range:contain 0% contain 100%}@keyframes gnxHeroImg{0%{transform:scale(1);opacity:1}55%{opacity:1}90%{opacity:0}to{transform:scale(1.15);opacity:0}}@keyframes gnxHeroCta{0%,50%{opacity:0;transform:translate(-50%,-46%)}90%,to{opacity:1;transform:translate(-50%,-40%)}}@keyframes gnxHeroHint{0%{opacity:.85}25%,to{opacity:0}}}@media(max-width:980px){.hero-media-img--desktop{display:none}.hero-media-img--mobile{display:block}.hero-cta h2{font-size:32px}.hero-cta p{font-size:14.5px}.hero-cta{width:92vw}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-hero-banner.css.map */