:root{--bg: #0a0a0f;--bg2: #111118;--bg3: #16161f;--surface: #1c1c28;--surface2: #222233;--accent: #e8d5a3;--accent2: #a3c4e8;--accent3: #c4a3e8;--text: #f0ece0;--text2: #a09880;--text3: #6a6450;--border: rgba(232, 213, 163, .12);--border2: rgba(232, 213, 163, .06);--sans: "Instrument Sans", sans-serif;--serif: "DM Serif Display", serif;--mono: "DM Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(232,213,163,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(232,213,163,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;border-bottom:1px solid var(--border2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fcc}.nav-logo{font-family:var(--mono);font-size:.85rem;font-weight:400;color:var(--accent);letter-spacing:.08em;text-decoration:none}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{font-family:var(--mono);font-size:.75rem;font-weight:300;color:var(--text3);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:color .3s}.nav-links a:hover{color:var(--accent)}.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;padding:0 3rem 5rem;z-index:1;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hero-circle{position:absolute;width:700px;height:700px;right:-150px;top:50%;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(232,213,163,.08);animation:rotateSlow 30s linear infinite}.hero-circle:before{content:"";position:absolute;top:40px;right:40px;bottom:40px;left:40px;border-radius:50%;border:1px solid rgba(163,196,232,.06);animation:rotateSlow 20s linear infinite reverse}.hero-circle:after{content:"";position:absolute;top:100px;right:100px;bottom:100px;left:100px;border-radius:50%;border:1px solid rgba(196,163,232,.08);animation:rotateSlow 15s linear infinite}@keyframes rotateSlow{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.hero-glow{position:absolute;width:500px;height:500px;right:50px;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(232,213,163,.04) 0%,transparent 70%);pointer-events:none}.hero-content{max-width:900px;animation:fadeUp 1s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-eyebrow{font-family:var(--mono);font-size:.75rem;font-weight:400;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.hero-eyebrow:before{content:"";display:inline-block;width:40px;height:1px;background:var(--accent);opacity:.5}h1{font-family:var(--serif);font-size:clamp(3.5rem,7vw,6.5rem);font-weight:400;line-height:1.05;color:var(--text);margin-bottom:1.5rem}h1 em{font-style:italic;color:var(--accent)}.hero-sub{font-size:1.1rem;font-weight:300;color:var(--text2);max-width:550px;line-height:1.8;margin-bottom:3rem}.hero-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:3rem}.tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:.4rem 1rem;border:1px solid var(--border);color:var(--text3);border-radius:100px;transition:all .3s}.tag:hover{border-color:#e8d5a34d;color:var(--accent)}.tag.active{border-color:var(--accent);color:var(--accent);background:#e8d5a30d}.hero-cta{display:flex;gap:1rem;align-items:center}.btn-primary{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.9rem 2rem;background:var(--accent);color:var(--bg);border:none;cursor:pointer;text-decoration:none;transition:all .3s;font-weight:500}.btn-primary:hover{background:var(--text);transform:translateY(-2px)}.btn-ghost{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.9rem 2rem;background:transparent;color:var(--text2);border:1px solid var(--border);cursor:pointer;text-decoration:none;transition:all .3s}.btn-ghost:hover{border-color:#e8d5a34d;color:var(--accent)}.stats-bar{position:relative;z-index:1;border-top:1px solid var(--border2);border-bottom:1px solid var(--border2);background:var(--bg2);display:grid;grid-template-columns:repeat(4,1fr)}.stat-item{padding:2.5rem 3rem;border-right:1px solid var(--border2);position:relative;overflow:hidden;transition:background .3s}.stat-item:last-child{border-right:none}.stat-item:hover{background:var(--bg3)}.stat-number{font-family:var(--serif);font-size:3.5rem;font-weight:400;color:var(--accent);line-height:1;margin-bottom:.3rem;display:block}.stat-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text3)}section{position:relative;z-index:1}.section-inner{max-width:1200px;margin:0 auto;padding:8rem 3rem}.section-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.section-label:before{content:"";width:30px;height:1px;background:var(--accent);opacity:.5}h2{font-family:var(--serif);font-size:clamp(2.2rem,4vw,3.5rem);font-weight:400;line-height:1.15;color:var(--text);margin-bottom:1rem}h2 em{font-style:italic;color:var(--accent)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start;margin-top:5rem}.about-text p{color:var(--text2);font-size:1.05rem;line-height:1.9;margin-bottom:1.5rem}.about-text p strong{color:var(--accent);font-weight:400}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:grid;grid-template-columns:80px 1fr;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--border2);position:relative}.timeline-item:last-child{border-bottom:none}.timeline-year{font-family:var(--mono);font-size:.7rem;color:var(--text3);letter-spacing:.1em;padding-top:.2rem}.timeline-content strong{display:block;font-size:.9rem;font-weight:500;color:var(--text);margin-bottom:.2rem}.timeline-content span{font-size:.85rem;color:var(--text3);font-family:var(--mono)}#services{background:var(--bg2)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border2);border:1px solid var(--border2);margin-top:4rem}.service-card{background:var(--bg2);padding:2.5rem;position:relative;overflow:hidden;transition:background .4s;cursor:default}.service-card:hover{background:var(--bg3)}.service-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s}.service-card:hover:before{transform:scaleX(1)}.service-icon{font-family:var(--mono);font-size:1.5rem;color:var(--accent);margin-bottom:1.5rem;opacity:.7}.service-card h3{font-family:var(--serif);font-size:1.35rem;font-weight:400;color:var(--text);margin-bottom:.75rem}.service-card p{font-size:.9rem;color:var(--text3);line-height:1.8}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:4rem}.work-card{background:var(--surface);border:1px solid var(--border2);padding:2rem 2.5rem;display:flex;align-items:center;gap:2rem;transition:all .3s;position:relative;overflow:hidden}.work-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(232,213,163,.03) 0%,transparent 60%);pointer-events:none}.work-card:hover{border-color:#e8d5a333;background:var(--surface2);transform:translateY(-2px)}.work-num{font-family:var(--serif);font-size:3rem;font-weight:400;color:var(--accent);line-height:1;min-width:70px}.work-desc strong{display:block;font-size:.95rem;font-weight:500;color:var(--text);margin-bottom:.2rem}.work-desc span{font-size:.8rem;color:var(--text3);font-family:var(--mono);letter-spacing:.05em}#clients{background:var(--bg2)}.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border2);border:1px solid var(--border2);margin-top:4rem}.client-item{background:var(--bg2);padding:2rem;display:flex;flex-direction:column;justify-content:center;transition:background .3s}.client-item:hover{background:var(--bg3)}.client-name{font-family:var(--mono);font-size:.85rem;font-weight:400;color:var(--text2);letter-spacing:.05em;margin-bottom:.3rem;transition:color .3s}.client-item:hover .client-name{color:var(--accent)}.client-type{font-size:.75rem;color:var(--text3);font-family:var(--mono);letter-spacing:.08em}.projects-list{margin-top:4rem;display:flex;flex-direction:column;gap:0}.project-item{display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:3rem;padding:2rem 0;border-bottom:1px solid var(--border2);transition:all .3s;cursor:default}.project-item:first-child{border-top:1px solid var(--border2)}.project-item:hover{padding-left:1rem;padding-right:1rem;background:#e8d5a305;border-radius:4px}.project-period{font-family:var(--mono);font-size:.7rem;color:var(--text3);letter-spacing:.1em}.project-info strong{display:block;font-size:1rem;font-weight:400;color:var(--text);margin-bottom:.3rem;font-family:var(--serif)}.project-info p{font-size:.85rem;color:var(--text3)}.project-tag{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .85rem;border:1px solid var(--border);color:var(--text3);border-radius:100px;white-space:nowrap}#ki{background:var(--bg3);position:relative;overflow:hidden}#ki:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(196,163,232,.04) 0%,transparent 70%);pointer-events:none}.ki-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:5rem}.ki-text p{color:var(--text2);font-size:1rem;line-height:1.9;margin-bottom:1.5rem}.ki-skills{display:flex;flex-direction:column;gap:1rem}.ki-skill-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1.5rem 2rem;background:var(--surface);border:1px solid var(--border2);border-left:2px solid var(--accent3);transition:all .3s}.ki-skill-item:hover{background:var(--surface2);border-left-color:var(--accent)}.ki-skill-item strong{font-size:.9rem;font-weight:500;color:var(--text);display:block;margin-bottom:.2rem}.ki-skill-item span{font-size:.8rem;color:var(--text3);font-family:var(--mono)}.ki-badge{font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .7rem;background:#c4a3e81a;color:var(--accent3);border-radius:100px;white-space:nowrap}#kontakt{border-top:1px solid var(--border2)}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}.contact-text h2{margin-bottom:1.5rem}.contact-text p{color:var(--text2);font-size:1rem;line-height:1.9;margin-bottom:2rem}.contact-detail{display:flex;flex-direction:column;gap:1rem;margin-top:2.5rem}.contact-detail-item{display:flex;gap:1rem;align-items:flex-start}.contact-detail-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text3);min-width:80px;padding-top:.1rem}.contact-detail-value{font-size:.9rem;color:var(--text)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text3);margin-bottom:.6rem}.form-group input,.form-group textarea{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:1rem 1.2rem;font-family:var(--sans);font-size:.9rem;font-weight:300;outline:none;transition:border-color .3s;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#e8d5a366}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text3);opacity:.6}.form-group textarea{min-height:120px}footer{position:relative;z-index:1;border-top:1px solid var(--border2);padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;background:var(--bg)}.footer-copy{font-family:var(--mono);font-size:.7rem;color:var(--text3);letter-spacing:.1em}.footer-links{display:flex;gap:2rem;list-style:none}.footer-links a{font-family:var(--mono);font-size:.7rem;color:var(--text3);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:color .3s}.footer-links a:hover{color:var(--accent)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}.fade-in{opacity:0;transform:translateY(20px);animation:fadeUp .8s ease forwards}.fade-in:nth-child(1){animation-delay:.1s}.fade-in:nth-child(2){animation-delay:.2s}.fade-in:nth-child(3){animation-delay:.3s}.fade-in:nth-child(4){animation-delay:.4s}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:0}@media (max-width: 900px){nav{padding:1rem 1.5rem}.nav-links{display:none}.hero{padding:6rem 1.5rem 4rem}.stats-bar{grid-template-columns:repeat(2,1fr)}.section-inner{padding:5rem 1.5rem}.about-grid{grid-template-columns:1fr;gap:3rem}.services-grid,.work-grid{grid-template-columns:1fr}.clients-grid{grid-template-columns:repeat(2,1fr)}.project-item{grid-template-columns:1fr;gap:.5rem}.ki-grid{grid-template-columns:1fr}.contact-inner{grid-template-columns:1fr;gap:3rem}footer{flex-direction:column;gap:1rem;text-align:center}}