*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif}body{margin:0;line-height:inherit}img,svg{display:block;vertical-align:middle}.logo-container2{width:400px;height:400px;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.65,0,.35,1)}.logo-container2:hover{transform:scale(1.05)}.neon-logo{width:100%;height:100%;position:relative;left:-6%}.logo-paths path{fill:#000;stroke:#000;stroke-width:4;stroke-dasharray:4000;stroke-dashoffset:4000;animation:wirePulse 10s infinite cubic-bezier(.45,.05,.55,.95),fillFade 10s infinite cubic-bezier(.45,.05,.55,.95)}.dark .logo-paths path{fill:#fff;stroke:#fff}@keyframes wirePulse{0%{stroke-dashoffset:4000}30%,75%{stroke-dashoffset:0}95%,to{stroke-dashoffset:-4000}}@keyframes fillFade{0%,25%{fill-opacity:0}30%,75%{fill-opacity:1}85%,to{fill-opacity:0}}.container{width:90%!important;max-width:90%!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}@media (min-width:768px){.container{width:75%!important;max-width:75%!important}}@view-transition{navigation:auto}#main-header,#nav,#ulMenu{will-change:auto;transform:translateZ(0);backface-visibility:hidden}#menu{transition:height .5s ease-out,opacity .5s ease-out}@media (min-width:768px){#menu{height:auto!important;opacity:1!important}}.menu-letter-toggle{font-family:"HaraldMono",monospace;font-size:1.5rem;line-height:1;letter-spacing:.15em;display:flex;align-items:center;justify-content:center}.menu-letter.is-x{transform:rotate(0deg)}.text-container p{text-align:justify}.bg-image-fade{position:absolute;top:0;left:0;width:100%;height:100dvh;z-index:-11;background-image:url(../assets/bgtexture.jpg);mask-image:linear-gradient(to bottom,#000 0,#000 30%,transparent 100%);background-size:cover;background-position:center top;background-repeat:no-repeat;mask-image:linear-gradient(to bottom,#000 0,#000 30%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 30%,transparent 100%);opacity:.12;pointer-events:none}@keyframes letterFade{0%{opacity:0}to{opacity:1}}.fade-letter{display:inline-block;opacity:0;animation:letterFade .8s ease-out forwards}h2[data-animate=true]{opacity:0}h2.active{opacity:1!important}.word{display:inline-block;opacity:0;transform:translateY(5px)}@keyframes fadeInWord{to{opacity:1;transform:translateY(0)}}.start-animation .word{animation:fadeInWord .6s ease-out forwards}@keyframes wave-animation{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.hover-wave{display:inline-block;transform-origin:70% 70%;transition:transform .3s ease;cursor:default}.hover-wave:hover{animation:wave-animation 2.5s infinite}@keyframes shiftGradient{0%{x1:0%;y1:0%}50%{x1:100%;y1:100%}to{x1:0%;y1:0%}}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient-slow{animation:gradientMove 15s ease infinite}@font-face{font-family:"HaraldText";src:url(../fonts/HaraldReveryTextFont.woff2)format("woff2"),url(../fonts/HaraldReveryTextFont.woff)format("woff"),url(../fonts/HaraldReveryTextFont.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"HaraldMono";src:url(../fonts/HaraldReveryMonoFont.woff2)format("woff2"),url(../fonts/HaraldReveryMonoFont.woff)format("woff"),url(../fonts/HaraldReveryMonoFont.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}html{font-size:1.2rem;scrollbar-gutter:stable}body{font-family:"HaraldText",sans-serif;font-size:1.9rem;line-height:1.58;letter-spacing:.018em;overflow-x:hidden;overflow-y:visible;width:100%;max-width:100%;position:relative}@media (max-width:768px){html{font-size:1.427rem}body{font-family:"HaraldText",sans-serif;font-size:2.28rem;line-height:1.58;letter-spacing:.018em}}@media (max-width:768px){html{font-size:1.427rem}body{font-family:"HaraldText",sans-serif;font-size:2.28rem;line-height:1.58;letter-spacing:.018em}}.font-signika,code,pre,kbd,samp,tt,.mono,.console-output{font-family:"HaraldMono",monospace;font-size:1.7rem;line-height:1.2;letter-spacing:.025em}.dark body{background-color:#000!important;color:#fff!important}.text-sm{font-size:.875rem!important;line-height:1.25rem}.text-xs{font-size:.75rem!important;line-height:1rem}.opacity-50{opacity:.5}.opacity-30{opacity:.3}.text-center{text-align:center}.mt-2{margin-top:.5rem}.pt-4{padding-top:1rem}.overflow-visible{overflow:visible!important}.text-justify{text-justify:inter-word;hyphens:auto}.welcome-text-delayed{opacity:0;animation:welcomeFade 1.2s ease-out forwards;animation-delay:2s;z-index:40!important;pointer-events:auto}@keyframes welcomeFade{0%{opacity:0;transform:translateY(10px);pointer-events:none}99%{pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:auto}}#main-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:100%;width:100%}.center-glow{background:radial-gradient(circle at center,rgba(255,255,255,.29)0,rgba(255,255,255,.05) 40%,transparent 70%);border-radius:50%;filter:blur(40px)}@media (min-width:768px){.center-glow{animation:pulse-glow 6s ease-in-out infinite}}@keyframes pulse-glow{0%,to{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:1}}.overflow-bleed{position:relative;overflow:visible!important;contain:layout}#particle-canvas,#particle-canvas-front{position:absolute;top:-10%;left:-14%;width:140%!important;height:120%!important;pointer-events:none}#particle-canvas{z-index:-1}#particle-canvas-front{z-index:1}#image-grid{position:relative;z-index:0}html,body{width:100%;max-width:100%;overflow-x:hidden!important;position:relative}#particle-canvas,.center-glow,.bg-image-fade,#logo-container{max-width:100vw;overflow:hidden}.gslide-description{background:0 0!important}.gslide-description.description-bottom{border:0!important;box-shadow:none!important}.gslide-title{color:#fff!important;font-family:"HaraldMono",monospace!important}.gslide-desc{color:#fff!important;font-family:"HaraldText",sans-serif!important;font-size:.17rem}.gslide-title,.gslide-desc{text-shadow:0 2px 4px rgba(0,0,0,.8)}.grid-item-reveal{opacity:0;transform:translate3d(0,5rem,0);transition:opacity 1400ms cubic-bezier(0,.39,.4,.95),transform 1400ms cubic-bezier(0,.39,.4,.95);-webkit-font-smoothing:antialiased}.grid-item-reveal.revealed{opacity:1;transform:translate3d(0,0,0)}@keyframes logoDraw{0%{stroke-dashoffset:4000;fill-opacity:0;stroke:currentColor}60%{stroke-dashoffset:0;fill-opacity:.01;stroke:currentColor}to{stroke-dashoffset:0;fill-opacity:.06;stroke:transparent}}.dark .animate-logo path{fill:#fff!important;fill-opacity:.05!important}@media (max-width:767px){.animate-logo path{fill:#000!important;fill-opacity:.7!important}.dark .animate-logo path{fill:#fff!important;fill-opacity:.7!important}}@media (max-width:767px){@keyframes logoDraw{0%{stroke-dashoffset:4000;fill-opacity:0;opacity:0;stroke:currentColor}60%{stroke-dashoffset:0;fill-opacity:.1;opacity:1;stroke:currentColor}to{stroke-dashoffset:0;fill-opacity:.21;stroke:transparent;opacity:1}}}.animate-logo path{stroke-dasharray:4000;stroke-dashoffset:4000;stroke:currentColor;fill:currentColor;fill-opacity:.05;animation:logoDraw 5s cubic-bezier(.75,.03,.46,.46) forwards;transition:stroke .2s ease,fill .5s ease}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.logo-float{animation:logoFloat .1s ease-in-out infinite 8s;transform-style:preserve-3d}#logo-container,.bg-image-fade{height:100vh;height:100dvh}#tilting-logo{transition:transform .14s ease-out;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.wave-echo{fill:none!important;stroke:rgba(0,0,0,.5);stroke-width:1px;transform-origin:center;opacity:0;pointer-events:none;animation:implodingWave 3.5s cubic-bezier(.19,1,.22,1) forwards;width:0;height:0;overflow:visible}@keyframes implodingWave{0%{transform:scale(5);opacity:0;stroke-width:.5px}15%{opacity:.6}85%{opacity:.2}to{transform:scale(1);opacity:0;stroke-width:3px}}.implosion-waves .echo-1{animation-delay:.3s}.implosion-waves .echo-2{animation-delay:.8s}.implosion-waves .echo-3{animation-delay:1.3s}#main-logo-svg{overflow:visible!important}#plexus-canvas{width:100%;height:100%;object-fit:contain}#logo-container{perspective:1000px;height:100vh!important;width:100vw;max-width:100%!important;margin:0;padding:0;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative;transform-style:preserve-3d;transform:translateZ(15px)}#main-logo-svg{transform:translateX(-9.81%);max-height:76vh;width:auto;max-width:81vw;transform:translateZ(15px);will-change:transform;transform-style:preserve-3d}.position-wrapper{transform:none!important;width:100%;height:100%;transform-style:preserve-3d}.logo-3d-shadow{filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}#discography-section{scroll-margin-top:2rem}.mode-toggle-hidden{opacity:0;pointer-events:none;transition:opacity 1.2s ease-in-out}.mode-toggle-visible{opacity:1;pointer-events:auto}.dark .animate-logo{fill:url(#logoGradientDark)!important;stroke:url(#logoGradientDark)!important}.dark .wave-echo{stroke:rgba(255,255,255,.4)!important}#image-grid{position:relative;transition:all .4s ease}#image-grid .glightbox{transition:all .45s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}#image-grid:hover .glightbox{opacity:.5;transform:scale(.95)}#image-grid .glightbox:hover{opacity:1!important;transform:scale(1.04)!important;z-index:10;box-shadow:0 25px 50px -12px rgba(0,0,0,.6)}#image-grid .glightbox:not(:hover){transition-delay:.05s}@keyframes extra_long_container_fade{0%{opacity:0}to{opacity:1}}.extra_long_container_fade{animation:extra_fade_effect 4s ease-in forwards;opacity:0}.particles-layer{position:absolute;top:-25%;left:-25%;width:150%;height:150%;pointer-events:none;touch-action:none;background-repeat:repeat;background-image:radial-gradient(1.2px 1.2px at 15% 15%,currentColor 100%,transparent),radial-gradient(1px 1px at 35% 45%,currentColor 100%,transparent),radial-gradient(1.8px 1.8px at 55% 85%,currentColor 100%,transparent),radial-gradient(1.2px 1.2px at 85% 25%,currentColor 100%,transparent),radial-gradient(1px 1px at 25% 75%,currentColor 100%,transparent),radial-gradient(1.5px 1.5px at 70% 50%,currentColor 100%,transparent);z-index:-1}.p-layer-1{z-index:-2;opacity:.2;background-size:250px 250px;animation:drift-1 70s ease-in-out infinite alternate}.p-layer-2{z-index:-1;opacity:.25;background-size:420px 420px;animation:drift-2 55s ease-in-out infinite alternate-reverse}.p-layer-3{z-index:1;opacity:.3;background-size:680px 680px;animation:drift-1 42s ease-in-out infinite alternate-reverse}.p-layer-4{z-index:2;opacity:.45;background-size:700px 700px;animation:drift-2 21s ease-in-out infinite alternate}.p-layer-5{z-index:20;opacity:.55;background-size:996px 996px;animation:drift-3 18s ease-in-out infinite alternate}@keyframes drift-1{0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(2%,-4%) rotate(.5deg)}to{transform:translate(-3%,-8%) rotate(-1deg)}}@keyframes drift-2{0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(-4%,2%) rotate(-.54deg)}to{transform:translate(2%,6%) rotate(1deg)}}@keyframes drift-3{0%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(3%,2%) rotate(.3deg)}66%{transform:translate(-2%,4%) rotate(-.6deg)}to{transform:translate(1%,-5%) rotate(.2deg)}}@keyframes drift-4{0%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(-3%,-2%) rotate(.4deg)}50%{transform:translate(4%,3%) rotate(-.2deg)}75%{transform:translate(-2%,-5%) rotate(.6deg)}to{transform:translate(0,0) rotate(0deg)}}.p-layer-6{z-index:25;opacity:.65;background-size:1255px 1255px;animation:drift-4 24s ease-in-out infinite alternate}.p-layer-7{z-index:29;opacity:.8;background-size:1455px 1455px;animation:drift-1 22s ease-in-out infinite alternate}.dark .particles-layer{color:rgba(255,255,255,.8)}html:not(.dark) .particles-layer{color:rgba(0,0,0,.4)}.seo-only-h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
