.aurora-container{width:100%;height:100%}.glitch{color:#fff;font-weight:900;position:relative;margin:0 auto;user-select:none;cursor:pointer;white-space:nowrap;display:inline-block;z-index:10;text-shadow:0 0 2px rgba(0,0,0,.3)}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background-color:transparent;overflow:hidden;clip-path:inset(0 0 0 0);z-index:9}.glitch:not(.enable-on-hover):after{left:3px;text-shadow:var(--after-shadow,-3px 0 red);animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse}.glitch:not(.enable-on-hover):before{left:-3px;text-shadow:var(--before-shadow,3px 0 cyan);animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{content:attr(data-text);opacity:0;animation:none}.glitch.enable-on-hover:hover:after{opacity:1;left:3px;text-shadow:var(--after-shadow,-3px 0 red);animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse}.glitch.enable-on-hover:hover:before{opacity:1;left:-3px;text-shadow:var(--before-shadow,3px 0 cyan);animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50% 0)}5%{clip-path:inset(10% 0 60% 0)}10%{clip-path:inset(15% 0 55% 0)}15%{clip-path:inset(25% 0 35% 0)}20%{clip-path:inset(30% 0 40% 0)}25%{clip-path:inset(40% 0 20% 0)}30%{clip-path:inset(10% 0 60% 0)}35%{clip-path:inset(15% 0 55% 0)}40%{clip-path:inset(25% 0 35% 0)}45%{clip-path:inset(30% 0 40% 0)}50%{clip-path:inset(20% 0 50% 0)}55%{clip-path:inset(10% 0 60% 0)}60%{clip-path:inset(15% 0 55% 0)}65%{clip-path:inset(25% 0 35% 0)}70%{clip-path:inset(30% 0 40% 0)}75%{clip-path:inset(40% 0 20% 0)}80%{clip-path:inset(20% 0 50% 0)}85%{clip-path:inset(10% 0 60% 0)}90%{clip-path:inset(15% 0 55% 0)}95%{clip-path:inset(25% 0 35% 0)}to{clip-path:inset(30% 0 40% 0)}}#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:relative;outline:none}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{z-index:10;width:60px;height:60px;display:grid;place-items:center;background:cyan;border-radius:50%;cursor:pointer;border:5px solid #000}.face-title{user-select:none;font-weight:900;font-size:4rem;left:1.6em}.action-button-icon{user-select:none;position:relative;color:#060606;top:2px;font-size:26px}.face-title{position:absolute;top:50%;transform:translate(20%,-50%)}.face-title.active{opacity:1;transform:translate(20%,-50%);pointer-events:auto;transition:.5s ease}.face-title.inactive{pointer-events:none;opacity:0;transition:.1s ease}.face-description{user-select:none;position:absolute;max-width:10ch;top:50%;font-size:1.5rem;right:1%;transform:translateY(-50%)}.face-description.active{opacity:1;transform:translate(-90%,-50%);pointer-events:auto;transition:.5s ease}.face-description.inactive{pointer-events:none;transform:translate(-60%,-50%);opacity:0;transition:.1s ease}.action-button{position:absolute;left:50%}.action-button.active{bottom:3.8em;transform:translateX(-50%) scale(1);opacity:1;pointer-events:auto;transition:.5s ease}.action-button.inactive{bottom:-80px;transform:translateX(-50%) scale(0);opacity:0;pointer-events:none;transition:.1s ease}@media (max-width:1500px){.face-description,.face-title{display:none}}.iridescence-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;contain:layout style paint}.iridescence-container,.iridescence-container canvas{will-change:auto;transform:translateZ(0);pointer-events:none}.iridescence-container canvas{display:block}.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);background-color:rgba(25,25,35,.4);backdrop-filter:blur(8px);padding:2rem;overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:rgba(255,255,255,0.05);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.3);height:100%}.card-spotlight:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:1}.card-spotlight:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.4);border-color:rgba(255,255,255,.2)}.card-spotlight:after{content:"";position:absolute;inset:0;border-radius:1.5rem;padding:1px;background:linear-gradient(to bottom right,rgba(255,255,255,.1),rgba(255,255,255,.05) 30%,rgba(255,255,255,0) 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tilted-card-figure{position:relative;width:100%;height:100%;perspective:800px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tilted-card-mobile-alert{position:absolute;top:1rem;text-align:center;font-size:.875rem;display:none}@media (max-width:640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{position:relative;transform-style:preserve-3d}.tilted-card-img{object-fit:cover;border-radius:15px;transform:translateZ(0)}.tilted-card-img,.tilted-card-overlay{position:absolute;top:0;left:0;will-change:transform}.tilted-card-overlay{z-index:2;transform:translateZ(30px)}.tilted-card-caption{pointer-events:none;position:absolute;left:0;top:0;border-radius:4px;background-color:#fff;padding:4px 10px;font-size:10px;color:#2d2d2d;opacity:0;z-index:3}.tilted-card-overlay{display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0) 50%);padding:15px;border-radius:15px;color:white}.tilted-card-demo-text{font-size:1rem;font-weight:700;color:white;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.producer-card-overlay{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;border-radius:15px;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.3) 50%,rgba(0,0,0,0))}.producer-name{font-size:1.25rem;font-weight:700;color:white;margin-top:.5rem}.producer-title{font-size:.875rem;color:rgba(255,255,255,.8);margin-top:.25rem}.producer-badge{position:absolute;top:1rem;right:1rem;width:1.5rem;height:1.5rem;transform:translateZ(40px)}