.transmute-text,.transmute-wrapper{display:inline-block}.transmute-text{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;transform-style:preserve-3d}.transmute-text.scramble{font-family:var(--font-mono);letter-spacing:.05em}.transmute-text.liquid{filter:blur(0);transition:filter .3s ease}.transmute-text.liquid:hover{text-shadow:0 0 10px currentColor}.transmute-text.rotate3d{perspective:1000px}.transmute-text[data-alchemical]{position:relative}.transmute-text[data-alchemical]:before{color:var(--color-gold);content:"☿";left:-1.5em;opacity:0;position:absolute;transition:opacity .3s ease}.transmute-text[data-alchemical]:hover:before{opacity:.5}@keyframes transmute-glow{0%,to{text-shadow:0 0 5px currentColor}50%{text-shadow:0 0 20px currentColor,0 0 40px currentColor}}.transmute-text.morphed{animation:transmute-glow 2s ease-in-out infinite}.glitch-text{display:inline-block;font-weight:700;position:relative;text-transform:uppercase}.glitch-text-main{position:relative;z-index:2}.glitch-text-shadow{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.glitch-text.low .glitch-1{animation:glitch-anim-1-low 3s infinite;color:var(--glitch-color-1);opacity:.8}.glitch-text.low .glitch-2{animation:glitch-anim-2-low 3s infinite;color:var(--glitch-color-2);opacity:.8}.glitch-text.medium .glitch-1{animation:glitch-anim-1-medium 2s infinite;color:var(--glitch-color-1);opacity:.8}.glitch-text.medium .glitch-2{animation:glitch-anim-2-medium 2s infinite;color:var(--glitch-color-2);opacity:.8}.glitch-text.high .glitch-1{animation:glitch-anim-1-high 1s infinite;color:var(--glitch-color-1);opacity:.9}.glitch-text.high .glitch-2{animation:glitch-anim-2-high 1s infinite;color:var(--glitch-color-2);opacity:.9}@keyframes glitch-anim-1-low{0%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0)}20%{-webkit-clip-path:inset(20% 0 60% 0);clip-path:inset(20% 0 60% 0);transform:translate(-2px,1px)}}@keyframes glitch-anim-2-low{0%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0)}20%{-webkit-clip-path:inset(60% 0 20% 0);clip-path:inset(60% 0 20% 0);transform:translate(2px,-1px)}}@keyframes glitch-anim-1-medium{0%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0)}20%{-webkit-clip-path:inset(40% 0 61% 0);clip-path:inset(40% 0 61% 0);transform:translate(-3px)}40%{-webkit-clip-path:inset(92% 0 1% 0);clip-path:inset(92% 0 1% 0);transform:translate(2px,2px)}60%{-webkit-clip-path:inset(25% 0 58% 0);clip-path:inset(25% 0 58% 0);transform:translate(-1px,-2px)}}@keyframes glitch-anim-2-medium{0%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0)}20%{-webkit-clip-path:inset(70% 0 1% 0);clip-path:inset(70% 0 1% 0);transform:translate(3px,-1px)}40%{-webkit-clip-path:inset(1% 0 70% 0);clip-path:inset(1% 0 70% 0);transform:translate(-2px,1px)}60%{-webkit-clip-path:inset(35% 0 35% 0);clip-path:inset(35% 0 35% 0);transform:translate(1px)}}@keyframes glitch-anim-1-high{0%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0) skew(0)}10%{-webkit-clip-path:inset(50% 0 30% 0);clip-path:inset(50% 0 30% 0);transform:translate(-5px,-2px) skew(2deg)}20%{-webkit-clip-path:inset(20% 0 70% 0);clip-path:inset(20% 0 70% 0);transform:translate(5px,2px) skew(-2deg)}30%{-webkit-clip-path:inset(80% 0 5% 0);clip-path:inset(80% 0 5% 0);transform:translate(-2px,5px) skew(1deg)}40%{-webkit-clip-path:inset(5% 0 80% 0);clip-path:inset(5% 0 80% 0);transform:translate(2px,-5px) skew(-1deg)}50%{-webkit-clip-path:inset(40% 0 40% 0);clip-path:inset(40% 0 40% 0);transform:translate(-3px) skew(3deg)}60%{-webkit-clip-path:inset(0 70% 0 30%);clip-path:inset(0 70% 0 30%);transform:translate(3px) skew(-3deg)}70%{-webkit-clip-path:inset(0 30% 0 70%);clip-path:inset(0 30% 0 70%);transform:translate(-1px,3px) skew(1deg)}80%{-webkit-clip-path:inset(90% 0 5% 0);clip-path:inset(90% 0 5% 0);transform:translate(1px,-3px) skew(-1deg)}90%{-webkit-clip-path:inset(5% 0 90% 0);clip-path:inset(5% 0 90% 0);transform:translateY(2px) skew(2deg)}}@keyframes glitch-anim-2-high{0%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0) skew(0)}15%{-webkit-clip-path:inset(10% 0 85% 0);clip-path:inset(10% 0 85% 0);transform:translate(4px,4px) skew(-2deg)}25%{-webkit-clip-path:inset(85% 0 10% 0);clip-path:inset(85% 0 10% 0);transform:translate(-4px,-4px) skew(2deg)}35%{-webkit-clip-path:inset(40% 0 40% 0);clip-path:inset(40% 0 40% 0);transform:translate(3px,-3px) skew(-1deg)}45%{-webkit-clip-path:inset(0 40% 0 40%);clip-path:inset(0 40% 0 40%);transform:translate(-3px,3px) skew(1deg)}55%{-webkit-clip-path:inset(60% 0 20% 0);clip-path:inset(60% 0 20% 0);transform:translate(5px) skew(-3deg)}65%{-webkit-clip-path:inset(20% 0 60% 0);clip-path:inset(20% 0 60% 0);transform:translate(-5px) skew(3deg)}75%{-webkit-clip-path:inset(0 80% 0 10%);clip-path:inset(0 80% 0 10%);transform:translate(2px,-2px) skew(-1deg)}85%{-webkit-clip-path:inset(0 10% 0 80%);clip-path:inset(0 10% 0 80%);transform:translate(-2px,2px) skew(1deg)}95%{-webkit-clip-path:inset(70% 0 20% 0);clip-path:inset(70% 0 20% 0);transform:translateY(-1px) skew(-2deg)}}.glitch-button{background:var(--color-black);border:2px solid var(--color-white);color:var(--color-white);cursor:pointer;font-family:var(--font-display);font-size:1.25rem;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s ease}.glitch-button:hover{box-shadow:4px 4px 0 var(--color-red);transform:translate(-2px,-2px)}
