:root{--bg:#0b0b0b;--building:#e6ffe6;--hex-main:#0f6;--accent-a:#00c58a;--accent-b:#00fff0;--accent-c:#ff00d6;--accent-d:#8a2be2;--accent-e:#ffd166;--glow:rgba(0,255,102,.12);--hex-vertical-overlap:-.18em;--hex-scale:1.08;--hex-offset-x:80%;--hex-offset-y:-30%}.hex-wrap{transform:translateX(var(--hex-offset-x))translateY(var(--hex-offset-y));--local-glow:0 10px 30px var(--glow);display:inline-block;position:relative}.hex-main{z-index:40;color:var(--hex-main);text-transform:uppercase;transform:translateY(var(--hex-vertical-overlap))scale(var(--hex-scale));text-shadow:0 6px 30px rgba(0,255,102,.08),0 2px 6px rgba(0,0,0,.6);will-change:transform;position:relative}.hex-layer{z-index:30;opacity:.95;mix-blend-mode:screen;will-change:transform,opacity,clip-path;transform-origin:0;text-transform:uppercase;filter:drop-shadow(0 8px 30px rgba(0,0,0,.6));position:absolute;top:0;left:0}.g1{color:var(--accent-a);transform:translate3d(-4px,-2px,0)scale(var(--hex-scale))}.g2{color:var(--accent-b);transform:translate3d(3px,-1px,0)scale(var(--hex-scale));opacity:.85}.g3{color:var(--accent-c);transform:translate3d(-2px,2px,0)scale(var(--hex-scale));opacity:.82}.g4{color:var(--accent-d);transform:translate3d(5px,3px,0)scale(calc(var(--hex-scale)*1.01));opacity:.78}.g5{color:var(--accent-e);transform:translate3d(-6px,4px,0)scale(calc(var(--hex-scale)*.99));opacity:.72}@keyframes slice-1{0%{clip-path:inset(0 0 72%);transform:translate3d(-4px,-2px,0)skewX(-.8deg)scale(var(--hex-scale))}10%{clip-path:inset(40% 0 30%);transform:translate3d(8px,2px,0)skewX(1.2deg)scale(var(--hex-scale))}20%{clip-path:inset(10% 0 60%);transform:translate3d(-3px,-1px,0)skewX(-.5deg)scale(var(--hex-scale))}30%{clip-path:inset(33% 0);transform:translate3d(3px,0,0)skewX(.2deg)scale(var(--hex-scale))}50%{clip-path:inset(0 0 70%);transform:translate3d(0,0,0)skewX(0deg)scale(var(--hex-scale))}70%{clip-path:inset(40% 0 10%);transform:translate3d(-6px,1px,0)skewX(-1deg)scale(var(--hex-scale))}to{clip-path:inset(0 0 72%);transform:translate3d(-4px,-2px,0)skewX(-.8deg)scale(var(--hex-scale))}}@keyframes slice-2{0%{clip-path:inset(0 0 60%);transform:translate3d(3px,0,0)skewX(.6deg)scale(var(--hex-scale))}12%{clip-path:inset(20% 0 40%);transform:translate3d(-8px,-2px,0)skewX(-1.4deg)scale(var(--hex-scale))}26%{clip-path:inset(35% 0 25%);transform:translate3d(6px,2px,0)skewX(.8deg)scale(var(--hex-scale))}48%{clip-path:inset(10% 0 60%);transform:translate3d(-2px,1px,0)skewX(-.6deg)scale(var(--hex-scale))}to{clip-path:inset(0 0 60%);transform:translate3d(3px,0,0)skewX(.6deg)scale(var(--hex-scale))}}@keyframes slice-3{0%{clip-path:inset(0 0 80%);transform:translate3d(-2px,3px,0)skewX(-.3deg)scale(var(--hex-scale))}15%{clip-path:inset(60% 0 0);transform:translate3d(10px,-2px,0)skewX(2deg)scale(var(--hex-scale))}33%{clip-path:inset(5% 0 70%);transform:translate3d(-6px,2px,0)skewX(-1.2deg)scale(var(--hex-scale))}66%{clip-path:inset(20% 0 40%);transform:translate3d(4px,0,0)skewX(.2deg)scale(var(--hex-scale))}to{clip-path:inset(0 0 80%);transform:translate3d(-2px,3px,0)skewX(-.3deg)scale(var(--hex-scale))}}@keyframes flicker{0%{opacity:.95}8%{opacity:.25}10%{opacity:.95}40%{opacity:.9}to{opacity:.95}}@keyframes big-jump{0%{transform:translate3d(0,0,0)scale(var(--hex-scale))}88%{transform:translate3d(0,0,0)scale(var(--hex-scale))}90%{transform:translate3d(24px,-8px,0)skewX(6deg)scale(var(--hex-scale))}92%{transform:translate3d(-18px,6px,0)skewX(-4deg)scale(var(--hex-scale))}to{transform:translate3d(0,0,0)scale(var(--hex-scale))}}.g1{animation:2.1s linear infinite slice-1}.g2{animation:2.6s linear infinite slice-2}.g3{animation:1.9s linear infinite slice-3,6s linear infinite flicker}.g4{animation:2.8s linear infinite slice-1}.g5{animation:3.4s linear infinite slice-2,8s linear infinite big-jump}.g1{text-shadow:0 8px 30px rgba(0,197,138,.06)}.g2{text-shadow:0 10px 36px rgba(0,255,240,.06);filter:blur(.6px)}.g3{text-shadow:0 8px 30px rgba(255,0,214,.04)}.g4{text-shadow:0 8px 30px rgba(138,43,226,.03)}.g5{text-shadow:0 12px 44px rgba(255,209,102,.04)}@media (prefers-reduced-motion:reduce){.g1,.g2,.g3,.g4,.g5{opacity:.9;clip-path:none!important;animation:none!important;transform:none!important}.hex-main{transform:translateY(0)scale(1)}}@media (max-width:767px){:root{--hex-offset-x:70%;--hex-offset-y:-25%;--hex-scale:1.05;--hex-vertical-overlap:-.15em}}@media (max-width:639px){:root{--hex-offset-x:60%;--hex-offset-y:-20%;--hex-scale:1.03;--hex-vertical-overlap:-.12em}}