:root{color-scheme:dark;--gold:#ffbd4a;--bg:#050506;--text:#f2f1ef}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,Arial,sans-serif}.top{padding:38px max(25px,calc((100vw - 1280px)/2));background:linear-gradient(110deg,#22211f,#050506);border-bottom:1px solid #383027}.brand{font-size:clamp(2rem,5.5vw,4.4rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--gold)}.top p{font-size:.77rem;letter-spacing:.15em;color:#c2b9a7;text-transform:uppercase}.layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:170px minmax(0,1fr);gap:35px;padding:30px 25px 100px}nav{display:flex;flex-direction:column;gap:9px;align-self:start;position:sticky;top:25px}nav a{color:var(--gold);text-decoration:none;font-weight:650;font-size:1.06rem}nav a:hover,nav a:focus-visible,nav a.active{color:#fff;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}main{min-width:0}.carousel{border:1px solid #36312a;background:#0b0d11;border-radius:12px;overflow:hidden}.viewport{overflow:hidden}.track{display:flex;transition:transform 1.5s cubic-bezier(.22,.65,.25,1)}.slide{flex:0 0 100%;min-width:0}.slide-inner{position:relative;min-height:530px;padding:28px 34px 35px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.kicker{font-size:.73rem;letter-spacing:.18em;color:var(--gold);font-weight:700;position:relative;z-index:2}.art{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 42%,#17375d 0,transparent 55%),linear-gradient(130deg,#0b0e16,#151a23 60%,#08090c)}.art-1{background:radial-gradient(ellipse at 70% 45%,#563018,transparent 58%),linear-gradient(120deg,#0c1018,#121319)}.art-2{background:radial-gradient(ellipse at 70% 45%,#214a43,transparent 55%),linear-gradient(120deg,#0a0d13,#13161b)}.art-3{background:radial-gradient(ellipse at 70% 45%,#443258,transparent 55%),linear-gradient(120deg,#0a0d13,#13161b)}.ring{position:absolute;width:320px;height:320px;border:2px solid #ffffff24;border-radius:50%;right:10%;top:12%;box-shadow:0 0 0 38px #ffffff06,0 0 0 85px #ffffff04}.dial{position:absolute;width:125px;height:125px;border:17px solid #171c24;border-radius:50%;right:calc(10% + 98px);top:calc(12% + 98px);background:conic-gradient(from 40deg,#a5b8c8,#293d57,#b3c3cf);box-shadow:0 0 35px #000}.wave{position:absolute;top:48%;left:-8%;width:120%;height:70px;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 13px,#f5c46a 14px 16px,transparent 17px 28px);transform:skewY(-8deg)}.slide-copy{position:relative;z-index:2;max-width:580px;background:linear-gradient(90deg,#07090ce8,#07090c50,transparent);padding:20px 22px;border-left:3px solid var(--gold)}h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.1;margin:0 0 15px;color:var(--gold)}.slide-copy p{font-size:1.12rem;max-width:490px}.hint{font-size:.82rem;color:#aab2be}.controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:14px;background:#0b0b0d;border-top:1px solid #34312e}.controls button{border:1px solid #695631;background:#1c1b1a;color:var(--gold);border-radius:7px;cursor:pointer;padding:4px 16px;font-size:1.4rem}.controls button:hover,.controls button:focus-visible{background:#393023}.controls #pause{font-size:.84rem;padding:11px 12px}.controls #counter{font-variant-numeric:tabular-nums;color:#ddd}.dots{display:flex;gap:7px;justify-content:center;padding:0 0 17px}.dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#595958;cursor:pointer}.dots button.active{background:var(--gold)}.intro{color:#aeb0b4;font-size:.9rem;margin:20px 4px}footer{border-top:1px solid #2b2927;display:flex;justify-content:space-between;gap:15px;padding:20px max(25px,calc((100vw - 1280px)/2));color:#aaa;font-size:.84rem}footer span:last-child{display:flex;gap:20px}footer a{color:var(--gold);text-decoration:none}@media(max-width:700px){.layout{grid-template-columns:1fr;gap:20px;padding:22px 16px 55px}nav{position:static;gap:9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}nav a{font-size:.85rem}.top{padding:30px 18px}.slide-inner{min-height:440px;padding:22px 18px}.ring{right:-130px}.dial{right:-32px}.slide-copy{padding:15px}.controls{gap:10px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){.track{transition:none}}
.art-performance{background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 55%),url("images/performance.jpg") center center/cover no-repeat;}

