.holo-logo-wrapper{display:flex;align-items:center;gap:15px}.holo-logo-container{display:flex;align-items:center;transform-style:preserve-3d;perspective:1000px}.tilt-box{background:#000;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3);transition:transform .3s ease}.tilt-box-left{width:30px;height:100%;border-radius:8px 0 0 8px;margin-right:-5px}.tilt-box-right{width:30px;height:100%;border-radius:0 8px 8px 0;margin-left:-5px}.holo-logo{position:relative;overflow:hidden;cursor:pointer;transform-style:preserve-3d;background:#000;box-shadow:0 8px 16px rgba(0,0,0,.3);z-index:10}.holo-logo.interacting{transition:none}.holo-logo-container.holo-logo-navbar,.holo-logo-container.holo-logo-navbar .tilt-box{height:120px}.holo-logo-navbar{width:120px;height:120px;border-radius:10px}.holo-logo-small{width:80px;height:80px;border-radius:8px}.holo-logo-medium{width:160px;height:160px;border-radius:12px}.holo-logo-large{width:240px;height:240px;border-radius:15px}.holo-logo:before{content:"";position:absolute;inset:0;z-index:1;background-image:conic-gradient(from 0deg at 50% 50%,hsl(280,70%,60%) 0deg,hsl(320,80%,65%) 60deg,hsl(200,90%,70%) 120deg,hsl(160,85%,65%) 180deg,hsl(60,90%,70%) 240deg,hsl(280,70%,60%) 300deg,hsl(280,70%,60%) 1turn),radial-gradient(circle at 30% 70%,rgba(255,255,255,.2) 0,transparent 50%);background-position:calc(((50% - var(--background-x, 50)) * .8) + 50%) calc(((50% - var(--background-y, 50)) * .8) + 50%),50%;background-size:300% 300%,100% 100%;mix-blend-mode:color-dodge;filter:brightness(.7) contrast(1.3) saturate(.8);opacity:.2;transition:opacity .3s ease,background-position .3s ease}.holo-logo.interacting:before{opacity:1}.holo-logo .triangle-logo{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:filter .3s ease}.holo-logo.interacting .triangle-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) brightness(1.1) contrast(1.1)}.holo-logo .logo-background:before{content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;-webkit-mask-image:url(/images/logos/V2TriangleLogo.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(/images/logos/V2TriangleLogo.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-image:radial-gradient(farthest-corner circle at var(--pointer-x,50%) var(--pointer-y,50%),hsl(0,0%,80%),hsla(187,10%,85%,.25) 30%,hsl(197,6%,25%) 120%);filter:brightness(.9) contrast(1.75);opacity:0;mix-blend-mode:hard-light;transition:opacity .3s ease}.holo-logo.interacting .logo-background:before{opacity:calc(var(--pointer-from-center, .5) * .9)}.holo-logo:after{content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;-webkit-mask-image:url(/images/logos/V2TriangleLogo.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(/images/logos/V2TriangleLogo.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;background:linear-gradient(110deg,transparent 20%,rgba(255,20,147,.4) 30%,rgba(0,191,255,.5) 40%,rgba(50,205,50,.4) 50%,rgba(255,215,0,.5) 60%,rgba(255,165,0,.4) 70%,transparent 80%);background-size:200% 100%;animation:holoShimmer 12s ease-in-out infinite}@keyframes holoShimmer{0%{background-position:-200% 0;opacity:0}5%{opacity:.8}25%{background-position:0 0;opacity:1}45%{opacity:.8}67%{background-position:200% 0;opacity:0}67.1%,to{background-position:200% 0;opacity:0}}.logo-text-container{display:flex;align-items:center;justify-content:flex-start;height:120px;min-width:300px}.logo-text{height:60px;width:auto;max-width:280px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.holo-logo-wrapper.holo-logo-navbar .logo-text{height:80px}.holo-logo-navbar:before{opacity:.1}.holo-logo-navbar.interacting:before{opacity:.6}.holo-logo:hover{transform:translateY(-2px)}.holo-logo:active{transform:translateY(0)}