.landing-container{justify-content:center;min-height:100svh;min-height:100dvh;overflow:hidden;position:relative}.content-backdrop,.landing-container{align-items:center;background-color:#000;display:flex}.content-backdrop{flex-direction:column;height:calc(80svh + 50px);height:calc(80dvh + 50px);justify-content:flex-start;left:50%;padding-bottom:calc(1rem + env(safe-area-inset-bottom));padding-top:1rem;pointer-events:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px;z-index:15}.content{margin-bottom:auto;margin-top:0;padding-top:0;position:relative}.content,.spotlight-cover{text-align:center;z-index:20}.spotlight-cover{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:50%;max-width:350px;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%}.spotlight-text{color:#fff;font-family:Times New Roman,Times,serif;font-size:1.5rem;letter-spacing:.05em;text-align:center;text-transform:uppercase;width:100%}.spotlight-text .spotlight-title{font-style:italic}.spotlight-image{height:auto;max-height:220px;max-width:100%;object-fit:contain;width:auto}.content-wrapper{gap:.25rem}.content-wrapper,.logo-online-container{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center}.logo-online-container{cursor:pointer;gap:0;width:100%}.image-container{margin-bottom:-.5rem;margin-top:-5vh;transform-origin:center}.image-container,.online-text{display:flex;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.online-text{font-size:2.5rem;margin:0;position:relative;transform:translateY(.25vh);width:100%}.online-text .nav-button{font-size:2.5rem;padding:5px;position:relative;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.image-container.hovered,.online-text.hovered .nav-button{filter:brightness(.8);transform:scale(1.1)}.logo{filter:drop-shadow(0 0 10px rgba(255,255,255,.3));height:auto;max-width:400px;width:90%}.logo-online-container:hover .logo{filter:drop-shadow(0 0 15px rgba(255,255,255,.4)) brightness(.8)}.button-container{display:flex;gap:.5rem;justify-content:center;margin-top:.25rem;transform:none}.nav-button{background:#0000;border:none;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:2rem;min-width:150px;padding:15px;text-align:center;transition:all .3s ease}.nav-button:hover{opacity:.7}.nav-button.touched,.nav-button:active,.nav-button:hover{transform:scale(1.1)}.typewriter{animation:typing 2s steps(9) forwards;display:inline-block;overflow:hidden;white-space:nowrap;width:0}.delay-portfolio{animation-delay:.5s;animation-duration:1.5s;animation-timing-function:steps(9);width:0}.delay-store{animation-delay:2.5s;animation-duration:1s;animation-timing-function:steps(5);width:0}@keyframes typing{0%{opacity:1;width:0}to{opacity:1;width:100%}}.store-button{margin-left:.5rem;transform:translateX(4%)}@media (max-width:768px){.content-backdrop,.spotlight-cover{transform:translate(-50%,-50%) scale(.9)}.streaming-links a:first-child{animation:streaming-button-bounce 2.8s ease infinite;animation-delay:1.2s;animation-fill-mode:both}.logo-text{font-size:3.5rem}.nav-button{font-size:1.5rem;min-width:120px;padding:8px 12px}.button-container{transform:none}.bio-section{width:80%}.bio-text{font-size:.9rem;padding:1.2rem}}@media (max-width:480px){.content-backdrop,.spotlight-cover{transform:translate(-50%,-50%) scale(.75)}.logo-text{font-size:2.5rem}.nav-button{font-size:1.2rem;min-width:100px;padding:6px 10px}.button-container{transform:none}.bio-section{width:90%}.bio-text{font-size:.8rem;padding:1rem}}.logo-text{-webkit-text-stroke:.5px #fff;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;animation:glitch 2s infinite;color:#fff;font-family:Times New Roman,Times,serif;font-size:5rem;font-weight:400;letter-spacing:.05em;position:relative;text-align:center;text-rendering:optimizeLegibility}@keyframes glitch{0%{opacity:1;transform:none}7%{opacity:.75;transform:skew(-.5deg,-.9deg)}10%{opacity:1;transform:none}27%{opacity:1;transform:none}30%{opacity:.75;transform:skew(.8deg,-.1deg)}35%{opacity:1;transform:none}52%{opacity:1;transform:none}55%{opacity:.75;transform:skew(-1deg,.2deg)}50%{opacity:1;transform:none}72%{opacity:1;transform:none}75%{opacity:.75;transform:skew(.4deg,1deg)}80%{opacity:1;transform:none}to{opacity:1;transform:none}}.logo-text:after,.logo-text:before{content:"KEMPF";height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%}.logo-text:before{animation:glitch-effect 4.5s infinite;color:#0ff;z-index:-2}.logo-text:after{animation:glitch-effect 4s infinite;color:#f0f;z-index:-1}@keyframes glitch-effect{0%{opacity:0;transform:none}7%{opacity:.2;transform:translate(2px,3px)}10%{opacity:0;transform:none}27%{opacity:0;transform:none}30%{opacity:.2;transform:translate(-5px,-2px)}35%{opacity:0;transform:none}52%{opacity:0;transform:none}55%{opacity:.2;transform:translate(5px,-1px)}60%{opacity:0;transform:none}72%{opacity:0;transform:none}75%{opacity:.2;transform:translate(-2px,3px)}80%{opacity:0;transform:none}to{opacity:0;transform:none}}.logo-online-container:hover .logo-text{transform:scale(1.1)}.star{animation:twinkle var(--duration) ease-in-out infinite,cluster var(--cluster-duration) ease-in-out infinite;background:#0000;height:3px;opacity:0;position:absolute;width:3px;z-index:10}.star:before{animation:starRotate 3s linear infinite;transform:rotate(45deg)}.star:after,.star:before{background:#fff;box-shadow:0 0 4px #fff,0 0 8px #fff,0 0 12px #fff,0 0 16px #ffffff80;content:"";height:100%;position:absolute;width:100%}.star:after{animation:starRotate 3s linear infinite reverse;left:50%;top:50%;transform:translate(-50%,-50%)}@keyframes starRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes twinkle{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.8)}}@keyframes cluster{0%{transform:translate(0)}25%{transform:translate(var(--cluster-x),var(--cluster-y))}75%{transform:translate(var(--cluster-x),var(--cluster-y))}to{transform:translate(0)}}.star:first-child{--duration:3s;--cluster-duration:15s;--cluster-x:50px;--cluster-y:30px;animation-delay:0s,2s;left:20%;top:15%}.star:nth-child(2){--duration:4s;--cluster-duration:15s;--cluster-x:-40px;--cluster-y:40px;animation-delay:1s,0s;right:25%;top:25%}.star:nth-child(3){--duration:5s;--cluster-duration:15s;--cluster-x:30px;--cluster-y:-50px;animation-delay:2s,1s;bottom:30%;left:30%}.star:nth-child(4){--duration:3.5s;--cluster-duration:15s;--cluster-x:-50px;--cluster-y:-30px;animation-delay:.5s,3s;bottom:40%;right:35%}.star:nth-child(5){--duration:4.5s;--cluster-duration:15s;--cluster-x:40px;--cluster-y:40px;animation-delay:1.5s,2s;left:15%;top:45%}.star:nth-child(6){--duration:3.2s;--cluster-duration:15s;--cluster-x:45px;--cluster-y:35px;animation-delay:.7s,2s;left:25%;top:20%}.star:nth-child(7){--duration:4.2s;--cluster-duration:15s;--cluster-x:-35px;--cluster-y:45px;animation-delay:1.2s,0s;right:30%;top:30%}.streaming-links{align-items:center;display:flex;flex-wrap:nowrap;gap:1.5rem;justify-content:center;margin-top:auto;padding-bottom:1rem;width:100%;z-index:20}.copyright-text{color:#fff;font-family:Times New Roman,Times,serif;font-size:.8rem;font-style:italic;padding-bottom:calc(1rem + env(safe-area-inset-bottom));text-align:center;width:100%;z-index:20}.streaming-links a{align-items:center;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.streaming-links a img{height:100%;object-fit:contain;width:100%}.streaming-links a:hover{opacity:.8;transform:scale(1.1)}.streaming-links a:hover img{filter:drop-shadow(0 0 12px rgba(255,255,255,.4))}@keyframes streaming-button-bounce{0%{transform:scale(1)}10%{transform:scale(1.2)}17.5%{transform:scale(.95)}21.25%{transform:scale(1.05)}25%,to{transform:scale(1)}}.logo.glitch{animation:logo-flicker .7s step-end infinite;position:relative;z-index:1}@keyframes logo-flicker{0%{filter:brightness(1);opacity:1}80%{filter:brightness(1);opacity:1}82%{filter:brightness(.2);opacity:.2}84%{filter:brightness(1);opacity:1}88%{filter:brightness(.1);opacity:.1}90%{filter:brightness(1);opacity:1}92%{filter:brightness(.3);opacity:.3}94%{filter:brightness(1);opacity:1}to{filter:brightness(1);opacity:1}}.logo.glitch:after,.logo.glitch:before{content:"";height:100%;left:0;mix-blend-mode:lighten;opacity:.7;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.logo.glitch:before{animation:glitch-rgb-before 1.2s steps(8) infinite;filter:drop-shadow(-2px 0 0 #00fff9)}.logo.glitch:after{animation:glitch-rgb-after 1.2s steps(8) infinite;filter:drop-shadow(2px 0 0 #ff00c8)}@keyframes glitch-rgb-before{0%{clip-path:inset(0 0 80% 0);transform:translateX(0)}10%{clip-path:inset(10% 0 70% 0);transform:translateX(-2px)}20%{clip-path:inset(20% 0 60% 0);transform:translateX(2px)}30%{clip-path:inset(30% 0 50% 0);transform:translateX(-4px)}40%{clip-path:inset(40% 0 40% 0);transform:translateX(2px)}50%{clip-path:inset(50% 0 30% 0);transform:translateX(-2px)}60%{clip-path:inset(60% 0 20% 0);transform:translateX(4px)}70%{clip-path:inset(70% 0 10% 0);transform:translateX(-2px)}80%{clip-path:inset(80% 0 0 0);transform:translateX(2px)}to{clip-path:inset(0 0 80% 0);transform:translateX(0)}}@keyframes glitch-rgb-after{0%{clip-path:inset(80% 0 0 0);transform:translateX(0)}10%{clip-path:inset(70% 0 10% 0);transform:translateX(2px)}20%{clip-path:inset(60% 0 20% 0);transform:translateX(-2px)}30%{clip-path:inset(50% 0 30% 0);transform:translateX(4px)}40%{clip-path:inset(40% 0 40% 0);transform:translateX(-4px)}50%{clip-path:inset(30% 0 50% 0);transform:translateX(2px)}60%{clip-path:inset(20% 0 60% 0);transform:translateX(-2px)}70%{clip-path:inset(10% 0 70% 0);transform:translateX(4px)}80%{clip-path:inset(0 0 80% 0);transform:translateX(-2px)}to{clip-path:inset(80% 0 0 0);transform:translateX(0)}}@media screen and (-webkit-min-device-pixel-ratio:0){.logo-text{-webkit-font-smoothing:none;font-weight:400}}@media screen and (min--moz-device-pixel-ratio:0){.logo-text{-moz-osx-font-smoothing:unset;font-weight:400}}@supports (-ms-ime-align:auto){.logo-text{-webkit-text-stroke:.75px #fff;font-weight:400}}.bio-section{margin-top:auto;max-width:400px;padding-bottom:calc(1rem + env(safe-area-inset-bottom));position:relative;text-align:center;width:65%;z-index:20}.bio-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;border-radius:4px;color:#fff;font-family:Times New Roman,Times,serif;font-size:1rem;letter-spacing:.05em;line-height:1.8;margin:0 0 .5rem;padding:1.5rem;text-align:center}.bio-text:last-child{margin-bottom:0}.bio-link{color:inherit;text-decoration:underline;text-decoration-color:#fff}.bio-link:hover{color:inherit;text-decoration:underline;text-decoration-color:#ffffffb3}@keyframes matrix-glow{0%{border-color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff}to{border-color:#fffc;text-shadow:0 0 8px #fff,0 0 15px #fff,0 0 25px #fff}}@keyframes matrix-text-glow{0%{text-shadow:0 0 5px #fff,0 0 10px #fff}to{text-shadow:0 0 8px #fff,0 0 15px #fff,0 0 20px #fff}}*,:after,:before{box-sizing:border-box}#root,body,html{margin:0;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Times New Roman,Times,serif}
/*# sourceMappingURL=main.8b368e55.css.map*/