*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%}body,html{overflow-x:hidden}body{font-family:Orbitron,sans-serif;background:#050505;color:white}img,video{max-width:100%;height:auto;display:block}a,button{font:inherit}button{border:0}.progress{position:fixed;top:0;left:0;height:3px;background:#7a5cff;width:0;z-index:999;box-shadow:0 0 15px #7a5cff}.loader{position:fixed;inset:0;background:#050505;display:flex;align-items:center;justify-content:center;font-size:30px;letter-spacing:6px;z-index:9999;transition:opacity 1s,visibility 1s}.loader-hidden{opacity:0;visibility:hidden}.noise{top:0;left:0;width:100%;height:100%;background:url(/assets/noise.svg);opacity:.04;z-index:20}.cursor,.noise{position:fixed;pointer-events:none}.cursor{width:20px;height:20px;border:2px solid #7a5cff;border-radius:50%;transform:translate(-50%,-50%);z-index:1000}header{position:fixed;width:100%;display:flex;justify-content:space-between;padding:25px clamp(20px,5vw,60px);z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(10,10,20,.4);flex-wrap:wrap}.logo{font-weight:700;letter-spacing:4px}nav{display:flex;flex-wrap:wrap;gap:20px}.lang-button,nav a{margin-left:30px;text-decoration:none;color:white;opacity:.7;background:transparent;cursor:pointer}.lang-button{color:#7a5cff}.hero,.lang-button:hover,nav a:hover{opacity:1}.hero{position:relative;height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;pointer-events:auto}.hero,.hero canvas{transition:opacity 1s ease}.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero h1{font-size:clamp(42px,6vw,100px);letter-spacing:6px;animation:glitch 3s infinite;max-width:90vw;line-height:1.1}@keyframes glitch{0%{text-shadow:2px 0 red,-2px 0 blue}25%{text-shadow:-2px 0 cyan,2px 0 magenta}50%{text-shadow:2px 2px #7a5cff,-2px -2px #00eaff}75%{text-shadow:-2px 2px #ff7a00,2px -2px #00eaff}to{text-shadow:2px 0 red,-2px 0 blue}}.hero p{margin-top:20px;opacity:.6;font-size:clamp(14px,2vw,18px)}.hero.fade-out{opacity:0;pointer-events:none}.hero.fade-out canvas{opacity:0}.enter{margin-top:40px;padding:14px 40px;background:#7a5cff;color:white;font-size:18px;cursor:pointer;transition:transform .2s}.enter:hover{transform:scale(1.05);background:#6a4dff}.portfolio{padding:160px clamp(20px,6vw,80px);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;gap:40px;max-width:1400px;margin:auto}.project{min-height:420px;height:auto;border-radius:20px;overflow:hidden;position:relative;cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .4s,box-shadow .4s;text-align:left}.project img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .4s;opacity:.9}.project-info{position:absolute;bottom:0;left:0;width:100%;padding:30px;background:linear-gradient(transparent,rgba(0,0,0,.9));color:white}.project-info h3{margin-bottom:10px;font-size:24px}.project-info p{opacity:.7;font-size:16px}.project:hover{transform:scale(1.05)}.project.fotografie:hover{box-shadow:0 0 40px #7a5cff,0 0 80px #00eaff}.project.animation:hover{box-shadow:0 0 40px #00ff99,0 0 80px #00ffaa}.project.logodesign:hover{box-shadow:0 0 40px #ff00ff,0 0 80px #aa00ff}.project.illustration:hover{box-shadow:0 0 40px #00eaff,0 0 80px #7a5cff}.project.film:hover{box-shadow:0 0 40px #ffcc00,0 0 80px #ff6600}.project.werbung:hover{box-shadow:0 0 40px #00ffcc,0 0 80px #0066ff}.project:hover img{transform:scale(1.1);filter:brightness(1.2)}.viewer{position:fixed;top:0;left:0;width:100%;height:100%;background:#050505;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:80px;gap:10px;opacity:0;pointer-events:none;transition:opacity .5s;z-index:2000;overflow:hidden}.viewer:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 40%,rgba(0,0,0,.35) 75%,rgba(0,0,0,.8) 100%)}.viewer.active{opacity:1;pointer-events:auto}.slides{position:relative;width:100%;height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.slide{opacity:0;position:absolute;max-width:90vw;max-height:70vh;object-fit:contain;transition:opacity 2s ease-in-out,transform 20s ease-in-out}.slide.active{opacity:1;transform:scale(1.08)}.videoPlayer{display:none;max-width:90vw;max-height:70vh;object-fit:contain}.viewer .info{position:relative;margin-top:4px;text-align:center;max-width:800px;padding:0 20px;z-index:30}.viewer .info h2{font-size:28px;margin-bottom:10px}.viewer .info p{opacity:.7}.controls-container{position:relative;margin-top:10px;z-index:30}.controls{display:flex;gap:20px;transition:opacity .3s ease}.close,.controls button,.set-close{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.15);color:white;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;background:rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.close:hover,.controls button:hover,.set-close:hover{background:#7a5cff;box-shadow:0 0 12px rgba(122,92,255,.6),0 0 30px rgba(122,92,255,.4);transform:scale(1.08)}.progress-bar-container{width:100%;height:6px;background:rgba(255,255,255,.08);border-radius:3px;margin-top:10px;overflow:hidden;position:relative;z-index:30}.progress-bar{width:0;height:100%;background:#7a5cff;border-radius:3px}.close,.set-close{position:absolute;top:30px;right:40px;z-index:30}.set-selector{position:fixed;top:0;left:0;width:100%;height:100%;background:#050505;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;z-index:3000;opacity:0;pointer-events:none;transition:.4s}.set-selector.active{opacity:1;pointer-events:auto}.set-list{display:flex;flex-direction:column;gap:20px}.set-item{padding:20px 40px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:.3s;background:transparent;color:white}.set-item:hover{background:#7a5cff}#about,#contact,#lab{padding:160px clamp(20px,6vw,80px);text-align:center;font-size:clamp(18px,3vw,28px);opacity:.7}#contact a,footer a{color:#7a5cff;font-weight:600;text-decoration:none}#contact a:hover,footer a:hover{color:#ff6a00;text-shadow:0 0 12px #7a5cff}footer{padding:clamp(60px,10vw,120px);text-align:center;opacity:.5}@media (max-width:768px){nav{gap:12px}.slide,.videoPlayer{max-width:95vw;max-height:60vh}.viewer .info h2{font-size:20px}.viewer .info p{font-size:14px}.close,.controls button,.set-close{width:42px;height:42px;font-size:18px}}@media (hover:none){.cursor{display:none}}@media (max-width:480px){.portfolio{grid-template-columns:1fr;gap:30px;padding:100px 20px}.project{min-height:300px}}@media (max-width:360px){.hero h1{font-size:clamp(36px,8vw,60px)}}