@font-face{font-family:Syne;src:url(/fonts/Syne-Variable.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Variable.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0d0b;--surface:#ffffff0b;--surface-strong:#ffffff14;--line:#ffffff1f;--fg:#f1eee8;--muted:#a8a193;--accent:#c49a60;--accent-2:#a67c45;--grad:linear-gradient(135deg, var(--accent), var(--accent-2));--font-head:"Syne", "Manrope", system-ui, sans-serif;--font-body:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--max:860px;--header-h:72px;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h);background:var(--bg)}body{color:var(--fg);font:400 17px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;background:0 0;margin:0}a{color:inherit;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.03em;margin:0 0 .6em;font-weight:600;line-height:1.05}h2{font-size:clamp(2.4rem,5vw,4rem)}h3{letter-spacing:-.01em;font-size:1.25rem}.muted{color:var(--muted)}.error{color:#ff8a7a}.bg{z-index:-2;background:var(--bg);position:fixed;inset:0;overflow:hidden}.bg img{object-fit:cover;will-change:transform;width:120%;height:120%;animation:90s ease-in-out infinite alternate drift;position:absolute;top:-10%;left:-10%}.bg:after{content:"";background:linear-gradient(#0e0d0bcc,#0e0d0bed);position:absolute;inset:0}.bg img.bg-color{opacity:0}@keyframes drift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(2%,2%)scale(1.08)}}.grain{z-index:100;pointer-events:none;opacity:.06;background-image:url(/images/grain.png);background-size:160px 160px;position:fixed;inset:-60px}.header{z-index:10;height:var(--header-h);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;padding:0 clamp(16px,5vw,76px);transition:background .4s,border-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}.header.scrolled{-webkit-backdrop-filter:blur(18px);border-bottom-color:var(--line);background:#0e0d0b8c}.brand{font-family:var(--font-head);white-space:nowrap;font-size:1.2rem;font-weight:700;text-decoration:none}.header nav{align-items:center;gap:1.8rem;font-size:.95rem;display:flex}.header nav a{color:#f1eee8c7;text-decoration:none;transition:color .2s}.header nav a:hover{color:#fff}.header nav a.active{color:var(--accent)}.header nav .link-btn{color:var(--fg);background:#ffffff0d;border:1px solid #f1eee847;border-radius:999px;padding:.45em 1.1em;text-decoration:none}.header nav .link-btn:hover{background:#ffffff1f}@media (width<=640px){.brand{display:none}.header{justify-content:center}.header nav{gap:.9rem;font-size:.88rem}}main.has-player{padding-bottom:120px}.hero{align-items:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;object-position:center 40%;filter:saturate(1.05)brightness(.82)contrast(1.05);width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.hero-shade{background:linear-gradient(90deg,#0e0d0bcc,#0e0d0b59 55%,#0e0d0b1a),linear-gradient(#0e0d0b80,#0000 25%,#0e0d0b99 85%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.hero-cols{pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#ffffff14 calc(25% - 1px) 25%);position:absolute;inset:0 clamp(20px,5vw,76px)}.hero-inner{z-index:2;width:100%;max-width:1600px;padding:calc(var(--header-h) + 2rem) clamp(20px, 5vw, 76px) clamp(40px, 9vh, 76px);flex-direction:column;align-items:flex-start;margin:0 auto;display:flex;position:relative}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:1.2rem;margin:0 0 1.4rem;font-size:.72rem;display:flex}.kicker-line{background:var(--accent);width:48px;height:2px;margin:0 0 1.4rem;display:block}.kicker:before{content:"";background:var(--accent);width:48px;height:1px}.hero h1{letter-spacing:-.04em;text-wrap:balance;max-width:11em;margin:0;padding-bottom:.1em;font-size:clamp(3.2rem,9.6vw,9rem);line-height:.95}.hero .aka{font-family:var(--font-head);color:var(--accent);letter-spacing:.01em;margin:.6rem 0 1.6rem;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:500}.hero-row{border-top:1px solid #ffffff47;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem 3rem;width:100%;padding-top:1.3rem;display:flex}.hero .quote{color:#eee6d8;max-width:22em;margin:0;font-size:clamp(1.1rem,1.8vw,1.3rem);line-height:1.4}.tags{flex-wrap:wrap;max-width:56rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.tags li{color:#d8d0c0;font-size:.82rem}.tags li:not(:last-child):after{content:"/";color:var(--accent);margin:0 .7rem}.hero .btn{color:var(--accent);border:1px solid var(--accent);background:#0e0d0b4d;border-radius:2px;padding:.9em 1.7em}.hero .btn:hover{background:var(--accent);color:#14100a;filter:none}@media (width<=640px){.hero-cols{display:none}}.section{max-width:calc(var(--max) + 48px);margin:0 auto;padding:clamp(72px,12vw,130px) 24px;position:relative}.section+.section:before{content:"";background:linear-gradient(90deg, var(--accent) 0 64px, var(--line) 64px);height:1px;position:absolute;top:0;left:24px;right:24px}.btn{background:var(--grad);color:#14100a;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.85em 1.9em;font-weight:700;text-decoration:none;transition:filter .2s,transform .2s;display:inline-block}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:default}.link-btn{font:inherit;color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0}.link-btn:hover{color:var(--fg)}button:focus-visible,a:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cover{isolation:isolate;background:linear-gradient(135deg,#4a3a26,#1d1812);border-radius:16px;flex:none;width:56px;height:56px;position:relative;overflow:hidden}.cover img{object-fit:cover;filter:saturate(1.2);width:100%;height:100%;position:absolute;inset:0}.cover:after{content:"";background:linear-gradient(135deg,#c49a6061,#3c32281f);position:absolute;inset:0}.cover.large{border-radius:22px;width:120px;height:120px}.track-group{margin-top:2.6rem}.track-group:first-of-type{margin-top:0}.group-head{border-bottom:1px solid #ffffff47;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem;padding-bottom:.7rem;display:flex}.group-head h3{margin:0;font-size:1.5rem}.group-meta{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.78rem}.group-desc{flex-basis:100%;margin:.3rem 0 0;font-size:.9rem}.tracks{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tracks li{border-bottom:1px solid var(--line);border-radius:14px;align-items:center;gap:.9rem;padding:.35rem .7rem;transition:background .2s;display:flex}.tracks li:last-child{border-bottom-color:#0000}.tracks li:hover,.tracks li:focus-within,.tracks li.is-open{background:#ffffff0f;border-bottom-color:#0000}.tracks li.is-current{background:#c49a6024;border-bottom-color:#0000}.tracks li.is-current .track-title{color:var(--accent)}.play{width:36px;height:36px;color:var(--fg);cursor:pointer;background:0 0;border:1.5px solid #f1eee873;border-radius:50%;flex:none;place-items:center;transition:background .2s,color .2s,border-color .2s;display:grid}.play svg{width:14px;height:14px}.play:hover,.is-current .play{background:var(--grad);color:#14100a;border-color:#0000}.track-info{flex-direction:column;flex:1;min-width:0;display:flex}.track-title{font-family:var(--font-head);letter-spacing:-.01em;font-size:1.05rem;font-weight:600;line-height:1.25}.track-year{font-size:.85rem}.track-extra{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.track-extra>div{flex-direction:column;gap:.25rem;min-height:0;display:flex;overflow:hidden}.track-desc{color:#cfc8ba;padding-top:.25rem;font-size:.92rem;line-height:1.45}.track-meta{color:var(--muted);flex-wrap:wrap;gap:.2rem .7rem;padding-bottom:.15rem;font-size:.8rem;display:flex}.track-meta .tag{color:var(--accent)}.tracks li:hover .track-extra,.tracks li:focus-within .track-extra,.tracks li.is-open .track-extra,.tracks li.is-current .track-extra{grid-template-rows:1fr}.tracks li:hover .track-extra{transition-delay:.1s}.tracks .cover{border-radius:10px;width:44px;height:44px;transition:width .22s,height .22s,border-radius .22s}.tracks li:hover .cover,.tracks li:focus-within .cover,.tracks li.is-open .cover,.tracks li.is-current .cover{border-radius:16px;width:96px;height:96px}.tracks li:hover .cover{transition-delay:.1s}.private{margin-top:3.5rem}.private h3{margin-bottom:1rem}.upload{margin-bottom:1.8rem}.dropzone{border:1px dashed var(--line);text-align:center;border-radius:16px;justify-items:center;gap:.3rem;padding:1.6rem 1rem;transition:border-color .2s,background .2s;display:grid}.dropzone.is-over{border-color:var(--accent);background:#c49a6014}.dropzone p{margin:0}.upload-list{gap:.25rem;margin:.8rem 0 0;padding:0;font-size:.92rem;list-style:none;display:grid}.upload-list li{justify-content:space-between;gap:1rem;display:flex}.upload-list .up-fehler span:last-child{color:#ff8a7a}.upload-list .up-fertig span:last-child{color:var(--accent)}.guest-links{margin-bottom:2rem}.guest-links h4{margin:0 0 .7rem;font-size:1rem}.guest-form{flex-wrap:wrap;gap:.6rem;display:flex}.guest-form input{min-width:0;color:var(--fg);border:1px solid var(--line);font:inherit;background:#ffffff0a;border-radius:999px;flex:200px;padding:.7em 1.1em}.guest-form input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guest-msg{margin:.6rem 0 0;font-size:.92rem}.guest-list{gap:.1rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.guest-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.45rem 0;display:flex}.guest-list li.is-revoked>span:first-child{opacity:.6;text-decoration:line-through}.guest-actions{flex-wrap:wrap;gap:1rem;font-size:.92rem;display:flex}.like{min-height:36px;color:var(--muted);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:0 .55rem;font-size:.85rem;transition:color .2s,background .2s;display:inline-flex}.like:hover{color:var(--fg);background:#ffffff0f}.like.is-liked{color:var(--accent)}.plays{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:.3rem;font-size:.8rem;display:inline-flex}.plays svg{width:10px;height:10px}.stats-note{margin:-.2rem 0 1.4rem;font-size:.85rem}@media (width<=520px){.tracks li{gap:.6rem;padding:.35rem .4rem}.tracks li:hover .cover,.tracks li:focus-within .cover,.tracks li.is-open .cover,.tracks li.is-current .cover{width:72px;height:72px}}.filters{gap:.6rem;margin-bottom:1.6rem;display:grid}.chip-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.chip{font:inherit;cursor:pointer;background:var(--surface);color:#d9d5df;border:1px solid #ffffff2e;border-radius:999px;padding:.35em 1em;font-size:.85rem;transition:background .2s,color .2s,border-color .2s}.chip:hover{color:#fff;border-color:#fff6}.more-chip{border-style:dashed}.chip[aria-pressed=true]{background:var(--grad);color:#14100a;border-color:#0000;font-weight:600}.projects{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.projects li{background:var(--surface);border:1px solid var(--line);border-radius:28px;align-items:center;gap:1.5rem;padding:1rem;display:grid}.project-img{aspect-ratio:4/3;border-radius:20px;display:block;position:relative;overflow:hidden}.project-img img{object-fit:cover;filter:saturate(1.2);width:100%;height:100%;display:block}.project-img:after{content:"";pointer-events:none;background:linear-gradient(135deg,#c49a6059,#3c32281a);position:absolute;inset:0}.project-body{padding:.25rem .5rem .5rem}.project-kicker{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .5rem;font-size:.85rem}.projects h3{margin:0 0 .7rem;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.1}.projects p.project-text{max-width:36em;margin:0;font-size:1.1rem;line-height:1.6}.projects .project-details{margin:.9rem 0 0;font-size:.9rem;line-height:1.5}.project-link{color:var(--accent);border-bottom:1px solid #0000;margin-top:1.1rem;font-weight:600;text-decoration:none;transition:border-color .2s;display:inline-block}.project-link:hover{border-color:var(--accent)}@media (width>=820px){.projects li{grid-template-columns:minmax(260px,5fr) 7fr;gap:2.2rem;padding:1.1rem 2rem 1.1rem 1.1rem}.projects li:nth-child(2n){grid-template-columns:7fr minmax(260px,5fr);padding:1.1rem 1.1rem 1.1rem 2rem}.projects li:nth-child(2n) .project-img{order:2}.projects li.no-img{grid-template-columns:1fr;padding:1.6rem 2rem}}.about{align-items:center;gap:2.5rem;display:grid}.about .portrait-wrap{aspect-ratio:4/5;border:1px solid var(--line);border-radius:28px;width:100%;max-width:340px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #c49a6059}.about .portrait{object-fit:cover;filter:saturate(1.2);width:100%;height:100%;display:block}.about .portrait-wrap:after{content:"";pointer-events:none;background:linear-gradient(135deg,#c49a6059,#3c32281a);position:absolute;inset:0}.about-text p{max-width:38em;line-height:1.7}@media (width>=820px){.about{grid-template-columns:minmax(240px,340px) 1fr;gap:4rem}}.contact-form .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-form{gap:1rem;max-width:40rem;margin-top:1.5rem;display:grid}.contact-form label{color:var(--muted);gap:.4rem;font-size:.85rem;display:grid}.contact-form input,.contact-form textarea{font:inherit;color:var(--text);resize:vertical;background:var(--surface);border:1px solid var(--line);border-radius:16px;width:100%;padding:.8rem 1rem;font-size:1rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #c49a6047}.form-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1.5rem;margin-bottom:1.5rem;display:flex}.section-head h2{margin:0}.soundcloud-link{border:1px solid var(--accent);color:var(--accent);white-space:nowrap;border-radius:999px;padding:.55em 1.2em;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .3s,color .3s;display:inline-block}.soundcloud-link:hover,.soundcloud-link:focus-visible{background:var(--accent);color:#14100a}@media (width>=640px){.contact-form{grid-template-columns:1fr 1fr}.contact-form .full{grid-column:1/-1}}.inline-links{gap:1.2rem;padding:0;list-style:none;display:flex}.footer{flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-top:5rem;font-size:.85rem;display:flex}.footer-links{gap:1.2rem;display:inline-flex}.footer-links a{color:inherit}.footer-links a:hover{color:var(--fg)}.player{z-index:20;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(28px);background:#0e0c16b8;grid-template-columns:1fr auto 1.6fr;align-items:center;gap:1rem;padding:.8rem clamp(12px,3vw,40px);display:grid;position:fixed;bottom:0;left:0;right:0}.player-title{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.player-title strong{font-family:var(--font-head);font-weight:600}.player-controls{align-items:center;gap:.6rem;display:flex}.player-controls button{color:var(--fg);cursor:pointer;background:0 0;border:0;place-items:center;padding:.5rem;display:grid}.player-controls button:disabled{opacity:.3;cursor:default}.player-controls .mute{color:var(--muted);border-radius:999px;gap:.4rem}.player-controls .mute:hover{color:var(--fg)}.player-controls .mute.is-muted{color:var(--accent);border:1px solid var(--accent);padding:.4rem .8rem;animation:2.4s ease-in-out infinite pulse}.mute-label{letter-spacing:.02em;font-size:.8rem;font-weight:600}@keyframes pulse{0%,to{box-shadow:0 0 #c49a6059}50%{box-shadow:0 0 0 8px #c49a6000}}@media (prefers-reduced-motion:reduce){.player-controls .mute.is-muted{animation:none}}.player-controls .main{background:var(--grad);color:#14100a;border-radius:50%;width:48px;height:48px;padding:0}.player-seek{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:.7rem;font-size:.8rem;display:flex}.waveform{cursor:pointer;touch-action:none;flex:1;min-width:0;height:40px;position:relative}.waveform.loading{opacity:.5}.wf-base,.wf-progress{position:absolute;inset:0}.wf-base svg,.wf-progress svg{width:100%;height:100%;display:block}.wf-base rect{fill:#f1eee838}.wf-progress rect{fill:var(--accent)}@media (width<=640px){.player{grid-template-columns:1fr auto}.player-seek{grid-column:1/-1}}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05040a99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#14121c;border-radius:24px;gap:1rem;width:100%;max-width:380px;padding:1.8rem;display:grid}.modal h3{margin:0}.modal label{color:var(--muted);gap:.3rem;font-size:.9rem;display:grid}.modal input{font:inherit;border:1px solid var(--line);color:var(--fg);background:#ffffff0a;border-radius:12px;padding:.7em .9em}.modal-actions{justify-content:flex-end;align-items:center;gap:1rem;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bg img{animation:none}}@media (width<=768px){.bg img{animation:none}}