.banner__arkuno-animation{width:100%;padding:2rem 0;overflow:hidden}.arkuno-banner-animation{min-height:350px;display:flex;align-items:center;justify-content:center;position:relative;padding:0 3rem}.arkuno-banner-animation .phase{display:flex;align-items:center;justify-content:center;gap:2rem;opacity:0;padding:2rem 0}.arkuno-banner-animation .phase-1{font-size:clamp(2.5rem,6vw,5rem);font-weight:300;letter-spacing:.15em}.arkuno-banner-animation .phase-1 .word{display:inline-block;white-space:nowrap}.arkuno-banner-animation .phase-1 .char{display:inline-block;opacity:0;filter:blur(10px);transform:scale(.5)}.arkuno-banner-animation .phase-1 .art{font-weight:900;font-style:italic;position:relative}.arkuno-banner-animation .phase-1 .art .char{position:relative}.arkuno-banner-animation .phase-1 .art .char:nth-child(1){background:linear-gradient(135deg,#00ced1,#40e0d0,#7fffd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(0,206,209,1)) drop-shadow(0 0 60px rgba(64,224,208,.8)) drop-shadow(0 0 90px rgba(127,255,212,.5))}.arkuno-banner-animation .phase-1 .art .char:nth-child(2){background:linear-gradient(135deg,#ff6b35,#ff8c42,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,107,53,1)) drop-shadow(0 0 60px rgba(255,140,66,.8)) drop-shadow(0 0 90px rgba(255,179,71,.6))}.arkuno-banner-animation .phase-1 .art .char:nth-child(3){background:linear-gradient(135deg,#0077be,#1e90ff,#4169e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(0,119,190,1)) drop-shadow(0 0 60px rgba(30,144,255,.8)) drop-shadow(0 0 90px rgba(65,105,225,.5))}.arkuno-banner-animation .phase-1 .art .char:before{content:attr(data-char);position:absolute;top:0;left:0;filter:blur(3px);transform:translate(-2px,-2px) scale(1.05);opacity:.7;z-index:-1}.arkuno-banner-animation .phase-1 .art .char:after{content:attr(data-char);position:absolute;top:0;left:0;filter:blur(5px);transform:translate(2px,2px) scale(1.08);opacity:.5;z-index:-2}.arkuno-banner-animation .phase-1 .art .char:nth-child(1):before{background:linear-gradient(45deg,#00ced199,#40e0d066);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.arkuno-banner-animation .phase-1 .art .char:nth-child(1):after{background:linear-gradient(225deg,#7fffd480,#00ced14d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.arkuno-banner-animation .phase-1 .art .char:nth-child(2):before{background:linear-gradient(45deg,#ff6b3599,#ff8c4266);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.arkuno-banner-animation .phase-1 .art .char:nth-child(2):after{background:linear-gradient(225deg,#ffb34780,#ff6b354d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.arkuno-banner-animation .phase-1 .art .char:nth-child(3):before{background:linear-gradient(45deg,#0077be99,#1e90ff66);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.arkuno-banner-animation .phase-1 .art .char:nth-child(3):after{background:linear-gradient(225deg,#4169e180,#0077be4d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.arkuno-banner-animation .phase-1 .tech{font-weight:300;font-family:Courier New,monospace,sans-serif;letter-spacing:.05em;white-space:nowrap}.arkuno-banner-animation .phase-1 .tech .char{color:#fff;text-shadow:0 0 40px rgba(100,200,255,1),0 0 80px rgba(80,180,255,.6),0 0 120px rgba(120,220,255,.3)}.arkuno-banner-animation .phase-1 .symbol{font-size:.8em;opacity:0;font-weight:400;filter:blur(5px);transform:scale(.5);color:#fff;text-shadow:0 0 30px rgba(255,255,255,1),0 0 60px rgba(255,140,180,.6),0 0 90px rgba(140,200,255,.4)}.banner__arkuno-animation .phase-1{animation:containerParticleFade 6s ease-out forwards}@keyframes containerParticleFade{0%{opacity:0}30%{opacity:1}75%{opacity:1}to{opacity:0}}.banner__arkuno-animation .phase-1 .art .char{animation:artBrushStroke 1.6s cubic-bezier(.34,1.56,.64,1) forwards}.banner__arkuno-animation .phase-1 .art .char:nth-child(1){animation-delay:.5s}.banner__arkuno-animation .phase-1 .art .char:nth-child(2){animation-delay:.75s}.banner__arkuno-animation .phase-1 .art .char:nth-child(3){animation-delay:1s}.banner__arkuno-animation .phase-1 .art .char:before{animation:brushStrokeBefore 1.6s cubic-bezier(.34,1.56,.64,1) forwards}.banner__arkuno-animation .phase-1 .art .char:after{animation:brushStrokeAfter 1.6s cubic-bezier(.34,1.56,.64,1) forwards}.banner__arkuno-animation .phase-1 .art .char:nth-child(1):before,.banner__arkuno-animation .phase-1 .art .char:nth-child(1):after{animation-delay:.5s}.banner__arkuno-animation .phase-1 .art .char:nth-child(2):before,.banner__arkuno-animation .phase-1 .art .char:nth-child(2):after{animation-delay:.75s}.banner__arkuno-animation .phase-1 .art .char:nth-child(3):before,.banner__arkuno-animation .phase-1 .art .char:nth-child(3):after{animation-delay:1s}@keyframes artBrushStroke{0%{opacity:0;filter:blur(30px) hue-rotate(60deg);transform:scale(.2) rotate(-60deg) translate(-100px) translateY(80px)}40%{opacity:.8;filter:blur(10px) hue-rotate(20deg);transform:scale(.9) rotate(15deg) translate(20px) translateY(-5px)}70%{opacity:1;filter:blur(2px) hue-rotate(5deg);transform:scale(1.12) rotate(-8deg) translate(-5px) translateY(5px)}to{opacity:1;filter:blur(0) hue-rotate(0deg);transform:scale(1) rotate(0) translate(0) translateY(0)}}@keyframes brushStrokeBefore{0%{opacity:0;transform:translate(-20px,-20px) scale(.5) rotate(-30deg)}50%{opacity:.9;transform:translate(-4px,-4px) scale(1.15) rotate(-10deg)}to{opacity:.7;transform:translate(-2px,-2px) scale(1.05) rotate(0)}}@keyframes brushStrokeAfter{0%{opacity:0;transform:translate(20px,20px) scale(.5) rotate(30deg)}50%{opacity:.7;transform:translate(4px,4px) scale(1.18) rotate(10deg)}to{opacity:.5;transform:translate(2px,2px) scale(1.08) rotate(0)}}.banner__arkuno-animation .phase-1 .symbol{animation:symbolFusion 1.2s cubic-bezier(.4,0,.2,1) 1.3s forwards}@keyframes symbolFusion{0%{opacity:0;filter:blur(15px);transform:scale(.2) rotate(180deg)}50%{opacity:1;filter:blur(5px);transform:scale(1.3) rotate(90deg)}to{opacity:.7;filter:blur(0);transform:scale(1) rotate(0)}}.banner__arkuno-animation .phase-1 .tech .char{animation:techAppear 1s cubic-bezier(.22,1,.36,1) forwards}.banner__arkuno-animation .phase-1 .tech .char:nth-child(1){animation-delay:1.7s}.banner__arkuno-animation .phase-1 .tech .char:nth-child(2){animation-delay:1.78s}.banner__arkuno-animation .phase-1 .tech .char:nth-child(3){animation-delay:1.86s}.banner__arkuno-animation .phase-1 .tech .char:nth-child(4){animation-delay:1.94s}.banner__arkuno-animation .phase-1 .tech .char:nth-child(5){animation-delay:2.02s}.banner__arkuno-animation .phase-1 .tech .char:nth-child(6){animation-delay:2.1s}.banner__arkuno-animation .phase-1 .tech .char:nth-child(7){animation-delay:2.18s}.banner__arkuno-animation .phase-1 .tech .char:nth-child(8){animation-delay:2.26s}.banner__arkuno-animation .phase-1 .tech .char:nth-child(9){animation-delay:2.34s}.banner__arkuno-animation .phase-1 .tech .char:nth-child(10){animation-delay:2.42s}@keyframes techAppear{0%{opacity:0;filter:blur(15px);transform:scale(.2) translate(-50px);clip-path:polygon(0 0,0 0,0 100%,0 100%)}40%{opacity:.5;filter:blur(8px);transform:scale(.8) translate(-10px);clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}70%{opacity:1;filter:blur(2px);transform:scale(1.05) translate(5px);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{opacity:1;filter:blur(0);transform:scale(1) translate(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@media screen and (max-width: 749px){.banner__arkuno-animation{padding:1rem 0}.arkuno-banner-animation{min-height:250px}.arkuno-banner-animation .phase-1{flex-direction:column;gap:.5rem;font-size:clamp(1.5rem,7vw,3rem)}.arkuno-banner-animation .phase-1 .tech{letter-spacing:.02em}.arkuno-banner-animation .phase-1 .symbol{font-size:1em;margin:.25rem 0}}@media (prefers-reduced-motion: reduce){.arkuno-banner-animation .phase,.arkuno-banner-animation .char{animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/banner-arkuno-animation-pattern3.css.map */