@keyframes heroFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes heroTextGlow{0%,to{text-shadow:0 0 20px rgba(var(--color-primary),.4)}50%{text-shadow:0 0 40px rgba(var(--color-primary),.7)}}.hero-section{position:relative;height:100vh;background:#000;overflow:hidden}.hero-section__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.hero-section__image{position:absolute;right:0;top:0;height:100%;width:auto;max-width:none;object-fit:cover;object-position:left}.hero-section__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to right,#000 0%,rgba(0,0,0,.8) 40%,transparent 100%)}.hero-section__content{position:relative;z-index:10;height:100%;display:flex;align-items:center;justify-content:flex-start;padding:0 24px}.hero-section__text-wrap{max-width:576px}.hero-section__subheading{color:rgb(var(--color-primary));font-size:16px;text-transform:uppercase;letter-spacing:.3em;margin-bottom:16px;font-family:Oswald,sans-serif}.hero-section__heading{font-size:clamp(32px,7vw,96px);font-family:Oswald,sans-serif;text-transform:uppercase;line-height:.95;color:#fff;margin-bottom:16px;font-weight:700}.hero-section__highlight{color:rgb(var(--color-primary));animation:heroTextGlow 3s ease-in-out infinite}.hero-section__description{font-size:20px;color:#fff9;margin-bottom:8px}.hero-section__sub-description{font-size:16px;color:#fff9;max-width:560px;margin-bottom:32px}.hero-section__buttons{display:flex;flex-direction:row;gap:16px;font-family:Oswald,sans-serif}.hero-section__btn{display:inline-block;text-transform:uppercase;letter-spacing:.05em;font-size:18px;padding:16px 40px;border-radius:2px;text-decoration:none;transition:transform .2s ease,border-color .2s ease,color .2s ease;text-align:center}.hero-section__btn--primary{background:linear-gradient(135deg,#fc0,#e69900);color:rgb(var(--color-primary-foreground, 255, 255, 255));box-shadow:0 0 20px #ffcc004d,0 0 40px #ffcc001a}.hero-section__btn--primary:hover{transform:scale(1.05)}.hero-section__btn--outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.hero-section__btn--outline:hover{border-color:rgb(var(--color-primary));color:rgb(var(--color-primary))}.hero-section__fade{opacity:0;animation:heroFadeIn .8s ease forwards}@media(max-width:767px){.hero-section__image{right:50%;transform:translate(50%);width:100%;height:100%;object-fit:cover;object-position:center top}.hero-section__overlay{background:linear-gradient(to top,#000 0%,rgba(0,0,0,.6) 50%,transparent 100%)}.hero-section__content{align-items:flex-end;justify-content:center;text-align:center;padding-bottom:40px}.hero-section__subheading{font-size:12px;margin-bottom:12px}.hero-section__heading{font-size:clamp(28px,8vw,48px);margin-bottom:12px}.hero-section__description{font-size:16px}.hero-section__sub-description{font-size:13px;margin-bottom:24px}.hero-section__buttons{flex-direction:column;gap:12px}.hero-section__btn{font-size:16px;padding:12px 32px}}@media(min-width:1024px){.hero-section__content{padding:0 64px}}@media(min-width:1280px){.hero-section__content{padding:0 96px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hero-scroll-animation.css.map */