:root{color-scheme:dark;--page: #070707;--text: #f5f5f5;--muted: #999;--subtle: #888;--surface: #111;--raised: #181818;--hover: #242424;--border: #292929;--border-strong: #444;--accent: #cf5266;--accent-strong: #8b1e2d;--accent-strong-hover: #c24152;--nav-background: rgba(7, 7, 7, .92)}:root[data-theme=light]{color-scheme:light;--page: #f7f8fa;--text: #20222b;--muted: #555b68;--subtle: #646a77;--surface: #fff;--raised: #f0f1f5;--hover: #e7e9f0;--border: #dce0e7;--border-strong: #c0c6d1;--accent: #a3233d;--accent-strong: #a3233d;--accent-strong-hover: #c24152;--nav-background: rgba(247, 248, 250, .95)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--page);color:var(--text);font-family:Inter,Arial,sans-serif}section[id]{scroll-margin-top:92px}:where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{position:absolute;top:-100px;left:16px;z-index:100;padding:12px 20px;background:var(--accent-strong);color:#fff;text-decoration:none;border-radius:5px;transition:top .2s}.skip-link:focus-visible{top:16px}body:before{content:"";position:fixed;width:700px;height:700px;background:var(--accent-strong);filter:blur(220px);opacity:.12;right:-200px;top:-200px;z-index:-1}nav{position:fixed;top:0;width:100%;padding:25px 8%;display:flex;align-items:center;gap:24px;justify-content:space-between;background:var(--nav-background);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:20}.logo{font-size:25px;font-weight:900;letter-spacing:3px;color:var(--text);text-decoration:none;margin-left:0;white-space:nowrap;flex-shrink:0}.logo span{color:var(--accent)}nav a{color:var(--muted);text-decoration:none;margin-left:0;font-size:14px}nav a:hover{color:var(--text)}.nav-panel,.nav-settings,.nav-links{display:flex;align-items:center;gap:24px}.nav-settings{gap:12px}.theme-toggle,.nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.theme-toggle:hover,.nav-toggle:hover{background:var(--hover)}.theme-toggle svg{width:20px;height:20px}.nav-toggle{display:none}.menu-icon{position:relative;width:20px;height:18px}.menu-icon span{position:absolute;left:0;width:20px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}.menu-icon span:nth-child(1){top:1px}.menu-icon span:nth-child(2){top:8px}.menu-icon span:nth-child(3){top:15px}.menu-open .menu-icon span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .menu-icon span:nth-child(2){opacity:0}.menu-open .menu-icon span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 1100px){.site-nav{padding:14px 5%}.nav-toggle{display:inline-flex}.site-nav .nav-panel{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:16px;padding:16px 5% 24px;max-height:calc(100dvh - 74px);overflow-y:auto;background:var(--page);border-bottom:1px solid var(--border);box-shadow:0 18px 30px #0002;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}.site-nav.menu-open .nav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.site-nav .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:4px}.site-nav .nav-links a{padding:12px;min-height:48px;border-radius:6px;font-size:17px}.site-nav .nav-links a:hover{background:var(--raised)}.nav-settings{justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:16px}}.lang-switch{display:flex;border:1px solid var(--border-strong);border-radius:5px;overflow:hidden;flex-shrink:0}.lang-switch button{background:transparent;border:none;color:var(--muted);font-size:12px;letter-spacing:1px;font-weight:700;padding:6px 12px;min-height:42px;min-width:44px;cursor:pointer;transition:.25s}.lang-switch button:hover{color:var(--text)}.lang-switch button.active{background:var(--accent-strong);color:#fff}section{padding:120px 10%}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.matrix-rain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:.4;pointer-events:none}.hero-inner{position:relative;z-index:1}.label{color:var(--accent);letter-spacing:4px;font-size:13px;margin-bottom:30px}h1{font-size:80px;line-height:1.05;font-weight:900}h1 span{color:var(--accent)}.hero-byline{margin-top:15px;font-size:16px;letter-spacing:2px;color:var(--subtle)}.hero-byline span{color:var(--text);font-weight:700;font-size:20px}.hero p{margin-top:35px;font-size:22px;color:var(--muted);line-height:1.7;max-width:800px}.buttons{margin-top:45px;display:flex;gap:20px}.btn{padding:16px 35px;border-radius:5px;text-decoration:none;display:inline-block;transition:.3s}.primary{background:var(--accent-strong);color:#fff}.primary:hover{background:var(--accent-strong-hover)}.projects-cta{position:relative;isolation:isolate;overflow:visible;background:transparent}.projects-cta:hover{background:transparent}.projects-cta:before,.projects-cta:after{content:"";position:absolute;pointer-events:none;border-radius:inherit}.projects-cta:before{top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-2;background:linear-gradient(115deg,#00eaff,#7665ff 28%,#ff38b8 55%,#ffb83e 78%,#58ffcf);background-size:250% 100%;box-shadow:0 0 12px #ff38b855,0 0 25px #7665ff44;animation:flare-spectrum 6s ease-in-out infinite alternate}.projects-cta:after{top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(120deg,#92223e,#651d46);transition:background .3s}.projects-cta:hover:after{background:linear-gradient(120deg,#b92d55,#862867)}.projects-cta:focus-visible{outline:2px solid #fff;outline-offset:7px}.projects-cta-label{position:relative;z-index:1}.projects-flares{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;transition:opacity .3s;opacity:.8}.projects-cta:is(:hover,:focus-visible) .projects-flares{opacity:1}.lens-flare{--flare-color: 50, 225, 255;position:absolute;width:72px;height:72px;offset-path:inset(0 round 5px);offset-anchor:center;offset-rotate:0deg;border-radius:50%;background:radial-gradient(circle,#fff 0 2%,#eaffff 3%,rgba(var(--flare-color),.95) 6%,rgba(var(--flare-color),.35) 15%,rgba(var(--flare-color),.1) 38%,transparent 70%);animation:lens-flare-orbit 8s linear infinite,lens-flare-bloom 5s ease-in-out infinite}.lens-flare-pink{--flare-color: 255, 65, 182;animation-delay:-4s,-2.5s}.lens-flare:before,.lens-flare:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(90deg,transparent,rgba(var(--flare-color),.15) 12%,rgba(var(--flare-color),.8) 40%,#fff 50%,rgba(var(--flare-color),.8) 60%,rgba(var(--flare-color),.15) 88%,transparent)}.lens-flare:before{width:230px;height:2px;box-shadow:0 0 8px rgba(var(--flare-color),.6)}.lens-flare:after{width:62px;height:1px;transform:translate(-50%,-50%) rotate(65deg)}.flare-ghosts{position:absolute;width:150px;height:90px;right:22px;bottom:22px;transform-origin:bottom right;background:radial-gradient(circle at 72% 70%,transparent 0 8px,#70eaff38 9px,#6c7cff18 11px,transparent 13px),radial-gradient(circle at 44% 48%,#b469ff28 0 6px,#d75bff48 7px,transparent 10px),radial-gradient(circle at 14% 21%,#ffb54a22 0 13px,#ff768538 14px,transparent 17px);animation:flare-ghost-drift 5s ease-in-out infinite}.lens-flare-pink .flare-ghosts{rotate:180deg;animation-delay:-2.5s}@keyframes lens-flare-orbit{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes lens-flare-bloom{0%,to{transform:scale(.8);opacity:.45}45%{transform:scale(1.12);opacity:1}65%{transform:scale(.95);opacity:.7}}@keyframes flare-ghost-drift{0%,to{transform:translate(4px,2px) scale(.85);opacity:.25}45%{transform:translate(-8px,-5px) scale(1.08);opacity:.9}}@keyframes flare-spectrum{0%{background-position:0% 50%}to{background-position:100% 50%}}@media (prefers-reduced-motion: reduce){.projects-cta:before,.lens-flare,.flare-ghosts{animation:none}.projects-flares{display:none}}.secondary{border:1px solid var(--border-strong);color:var(--text)}.secondary:hover{border-color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-top:80px}.stat{background:var(--surface);border:1px solid var(--border);padding:30px}.stat h2{color:var(--accent);font-size:40px}.stat p{color:var(--muted)}.title{font-size:50px;margin-bottom:60px}.title span{color:var(--accent)}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:30px;margin-top:60px}.project{background:var(--surface);border:1px solid var(--border);padding:35px;transition:.4s}.project:hover{transform:translateY(-10px);border-color:var(--accent-strong)}.number{color:var(--accent);font-size:13px;letter-spacing:3px}.project h3{font-size:30px;margin-top:20px}.project p{color:var(--muted);line-height:1.8;margin-top:20px}.tags{margin-top:25px}.tags span{display:inline-block;padding:8px 14px;margin:5px;background:var(--raised);border:1px solid var(--border-strong);font-size:12px}.project-body{display:flex;align-items:center;gap:25px}.project-text{flex:1}.project-image{width:120px;height:120px;object-fit:contain;flex-shrink:0}@media (max-width:900px){.project-body{flex-direction:column}.project-image{width:100%;height:auto}}.project-banners{display:flex;flex-direction:column;gap:40px}.project-banner{position:relative;width:100vw;left:50%;margin-left:-50vw;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#070707;color:#f5f5f5}.project-banner .tags span{background:#181818;border-color:#444}.project-banner-image,.project-banner-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.5);transition:opacity .65s ease,transform .8s cubic-bezier(.22,1,.36,1),filter .65s ease}.project-banner-preview{object-fit:contain;filter:none;opacity:0;transform:scale(1.04);pointer-events:none}.project-banner-video{object-fit:cover;transform:scaleX(-1)}.project-banner-overlay{position:relative;isolation:isolate;min-height:360px;display:flex;flex-direction:column;justify-content:center;padding:40px 10%;overflow-wrap:anywhere}.project-banner-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#070707f7,#070707cc 40%,#07070759,#0707071a);transition:opacity .65s ease}.project-banner-overlay>:not(.btn){transition:opacity .3s ease,transform .45s cubic-bezier(.22,1,.36,1)}.project-banner-overlay h3{font-size:34px}.project-banner-overlay p{color:#ccc;line-height:1.7;margin-top:15px;max-width:600px}.project-banner-overlay .tags{margin-top:20px}.project-banner-overlay .btn{margin-top:20px;display:inline-block;align-self:flex-start;background:#070707d9;color:#f5f5f5;border-color:var(--subtle)}@media (max-width:900px){.project-banner{-webkit-text-size-adjust:100%;text-size-adjust:100%}.project-banner-image{object-position:center;filter:brightness(.65)}.project-banner-overlay{min-height:380px;justify-content:flex-end;padding:88px max(6%,env(safe-area-inset-right)) 28px max(6%,env(safe-area-inset-left))}.project-banner-overlay:before{background:linear-gradient(180deg,#07070726,#070707cc 28%,#070707f5)}.project-banner-overlay h3{font-size:clamp(26px,6.5vw,34px);line-height:1.2}.project-banner-overlay p{max-width:100%;margin-top:12px;font-size:15px;line-height:1.6}.project-banner-overlay .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.project-banner-overlay .tags span{max-width:100%;margin:0;padding:7px 11px}.project-banner-overlay .btn{width:100%;min-height:48px;margin-top:22px;padding:14px 16px;text-align:center}}@media (hover: hover) and (pointer: fine){.project-banner:hover .project-banner-image:not(.project-banner-video){opacity:0;transform:scale(1.025)}.project-banner:hover .project-banner-preview{opacity:1;transform:scale(1)}.project-banner:hover .project-banner-video{filter:brightness(1)}.project-banner:hover .project-banner-overlay:before,.project-banner:hover .project-banner-overlay>:not(.btn){opacity:0}.project-banner:hover .project-banner-overlay>:not(.btn){pointer-events:none;transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.project-banner-image,.project-banner-preview,.project-banner-overlay:before,.project-banner-overlay>:not(.btn){transition:none}}.industry .title{max-width:900px}.industry-company{background:var(--surface);border:1px solid var(--border);padding:clamp(24px,4vw,48px)}.industry-company-heading{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--border)}.industry-eyebrow{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.industry-company h3{font-size:clamp(28px,4vw,38px);font-weight:800}.industry-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.industry-project{min-width:0;padding-left:20px;border-left:3px solid var(--accent)}.industry-role{color:var(--accent);font-size:15px;line-height:1.5;margin-bottom:12px}.industry-project h4{font-size:clamp(21px,2.4vw,28px);line-height:1.4;overflow-wrap:anywhere;-webkit-hyphens:manual;hyphens:manual}.industry-project-details{margin-top:18px;padding-left:20px;color:var(--muted);font-size:16px;line-height:1.7;overflow-wrap:anywhere}.industry-project-details li+li{margin-top:6px}.industry-project-details li::marker{color:var(--accent)}@media (max-width: 900px){.industry-projects{grid-template-columns:1fr}}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.tech-category{background:var(--surface);border:1px solid var(--border);padding:35px;transition:transform .35s,border-color .35s,box-shadow .35s}.tech-category:hover{transform:translateY(-8px);border-color:var(--accent-strong);box-shadow:0 15px 35px #8b1e2d2e}.tech-category h3{color:var(--accent);margin-bottom:30px;font-size:22px}.skills{display:flex;flex-wrap:wrap;gap:15px}.skill{padding:12px 20px;background:var(--raised);border:1px solid var(--border-strong);font-size:14px;transition:transform .25s,border-color .25s,color .25s,background .25s}.skill:hover{transform:translateY(-3px) scale(1.06);border-color:var(--accent);color:var(--text);background:var(--hover)}.skills-reveal .tech-category{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease,border-color .35s,box-shadow .35s}.skills-reveal.is-visible .tech-category{opacity:1;transform:translateY(0)}@media (min-width: 1101px){.tech-grid{gap:40px}.tech-category{padding:50px}.tech-category h3{font-size:26px;margin-bottom:35px}.skill{padding:15px 26px;font-size:16px}}.contact{text-align:center}.contact h2{font-size:60px}footer{border-top:1px solid var(--border);padding:40px;text-align:center;color:var(--subtle)}footer a{color:var(--subtle);text-decoration:underline}footer a:hover{color:var(--accent)}.footer-sep{color:var(--subtle)}.impressum{max-width:800px}.impressum-block{margin-top:30px}.impressum-block h3{color:var(--accent);font-size:18px;margin-bottom:12px}.impressum-block p{color:var(--muted);line-height:1.8}.impressum-block a{color:var(--muted)}.impressum-block a:hover{color:var(--accent)}@media (max-width:900px){h1{font-size:45px}.stats,.tech-grid{grid-template-columns:1fr}}@media (max-width: 1100px){section{padding:100px 7%}h1{font-size:clamp(52px,8vw,72px)}.title{font-size:clamp(40px,6vw,50px)}}@media (max-width: 900px){.hero{min-height:auto;padding-top:150px;padding-bottom:90px}.hero p{font-size:18px}.buttons{flex-wrap:wrap}.stats,.tech-grid,.projects{grid-template-columns:1fr}.project-body{flex-direction:column;align-items:flex-start}.project-image{width:110px;height:110px}.contact h2{font-size:clamp(38px,7vw,60px)}.tech-category h3{font-size:clamp(24px,6.5vw,28px);line-height:1.3;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.skills{gap:12px}.skill{max-width:100%;padding:14px 18px;font-size:17px;line-height:1.4;overflow-wrap:anywhere}}@media (max-width: 650px){.logo{font-size:20px;letter-spacing:2px}section{padding:80px 5%}.hero{padding-top:125px;padding-bottom:70px}h1{font-size:clamp(40px,12vw,58px)}.hero p{margin-top:25px;font-size:16px;line-height:1.6}.buttons{flex-direction:column;align-items:stretch}.btn{text-align:center;width:100%}.stats{margin-top:55px;gap:12px}.stat{padding:22px}.stat h2{font-size:32px}.title{font-size:36px;margin-bottom:40px}.project{padding:25px}.project h3{font-size:25px}.project p{font-size:15px;line-height:1.7}.project-image{width:90px;height:90px}.tags span{padding:7px 11px;margin:3px}.tech-category{padding:25px}.contact h2{font-size:36px;line-height:1.15}footer{padding:30px 20px;font-size:13px}}@media (max-width: 420px){.label{font-size:10px;letter-spacing:2px}h1{font-size:38px}.project{padding:20px}.project h3{font-size:22px}}@media (prefers-reduced-motion: reduce){.site-nav .nav-panel,.menu-icon span{transition:none}}@media (prefers-reduced-motion: reduce){.skills-reveal .tech-category{transition:none;opacity:1;transform:none}}