:root{--surface:#050505f2;--panel:#0006;--body:#050505;--text:#e5d9c2;--line:#ffffff26;--control-border:#c9a96e80;--header-h:128px;--radio-h:44px}
body{background:var(--body);color:var(--text)}.header-inner{gap:20px}.actions{gap:8px;flex-shrink:0}.language-control,.theme-control{position:relative}.pill{height:36px;min-width:67px;padding:0 13px;border:1px solid var(--control-border);border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--gold);font:500 12px 'Inter',sans-serif;letter-spacing:.05em;cursor:pointer}.pill:hover,.pill[aria-expanded=true]{background:#c9a96e1a}.flag{width:20px;height:14px;object-fit:cover;border-radius:2px;flex-shrink:0}.theme-trigger{min-width:38px;width:38px;padding:0}.theme-trigger svg{width:17px;height:17px}.control-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:70;padding:5px;min-width:89px;background:var(--surface);border:1px solid var(--control-border);border-radius:18px;box-shadow:0 12px 35px #0005;backdrop-filter:blur(16px)}.control-menu button{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:12px;background:transparent;color:var(--text);padding:10px 12px;font:13px 'Inter',sans-serif;text-align:left;white-space:nowrap}.control-menu button:hover,.control-menu button:focus-visible{background:#c9a96e24}.control-menu button[aria-checked=true]{background:#c9a96e1a;color:var(--gold)}.control-menu button[aria-checked=true]:after{content:'✓';margin-left:auto;padding-left:10px;font-size:12px}.theme-menu{min-width:185px}.theme-menu svg{width:16px;height:16px;flex-shrink:0}.radio-bar{position:sticky;top:var(--header-h);z-index:40;width:100%;border-bottom:1px solid var(--line);background:var(--surface);backdrop-filter:blur(12px)}.radio-inner{max-width:1400px;margin:auto;padding:0 16px;min-height:var(--radio-h);display:flex;align-items:center;gap:12px}.radio-toggle{width:28px;height:28px;border:1px solid var(--control-border);border-radius:50%;background:transparent;color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:5px}.radio-toggle:hover{background:#c9a96e1a}.radio-toggle svg{width:12px;height:12px;fill:currentColor}.radio-caption{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.radio-label{font:12px 'Playfair Display',serif;letter-spacing:.15em;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-label strong{color:var(--gold);font-weight:600}.radio-status{font:11px 'Inter',sans-serif;color:var(--muted);max-width:360px}.radio-volume{display:flex;gap:7px;align-items:center;margin-left:auto;color:var(--gold)}.radio-volume svg{width:15px;height:15px}.radio-volume input{width:72px;height:18px;accent-color:var(--gold);cursor:pointer}.equalizer{height:18px;display:flex;align-items:center;gap:3px;flex-shrink:0}.equalizer i{width:3px;height:10px;background:var(--gold);border-radius:3px;animation:radioPulse .9s infinite alternate}.equalizer i:nth-child(2){height:14px;animation-delay:.18s}.equalizer i:nth-child(3){height:18px;animation-delay:.36s}.equalizer i:nth-child(4){animation-delay:.54s}.radio-bar[data-state=loading] .radio-toggle svg,.radio-bar[data-state=buffering] .radio-toggle svg{animation:radioSpin 1s linear infinite;fill:none}.hero{min-height:calc(100dvh - var(--header-h) - var(--radio-h))}.sub{min-height:calc(100dvh - var(--header-h) - var(--radio-h))}header,footer{background:var(--surface)}.nav{background:transparent}header{border-color:var(--line)}footer{border-color:var(--line)}html{scroll-padding-top:180px}.back{background:var(--surface)}
html[data-theme=light]{--body:#f8f6f1;--text:#28251f;--surface:#faf8f3f5;--panel:#ffffffd9;--line:#54402426;--control-border:#8b652b80;--gold:#865d20;--muted:#71572f;color-scheme:light}html[data-theme=light] .sub:after{background:#faf8f3c9}html[data-theme=light] .about,html[data-theme=light] .card{background:var(--panel);border-color:var(--line)}html[data-theme=light] .copy,html[data-theme=light] .card p{color:#38342e}html[data-theme=light] .notice,html[data-theme=light] .sample-label,html[data-theme=light] .empty{color:#71572f}html[data-theme=light] .heading-rule,html[data-theme=light] .rule{background:#865d2080}html[data-theme=light] .menu-toggle{color:#38342e}html[data-theme=light] footer .license{color:#685a42}html[data-theme=light] .contact-intro h2{color:#3f392f}html[data-theme=light] .contact-intro>p,html[data-theme=light] .contact-preview{color:#635b4e}html[data-theme=light] .contact-item{background:#ffffffb3;border-color:var(--line)}html[data-theme=light] .contact-item:hover{background:#ffffffed;border-color:var(--control-border)}html[data-theme=light] .contact-value{color:#51483a}html[data-theme=light] .contact-form input,html[data-theme=light] .contact-form textarea{background:#ffffffcf;border-color:#65563f66;color:#26221b}html[data-theme=light] .contact-form input::placeholder,html[data-theme=light] .contact-form textarea::placeholder{color:#71695e}html[data-theme=light] .form-status{color:#76551f}html[data-theme=light] .hero{--gold:#dfbc79;--muted:#c9ad7c;color:#e5d9c2}html[data-theme=light] .hero-copy{color:#e5d9c2}html[data-theme=light] .portrait{border-color:#865d2099}
@keyframes radioPulse{to{transform:scaleY(.35)}}@keyframes radioSpin{to{transform:rotate(360deg)}}
@media(max-width:1250px) and (min-width:768px){.header-inner{gap:14px}.logo img{max-width:210px}.nav{gap:16px}.nav a{font-size:12px;letter-spacing:.06em}}
@media(max-width:1050px) and (min-width:768px){.header-inner{gap:12px}.logo img{max-width:160px}.nav{gap:12px}.nav a{font-size:11px;letter-spacing:.02em}.pill{padding:0 10px;min-width:62px}.theme-trigger{width:34px;min-width:34px}.actions{gap:5px}}
@media(max-width:767px){.nav{background:var(--surface)}.radio-status{max-width:180px;font-size:10px}.radio-inner{gap:9px}.radio-label{letter-spacing:.06em}.logo img{max-width:220px}.radio-volume input{width:58px}.theme-menu{min-width:170px}}
@media(max-width:450px){.logo img{max-width:175px}.header-inner{gap:6px;padding:0 12px}.actions{gap:4px}.pill{min-width:61px;padding:0 10px}.theme-trigger{width:34px;min-width:34px;padding:0}.menu-toggle{width:30px}.radio-inner{gap:8px;padding:0 12px}.radio-label{font-size:11px;letter-spacing:.02em}.radio-volume input{width:48px}.radio-status{max-width:90px}.radio-volume{gap:3px}}
@media(max-width:360px){.logo img{max-width:149px}.header-inner{gap:4px}.actions{gap:3px}.radio-volume{display:none}}
@media(min-width:768px){#kontakt{min-height:calc(100dvh - var(--header-h) - var(--radio-h))}}
@media(prefers-reduced-motion:reduce){.equalizer i,.radio-toggle svg{animation:none!important}}

footer .license-link:hover,footer .license-link:focus-visible{color:var(--gold);text-decoration:underline} .back{bottom:24px}

.portrait-frame{width:224px;height:224px;flex-shrink:0;overflow:hidden;border-radius:50%;border:2px solid #c9a96e99;background:#000}.portrait-frame .portrait{display:block;width:100%;height:100%;border:0;border-radius:0;object-fit:cover;object-position:50% 23%;transform:scale(1.2);transform-origin:50% 0}html[data-theme=light] .portrait-frame{border-color:#865d2099}@media(max-width:767px){.portrait-frame{width:192px;height:192px}}
.portrait.portrait--cropped{object-position:center;transform:none}
html[data-theme=light] .hero{
  --gold:#865d20;
  --muted:#71572f;
  background:
    linear-gradient(to bottom,#f8f6f1 0%,transparent 16%,transparent 83%,#f8f6f1 100%),
    linear-gradient(90deg,#f8f6f145 0%,#f8f6f18c 48%,#f8f6f1f2 86%),
    url('assets/home.png') 35% center/cover;
}
html[data-theme=light] .hero-copy,
html[data-theme=light] .hero h1{color:#28251f}
html[data-theme=light] .hero .eyebrow{color:var(--muted)}
html[data-theme=light] .hero .cta{background:#faf8f3dc}
html[data-theme=light] .sub:before{opacity:.55;filter:brightness(1.2) saturate(.8)}
html[data-theme=light] .sub:after{
  background:linear-gradient(to bottom,#f8f6f1 0%,#f8f6f1a8 20%,#f8f6f1a8 76%,#f8f6f1 100%);
}
@media(max-width:767px){
  html[data-theme=light] .hero-copy{background:#f8f6f1e8}
}
/* Category covers in the light theme. */
html[data-theme=light] :is(#galeria,#software) .tile{
  background:#f8f6f1;
}
html[data-theme=light] :is(#galeria,#software) .tile img{
  opacity:.75;
  filter:brightness(1.2) saturate(.85);
}
html[data-theme=light] :is(#galeria,#software) .tile::after{
  background:#f8f6f19e;
}
html[data-theme=light] :is(#galeria,#software) .tile:hover::after{
  background:#f8f6f18c;
}
html[data-theme=light] :is(#galeria,#software) .tile :is(h2,.group-label p){
  color:#000;
  text-shadow:none;
}
html[data-theme=light] .hero .cta,
html[data-theme=light] :is(#galeria,#software) .tile{
  border:3px solid #302820;
}