.slide{cursor:pointer}.slide:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.subpanel{border:1px solid #463a27;background:#0b0d11;border-radius:12px;overflow:hidden;min-height:600px}.subpanel[hidden],.carousel[hidden]{display:none}.subtop{padding:18px 22px;display:flex;align-items:center;gap:25px;border-bottom:1px solid #3b3329}.subtop h2{margin:0;color:var(--gold)}.subtop button,.subcontrols button{cursor:pointer;color:var(--gold);background:#201c18;border:1px solid #77603a;border-radius:6px;padding:9px 14px}.subviewport{overflow:hidden}.subtrack{display:flex;transition:transform .65s ease}.subslide{flex:0 0 100%;min-height:445px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;background:radial-gradient(circle at 70% 40%,#263c54,#101319 70%)}.subslide h3{font-size:clamp(2rem,5vw,3.5rem);color:var(--gold);margin:0}.subslide p{max-width:420px;color:#d5d0c9}.subcontrols{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px;border-top:1px solid #3b3329}.subcontrols button{font-size:1.4rem}.subcontrols span{font-variant-numeric:tabular-nums}

.art-hardware{background:linear-gradient(0deg,rgba(0,0,0,.48),transparent 65%),url("noise-zone/noise-module.png") center center/contain no-repeat,#0b101b;}

.submodule-photo{display:block;max-width:min(100%,520px);max-height:320px;object-fit:contain;margin:0 auto 16px}.subslide:has(.submodule-photo){padding:22px}

.subslide h3{white-space:pre-line}.movie-link{display:inline-block;padding:12px 22px;margin-top:10px;border:1px solid #e6ad42;border-radius:8px;color:#ffc15b;font-weight:bold;text-decoration:none}.movie-link:hover,.movie-link:focus-visible{background:#ffc15b;color:#111}

.sequencer-photos{display:grid;grid-template-columns:1fr;gap:14px;width:min(100%,620px);margin:18px auto}.sequencer-photos img{width:100%;height:auto;display:block;border-radius:4px}.sequencer-specs{color:var(--gold);font-size:.93rem;line-height:1.45}.sequencer-specs p{max-width:none;margin:3px 0}.subslide:has(.sequencer-photos){padding:22px 16px}.subslide:has(.sequencer-photos) h3{font-size:clamp(1.35rem,3vw,2rem)}

.pedal-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px auto;max-width:760px}.pedal-photos img{display:block;width:100%;height:auto;object-fit:contain;border-radius:5px;background:#111}.pedal-photos img:first-child,.pedal-photos img:nth-child(2){grid-column:1/-1;max-width:560px;margin:auto}

.performance-detail-photo{display:block;width:100%;max-height:55vh;object-fit:contain;margin:12px auto;border-radius:8px}

/* Consistent hardware photo sizing without cropping */
.sequencer-photos,.pedal-photos{width:min(100%,620px);max-width:620px;display:grid;grid-template-columns:1fr;gap:14px;margin:18px auto}
.sequencer-photos img,.pedal-photos img,.pedal-photos img:first-child,.pedal-photos img:nth-child(2){display:block;width:100%;max-width:100%;height:280px;object-fit:contain;grid-column:auto;margin:0 auto;background:#111;border-radius:5px}
.lang-switch{position:absolute;right:clamp(18px,5vw,60px);top:15px;display:flex;gap:5px}.top{position:relative}.lang-switch button{background:#171717;color:var(--gold);border:1px solid #68502b;padding:6px 11px;border-radius:5px;cursor:pointer}.lang-switch button[aria-pressed="true"]{background:var(--gold);color:#111}
@media(max-width:700px){.sequencer-photos img,.pedal-photos img,.pedal-photos img:first-child,.pedal-photos img:nth-child(2){height:210px}}

/* Horizontales Wischen im Karussell, vertikales Scrollen auf Mobilgeraeten */
.viewport,.subviewport{touch-action:pan-y pinch-zoom;}