.hero{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-hero-bg);overflow:hidden}.hero--banner{min-height:auto;background:none;overflow:hidden;position:relative}.hero__banner-img{width:100%;height:auto;display:block;transform-origin:center center;animation:bannerIn 1s ease both,kenBurns 14s ease-in-out 1s infinite alternate}@keyframes bannerIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes kenBurns{0%{transform:scale(1) translate(0) translateY(0)}33%{transform:scale(1.02) translate(-.4%) translateY(-.2%)}66%{transform:scale(1.015) translate(.3%) translateY(.15%)}to{transform:scale(1.025) translate(-.2%) translateY(-.1%)}}.hero--banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translate(-100%);animation:bannerSweep 6s ease-in-out 1.5s infinite;pointer-events:none}@keyframes bannerSweep{0%{transform:translate(-100%)}40%{transform:translate(200%)}to{transform:translate(200%)}}.hero__glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,var(--color-hero-glow) 0%,transparent 70%);pointer-events:none;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.15);opacity:.6}}.hero__content{position:relative;z-index:3;text-align:center;padding:0 24px}.hero__logo-wrap{position:relative;width:80px;height:105px;margin:0 auto 28px}.hero__logo{width:80px;height:105px;color:var(--color-accent);transform-style:preserve-3d;animation:heroLogoFlip 1.4s cubic-bezier(.25,.46,.45,.94) .3s both,logoGlowPulse 2.5s ease-in-out 1.8s infinite,logoFloat 3s ease-in-out 1.8s infinite}@keyframes heroLogoFlip{0%{opacity:0;transform:scale(.3) rotateY(0);filter:blur(8px) drop-shadow(0 0 0 rgba(201,168,76,0))}40%{opacity:1;transform:scale(.9) rotateY(180deg);filter:blur(0) drop-shadow(0 0 40px rgba(201,168,76,.5))}65%{transform:scale(1.15) rotateY(340deg);filter:drop-shadow(0 0 80px rgba(201,168,76,.8))}80%{transform:scale(.95) rotateY(355deg)}to{opacity:1;transform:scale(1) rotateY(360deg);filter:drop-shadow(0 0 40px rgba(201,168,76,.3))}}@keyframes logoGlowPulse{0%,to{filter:drop-shadow(0 0 30px rgba(201,168,76,.3))}50%{filter:drop-shadow(0 0 60px rgba(201,168,76,.6))}}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}.hero__logo:hover{animation-play-state:paused,paused,paused;filter:drop-shadow(0 0 80px rgba(201,168,76,.7));transform:scale(1.1);transition:filter .3s ease,transform .3s ease}.hero__particle{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,rgba(240,216,126,.9) 0%,rgba(201,168,76,.4) 60%,transparent 100%);opacity:0;pointer-events:none}.hero__particle:nth-child(2){animation:pb1 .9s ease .85s both}.hero__particle:nth-child(3){animation:pb2 .9s ease .9s both}.hero__particle:nth-child(4){animation:pb3 .9s ease .95s both}.hero__particle:nth-child(5){animation:pb4 .9s ease 1s both}.hero__particle:nth-child(6){animation:pb5 .9s ease 1.05s both}.hero__particle:nth-child(7){animation:pb6 .9s ease 1.1s both}.hero__particle:nth-child(8){animation:pb7 .9s ease 1.15s both}.hero__particle:nth-child(9){animation:pb8 .9s ease 1.2s both}@keyframes pb1{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(10px,-130px) scale(.3)}}@keyframes pb2{0%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(85px,-20px) scale(.2)}}@keyframes pb3{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(55px,70px) scale(.3)}}@keyframes pb4{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-10px,90px) scale(.2)}}@keyframes pb5{0%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-70px,50px) scale(.3)}}@keyframes pb6{0%{opacity:1;transform:translate(-50%,-50%) scale(.9)}to{opacity:0;transform:translate(-85px,-15px) scale(.2)}}@keyframes pb7{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50px,-75px) scale(.3)}}@keyframes pb8{0%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(15px,-95px) scale(.2)}}.hero__title{font-family:Bangers,cursive;font-size:clamp(3.5rem,10vw,8rem);font-weight:400;text-transform:uppercase;letter-spacing:.06em;line-height:.95;margin-bottom:16px;opacity:0;animation:heroTitleIn .8s ease .8s both}@keyframes heroTitleIn{0%{opacity:0;transform:translateY(40px) scale(.9);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.hero__title em{font-style:normal;color:var(--color-accent);display:block;opacity:0;animation:heroTitleIn .8s ease 1.1s both}.hero__sub{font-size:clamp(.9rem,2vw,1.15rem);color:var(--color-text-secondary);font-weight:400;max-width:500px;margin:0 auto 36px;opacity:0;animation:heroSubIn .7s ease 1.4s both}@keyframes heroSubIn{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero__cta{display:inline-flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:0;opacity:0;animation:heroCTAIn .6s cubic-bezier(.34,1.56,.64,1) 1.7s both}@keyframes heroCTAIn{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.hero__scroll{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;animation:fadeUp .8s ease 2.2s both}.hero__scroll-bar{width:1px;height:36px;background:var(--color-border);position:relative;overflow:hidden}.hero__scroll-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:var(--color-accent);animation:scrollPulse 2s ease infinite}@keyframes scrollPulse{0%{transform:translateY(-100%)}to{transform:translateY(300%)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-hero.css.map */