.xoid-pin-wrapper{position:relative;height:200vh}.xoid-hero{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;font-family:Helvetica Neue,Arial,sans-serif;cursor:none}@media(pointer:coarse){.xoid-hero{cursor:auto}.xoid-cursor,.xoid-cursor-dot{display:none!important}}.xoid-cursor{position:fixed;top:0;left:0;width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid rgba(212,175,55,.8);border-radius:50%;pointer-events:none;z-index:100;will-change:transform;transition:width .25s ease,height .25s ease,margin .25s ease,background .25s ease}.xoid-cursor.is-hover{width:64px;height:64px;margin:-32px 0 0 -32px;background:#d4af371f}.xoid-cursor-dot{position:fixed;top:0;left:0;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:#fff;border-radius:50%;pointer-events:none;z-index:100;will-change:transform}.xoid-iris{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#0a0a0a;clip-path:circle(75% at 50% 50%);transition:clip-path 1.15s cubic-bezier(.83,0,.17,1)}.xoid-iris.iris-open{clip-path:circle(0% at 50% 50%)}.xoid-iris__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .3s ease}.xoid-iris.iris-open .xoid-iris__content{opacity:0}.xoid-iris__logo{font-size:13px;letter-spacing:7px;color:#d4af37;text-transform:uppercase;animation:pulseLogo 1.3s ease-in-out infinite}@keyframes pulseLogo{0%,to{opacity:.4;letter-spacing:7px}50%{opacity:1;letter-spacing:9px}}.xoid-iris__counter{font-size:52px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.xoid-iris__bar{width:160px;height:2px;background:#ffffff1f;overflow:hidden;border-radius:2px}.xoid-iris__bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#d4af37,#fff);transition:width .1s linear}.xoid-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:29;background:#fff;opacity:0;pointer-events:none}.xoid-flash.flash-active{animation:flashPulse .45s ease}@keyframes flashPulse{0%{opacity:0}25%{opacity:.85}to{opacity:0}}.xoid-beam{position:absolute;top:0;left:-50%;width:40%;height:100%;z-index:28;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);opacity:0}.xoid-beam.beam-active{animation:beamSweep 1.1s ease forwards}@keyframes beamSweep{0%{opacity:0;left:-50%}15%{opacity:1}85%{opacity:1}to{opacity:0;left:130%}}.xoid-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.55}.xoid-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.xoid-blob{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform;animation:floatBlob 14s ease-in-out infinite}.xoid-blob--1{width:42vw;height:42vw;top:-10%;left:-10%;background:radial-gradient(circle,#fff 0%,transparent 70%);opacity:.06;animation-duration:16s}.xoid-blob--2{width:36vw;height:36vw;bottom:-12%;right:-8%;background:radial-gradient(circle,#d4af37 0%,transparent 70%);opacity:.14;animation-duration:20s;animation-delay:-4s}.xoid-blob--3{width:28vw;height:28vw;top:40%;left:50%;background:radial-gradient(circle,#6e6eff 0%,transparent 70%);opacity:.1;animation-duration:18s;animation-delay:-8s}@keyframes floatBlob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(4%,6%) scale(1.1)}66%{transform:translate(-5%,-4%) scale(.93)}}.xoid-grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;animation:grainShift 1.2s steps(4) infinite}@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(-2%,2%)}50%{transform:translate(2%,-2%)}75%{transform:translate(-1%,1%)}to{transform:translate(0)}}.xoid-glow{position:absolute;top:0;left:0;width:500px;height:500px;margin-left:-250px;margin-top:-250px;background:radial-gradient(circle,rgba(212,175,55,.15) 0%,transparent 65%);pointer-events:none;z-index:1;will-change:transform}.xoid-hangtag{position:absolute;top:0;right:12%;z-index:5;transform-origin:top center;animation:tagSwing 4.5s ease-in-out infinite;cursor:grab;touch-action:none}.xoid-hangtag.is-dragging{animation:none;cursor:grabbing}.xoid-hangtag__string{width:1px;height:90px;margin:0 auto;background:linear-gradient(to bottom,#ffffff80,#ffffff1a)}.xoid-hangtag__card{position:relative;width:92px;padding:14px 10px 16px;background:linear-gradient(160deg,#f5f0e6,#e8dcc0);border-radius:4px;box-shadow:0 12px 24px #0006;display:flex;flex-direction:column;align-items:center;gap:4px}.xoid-hangtag__season{font-size:15px;font-weight:800;color:#0a0a0a;letter-spacing:1px}.xoid-hangtag__label{font-size:8px;letter-spacing:1px;color:#6b5d3a;text-transform:uppercase}.xoid-hangtag__hole{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:#0a0a0a;box-shadow:inset 0 0 0 1px #fff3}@keyframes tagSwing{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@media(max-width:900px){.xoid-hangtag{display:none}}.xoid-hero__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;max-width:1100px;will-change:transform;transform-style:preserve-3d}.xoid-tag{display:flex;align-items:center;gap:10px;color:#d4af37;font-size:12px;letter-spacing:3px;text-transform:uppercase;margin-bottom:28px;opacity:0;min-height:16px}.xoid-tag.play{animation:fadeUp .8s ease forwards}.xoid-tag__line{width:30px;height:1px;background:#d4af37}.xoid-title-wrap{position:relative;display:inline-block}.xoid-title{position:relative;z-index:1;font-size:clamp(3rem,10vw,8rem);font-weight:800;letter-spacing:-.02em;line-height:.95;color:#fff;text-transform:uppercase;margin:0 0 24px;animation:breathe 6s ease-in-out infinite;animation-delay:3s}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.xoid-title__char{display:inline-block;opacity:0;transform:translateY(120px) rotateX(90deg) scale(.5);filter:blur(14px);transform-origin:bottom center}.xoid-title__char.play{animation:charRevealDrama 1.1s cubic-bezier(.16,1,.3,1) forwards}.xoid-title__space{display:inline-block;width:.3em}@keyframes charRevealDrama{0%{opacity:0;transform:translateY(120px) rotateX(90deg) scale(.5);filter:blur(14px)}55%{opacity:1;filter:blur(2px)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1);filter:blur(0)}}.xoid-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 45%,rgba(212,175,55,.55) 50%,rgba(255,255,255,.35) 55%,transparent 70%);background-size:220% 100%;mix-blend-mode:overlay;animation:shimmerSweep 4.2s linear infinite;animation-delay:3.2s}@keyframes shimmerSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.xoid-title-wrap:before,.xoid-title-wrap:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;font-size:clamp(3rem,10vw,8rem);font-weight:800;letter-spacing:-.02em;line-height:.95;text-transform:uppercase;opacity:0;pointer-events:none}.xoid-title-wrap.is-glitching:before{opacity:.85;color:#ff2e63;clip-path:polygon(0 18%,100% 18%,100% 34%,0 34%);animation:glitchShiftA .28s steps(2,end)}.xoid-title-wrap.is-glitching:after{opacity:.85;color:#00e5ff;clip-path:polygon(0 55%,100% 55%,100% 72%,0 72%);animation:glitchShiftB .28s steps(2,end)}@keyframes glitchShiftA{0%{transform:translate(-6px,-2px)}50%{transform:translate(6px,2px)}to{transform:translate(-2px,-1px)}}@keyframes glitchShiftB{0%{transform:translate(6px,2px)}50%{transform:translate(-6px,-2px)}to{transform:translate(2px,1px)}}.xoid-subtitle{font-size:clamp(1rem,1.4vw,1.25rem);color:#ffffffa6;max-width:560px;line-height:1.6;margin-bottom:40px;opacity:0;min-height:24px}.xoid-subtitle.play{animation:fadeUp .8s ease forwards}.xoid-cta-wrap{opacity:0}.xoid-cta-wrap.play{animation:fadeUp .8s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.xoid-scramble-char{display:inline-block}.xoid-btn{position:relative;display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:#fff;color:#0a0a0a;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:50px;overflow:hidden;transition:transform .25s ease,color .4s ease;filter:url(#xoid-goo)}.xoid-btn__liquid{position:absolute;width:20px;height:20px;background:#d4af37;border-radius:50%;left:var(--x, 50%);top:var(--y, 50%);transform:translate(-50%,-50%) scale(0);transition:transform .55s cubic-bezier(.22,1,.36,1);z-index:0}.xoid-btn:hover .xoid-btn__liquid{transform:translate(-50%,-50%) scale(14)}.xoid-btn__text,.xoid-btn__arrow{position:relative;z-index:1;transition:color .4s ease}.xoid-btn:hover .xoid-btn__text,.xoid-btn:hover .xoid-btn__arrow{color:#0a0a0a}.xoid-btn__arrow{transition:transform .3s ease}.xoid-btn:hover .xoid-btn__arrow{transform:translate(6px)}.xoid-btn:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50px;border:1px solid rgba(212,175,55,.6);animation:btnPulse 2.6s ease-out infinite;opacity:0;pointer-events:none;z-index:2}@keyframes btnPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.3);opacity:0}}.xoid-scroll{position:absolute;bottom:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2;opacity:.6;transition:opacity .3s ease}.xoid-scroll__dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:scrollDot 1.8s ease infinite}@keyframes scrollDot{0%{transform:translateY(0);opacity:1}50%{transform:translateY(14px);opacity:.2}to{transform:translateY(0);opacity:1}}.xoid-scroll__text{font-size:10px;letter-spacing:3px;color:#fff}.xoid-marquee{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;background:#ffffff0a;border-top:1px solid rgba(255,255,255,.08);padding:14px 0;z-index:2;transition:opacity .3s ease}.xoid-marquee__track{display:flex;white-space:nowrap;width:max-content;gap:16px;animation:marqueeScroll 20s linear infinite;font-size:13px;letter-spacing:2px;color:#ffffff80;text-transform:uppercase}.xoid-marquee__dot{color:#d4af37;animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.xoid-scroll{bottom:130px}.xoid-hero__inner{padding:0 16px}.xoid-iris__counter{font-size:38px}}@media(prefers-reduced-motion:reduce){.xoid-iris,.xoid-flash,.xoid-beam,.xoid-particles,.xoid-hangtag{display:none!important}.xoid-blob,.xoid-grain,.xoid-scroll__dot,.xoid-marquee__track,.xoid-title,.xoid-shimmer,.xoid-title-wrap:before,.xoid-title-wrap:after,.xoid-title__char,.xoid-tag,.xoid-subtitle,.xoid-cta-wrap,.xoid-btn:after{animation:none!important}.xoid-title__char,.xoid-tag,.xoid-subtitle,.xoid-cta-wrap{opacity:1!important;transform:none!important;filter:none!important}.xoid-hero{cursor:auto}.xoid-cursor,.xoid-cursor-dot{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/hero-xoid.css.map */