/* Klang entdecken: self-hosted, native controls and instrument-specific accents. */
.instrument-heading{position:relative}.instrument-heading:before{content:"";position:absolute;inset:0 0 -20%;z-index:-1;background:radial-gradient(ellipse at 15% 45%,color-mix(in srgb,var(--instrument-accent,var(--mint)) 12%,transparent),transparent 65%);pointer-events:none}.instrument-heading .eyebrow,.instrument-explorer .eyebrow{color:var(--instrument-accent,var(--mint))}.instrument-identity{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:28px;font-size:12px}.instrument-identity>span{color:var(--instrument-accent,var(--mint));border:1px solid color-mix(in srgb,var(--instrument-accent,var(--mint)) 45%,transparent);padding:9px 14px;border-radius:30px;margin-right:auto}.instrument-identity>a{padding:9px 12px;color:#c9d8df;border-bottom:1px solid #425763}.instrument-identity>a:hover{color:var(--instrument-accent,var(--mint))}body[data-instrument] .instrument-features>ul>li{border-top-color:var(--instrument-accent)}body[data-instrument] .instrument-visual:before{background:radial-gradient(ellipse,color-mix(in srgb,var(--instrument-accent) 15%,transparent),transparent 65%)}
.instrument-explorer{padding-top:95px;padding-bottom:65px;scroll-margin-top:115px}.instrument-explorer .section-title{max-width:820px;margin-bottom:35px}.explorer-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:36px;align-items:start}.explorer-grid>div{min-width:0}.hotspot-image{position:relative;background:#17252d;border-radius:9px;box-shadow:0 25px 60px #0005}.hotspot-image>img{width:100%;height:auto;border-radius:9px}.hotspot-dot{position:absolute;transform:translate(-50%,-50%);width:42px;height:42px;border:2px solid #10191f;border-radius:50%;background:var(--instrument-accent,var(--mint));color:#102028;font-size:28px;line-height:1;box-shadow:0 0 0 5px #10191f60;display:grid;place-items:center;transition:box-shadow .18s}.hotspot-dot[aria-pressed=true]{box-shadow:0 0 0 5px #10191f88,0 0 0 8px var(--instrument-accent,var(--mint))}.hotspot-dot:hover{box-shadow:0 0 0 7px #10191f88}.hotspot-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.hotspot-topics button{background:#192a34;color:#c9d8df;padding:10px 14px;border:1px solid #3e5461;border-radius:24px;font-size:12px;min-height:44px}.hotspot-topics button[aria-pressed=true]{color:#102028;border-color:var(--instrument-accent,var(--mint));background:var(--instrument-accent,var(--mint))}.enlarge-link{background:transparent;border:0;padding:0;min-height:44px;cursor:pointer}.hotspot-detail{background:linear-gradient(145deg,#20333e,#17232c);padding:30px;border:1px solid #3a515e;border-radius:12px;min-width:0}.hotspot-detail h3{font-size:27px;line-height:1.2;margin-bottom:20px}.hotspot-detail p{font-size:14px;line-height:1.85}.hotspot-example{margin-top:25px;padding-top:20px;border-top:1px solid #425864}.hotspot-example>span,.hotspot-example>strong{display:block}.hotspot-example>span{font-size:11px;color:#a4bac5}.hotspot-example>strong{font-size:14px;line-height:1.5;margin:7px 0 18px;font-weight:550}.hotspot-example audio{width:100%;height:40px}.hotspot-detail .note{font-size:11px;margin-top:18px}.hotspot-detail>.text-link{font-size:12px;margin-top:14px}
.catalog-facets{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;gap:18px;align-items:end;padding:20px 0 25px;border-bottom:1px solid var(--line);margin-bottom:20px}.catalog-facets>label:not(.audio-only){display:grid;gap:8px;color:#b9ccd5;font-size:12px}.select-shell{position:relative;display:block}.select-shell select{appearance:none;-webkit-appearance:none;font:inherit;font-size:14px;color:#e3edf1;background:#192c35;border:1px solid #47616f;border-radius:6px;min-height:48px;padding:12px 52px 12px 16px;width:100%;cursor:pointer;line-height:1.4}.select-shell>span{position:absolute;right:18px;top:50%;transform:translateY(-57%);color:var(--mint);font-size:22px;line-height:1;pointer-events:none}.select-shell select:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.catalog-facets .audio-only{font-size:13px;display:flex;gap:9px;align-items:center;min-height:48px;color:#d3e1e7;white-space:nowrap}.audio-only input{accent-color:var(--mint);width:18px;height:18px}.filter-reset{min-height:48px;padding:10px 16px;background:transparent;border:1px solid #3e5866;border-radius:6px;font-size:12px}.filter-reset:hover{border-color:var(--mint);color:var(--mint)}.sound-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 5px}.sound-shortcuts a{border:1px solid #435c68;padding:9px 15px;border-radius:30px;font-size:12px;color:#c2e2da}.sound-shortcuts a:hover{background:#233e45}.catalog-preview{border-top:1px solid #38515e;padding:20px 28px 24px;margin-top:auto}.catalog-preview>p{font-size:12px;margin-bottom:12px;color:#c2d5df}.catalog-preview audio{display:none}.catalog-preview>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.catalog-preview button{min-height:44px;border:1px solid #547a7a;border-radius:6px;background:#1c383d;color:#a8ecd9;padding:10px 15px;font-size:12px}.catalog-preview a{font-size:11px;color:var(--mint)}.catalog-preview>span{font-size:11px;display:block;color:#c1d6e0;min-height:0}.catalog-preview>span:not(:empty){margin-top:12px}.plugin-card{display:flex;flex-direction:column}.plugin-card[hidden]{display:none!important}.plugin-card .instrument-card-link{margin-top:0}.plugin-card .plugin-copy{flex:1}.catalog-tools .search{min-width:0}.catalog-tools .search input{width:100%}
.effect-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:60px;align-items:center;padding:65px 0;border-top:1px solid var(--line);scroll-margin-top:110px}.effect-story .effect-copy{min-width:0}.effect-story h2{font-size:clamp(34px,3.5vw,49px);margin-bottom:22px}.effect-story .effect-copy>p:not(.eyebrow){font-size:15px}.effect-story .effect-setting{font-size:11px!important;margin-top:18px;color:#acc5ce}.effect-story>.shot{padding:15px;border:1px solid #38505d;background:#182730}.effect-story .shot img{max-height:610px;object-fit:contain}.ab-player{background:#182c35;border:1px solid #3b5866;border-radius:10px;padding:24px;margin-top:28px;min-width:0}.ab-player>audio{display:none}.ab-player .ab-label{font-size:11px;color:#b6ced4;margin-bottom:16px;line-height:1.5}.ab-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:25px}.ab-switch button{background:#152630;color:#cedde5;border:1px solid #4b6675;border-radius:6px;padding:12px 10px;min-height:48px;font-size:13px;font-weight:550}.ab-switch button[aria-pressed=true]{background:var(--mint);border-color:var(--mint);color:#0c2a26}.ab-player .song-play{gap:8px;white-space:nowrap;min-height:46px}.ab-status{font-size:11px;line-height:1.6;color:#aac1cd;margin:16px 0 0;min-height:36px}.ab-player.is-loading{opacity:.8}.compare-notes{padding:60px 0;max-width:850px}.compare-notes h2{font-size:34px;margin-bottom:25px}.compare-notes p{font-size:15px}.effect-story:target,.workshop-story:target{border-top-color:var(--mint)}
.discover-entry{padding:70px 0;border-top:1px solid var(--line);margin-top:45px}.discovery-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.discovery-cards>a{display:flex;flex-direction:column;min-width:0;background:linear-gradient(140deg,#20323c,#14252e);border:1px solid #39505e;border-radius:12px;padding:24px;transition:border-color .2s}.discovery-cards>a:hover{border-color:var(--mint)}.discovery-cards img{width:100%;height:190px;object-fit:contain;margin-bottom:28px}.discovery-cards span{font-size:10px;letter-spacing:.14em;color:var(--mint);margin-bottom:14px}.discovery-cards h3{font-size:26px;line-height:1.2;margin-bottom:20px}.discovery-cards p{font-size:14px}.workshop-story{padding:65px 0;border-top:1px solid var(--line);scroll-margin-top:110px}.workshop-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:center}.workshop-heading h2{font-size:clamp(34px,3.6vw,50px);margin-bottom:24px}.workshop-heading .shot{border:1px solid #3a515e;padding:14px;background:#172a32}.workshop-heading .shot img{max-height:380px;object-fit:contain}.workshop-listen{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);column-gap:35px;align-items:center;margin:35px 0;padding:24px 28px;background:#1c343c;border:1px solid #365c65;border-radius:9px}.workshop-listen>span{font-size:10px;color:var(--mint);letter-spacing:.12em}.workshop-listen>strong{font-size:17px;grid-column:1}.workshop-listen audio{grid-column:2;grid-row:1/3;width:100%;height:44px}.workshop-effect-example{max-width:740px;margin:35px 0}.workshop-effect-example>p{font-size:13px}.workshop-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}.workshop-steps>section{border-top:2px solid #648d8b;padding-top:25px;min-width:0}.workshop-steps h3{font-size:24px;line-height:1.25;margin-bottom:18px}.workshop-steps p{font-size:14px;line-height:1.85}.control-values{list-style:none;display:flex;gap:7px;flex-wrap:wrap;padding:0;margin:20px 0}.control-values li{font-size:10px;color:#b9ded5;border:1px solid #42626b;border-radius:4px;padding:5px 9px}.listen-for{border-left:2px solid var(--mint);padding-left:15px;font-size:12px!important}.listen-for strong{font-weight:550;color:#dcece8}.workshop-story>.text-link{margin-top:30px}
@media(max-width:1100px){.explorer-grid{grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:25px}.hotspot-detail{padding:24px}.catalog-facets{grid-template-columns:1fr 1fr}.catalog-facets .audio-only{justify-self:start}.filter-reset{justify-self:end}.effect-story{gap:30px}.discovery-cards{gap:15px}.discovery-cards>a{padding:21px}.discovery-cards h3{font-size:23px}.discovery-cards img{height:150px}.workshop-steps{gap:20px}.workshop-steps h3{font-size:21px}.workshop-heading{gap:30px}}
@media(max-width:760px){.instrument-explorer{padding-top:60px;padding-bottom:35px}.explorer-grid{grid-template-columns:minmax(0,1fr);gap:25px}.hotspot-dot{width:44px;height:44px;font-size:27px;box-shadow:0 0 0 3px #10191f88}.hotspot-dot[aria-pressed=true]{box-shadow:0 0 0 3px #10191f88,0 0 0 5px var(--instrument-accent,var(--mint))}.hotspot-topics{gap:7px;margin-top:20px}.hotspot-topics button{font-size:11px;padding:10px 12px}.instrument-identity{gap:9px;margin-top:23px}.instrument-identity>span{flex-basis:100%;width:fit-content;flex-grow:0;margin-bottom:9px}.instrument-identity>a{font-size:11px;padding:9px}.hotspot-detail{padding:25px 22px}.hotspot-detail h3{font-size:27px}.catalog-facets{gap:15px}.catalog-facets>label:not(.audio-only){font-size:11px}.select-shell select{font-size:13px;padding:12px 48px 12px 12px;min-height:48px}.select-shell>span{right:18px}.filter-reset{font-size:11px;padding:10px 12px}.sound-shortcuts a{font-size:11px;padding:9px 12px}.catalog-preview{padding:20px 24px}.effect-story{grid-template-columns:minmax(0,1fr);gap:30px;padding:45px 0}.effect-story>.shot{grid-row:1}.effect-story .effect-copy>p:not(.eyebrow){font-size:14px}.effect-story .shot img{max-height:340px}.ab-player{padding:20px}.ab-switch button{font-size:12px;padding:12px 8px}.ab-player .song-play{min-width:100px;padding:13px 10px;font-size:11px}.ab-player .song-transport{gap:14px}.compare-notes{padding:40px 0}.compare-notes h2{font-size:30px}.discovery-cards{grid-template-columns:minmax(0,1fr);gap:18px}.discovery-cards>a{padding:25px}.discovery-cards img{height:210px}.discovery-cards h3{font-size:28px}.discover-entry{padding:45px 0;margin-top:25px}.workshop-heading{grid-template-columns:minmax(0,1fr);gap:25px}.workshop-heading h2{font-size:35px}.workshop-heading .shot img{max-height:320px}.workshop-listen{grid-template-columns:minmax(0,1fr);padding:22px;gap:10px}.workshop-listen audio{grid-column:1;grid-row:auto;margin-top:10px}.workshop-steps{grid-template-columns:minmax(0,1fr);gap:30px}.workshop-steps h3{font-size:26px}.workshop-steps p{font-size:15px}.workshop-story{padding:45px 0}.control-values li{font-size:11px}.workshop-entry img{height:200px}}
@media(max-width:390px){.catalog-facets{grid-template-columns:minmax(0,1fr)}.filter-reset{justify-self:stretch}.catalog-facets .audio-only{min-height:38px}.instrument-identity>a{padding:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.hotspot-dot,.discovery-cards>a{transition:none}}
/* Overview images navigate; magnification belongs to the individual detail. */
.discovery-cards>article{display:flex;flex-direction:column;min-width:0;background:linear-gradient(140deg,#20323c,#14252e);border:1px solid #39505e;border-radius:12px;padding:24px;transition:border-color .2s}.discovery-cards>article:hover{border-color:var(--mint)}.discovery-artwork,.discovery-copy{display:block}.discovery-artwork:focus-visible{outline:3px solid var(--mint);outline-offset:5px}.effect-detail-heading>.text-link{margin:0 0 40px}.effect-detail-heading>.eyebrow{margin-top:0}.effect-detail-heading h1{font-size:clamp(48px,6.5vw,85px)}.effect-detail-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:55px;align-items:center;padding-bottom:60px}.effect-detail-layout>.shot{padding:20px;background:#182c35;border:1px solid #3c5360}.effect-detail-layout>.shot img{max-height:650px;object-fit:contain}.effect-detail-copy{min-width:0}.effect-detail-copy>h2{font-size:34px;margin-bottom:25px}.effect-detail-copy>p{font-size:15px}.effect-detail-copy>ul{padding-left:20px;color:#c0d3de;font-size:15px;line-height:1.85}.effect-detail-copy>details{font-size:13px}.effect-detail-audio{padding:60px 0;border-top:1px solid var(--line)}.effect-detail-audio>.ab-player{max-width:680px}.effect-detail-audio .section-title{max-width:800px}.effect-detail-audio h2{font-size:38px}.effect-detail-audio .effect-setting{font-size:12px;margin-top:16px}
@media(max-width:1100px){.discovery-cards>article{padding:21px}.effect-detail-layout{gap:30px}.effect-detail-copy>h2{font-size:29px}}
@media(max-width:760px){.discovery-cards>article{padding:25px}.effect-detail-layout{grid-template-columns:minmax(0,1fr);gap:30px}.effect-detail-layout>.shot{padding:12px}.effect-detail-heading>.text-link{margin-bottom:30px}.effect-detail-copy>h2{font-size:32px}.effect-detail-audio h2{font-size:32px}}
.hotspot-zoom{display:block;width:100%;border:0;padding:0;background:transparent;border-radius:9px;cursor:zoom-in}.hotspot-zoom img{width:100%;height:auto;border-radius:9px}
.discovery-copy{flex:1}.discovery-copy>span{display:block}
/* Home instrument cards: one shared image well and aligned text/link baselines. */
.home-audio-grid{gap:28px;align-items:stretch}.home-audio-grid>article{display:flex;flex-direction:column;padding:26px;min-width:0}.home-audio-grid>article>a:first-child{display:flex;align-items:center;justify-content:center;height:218px;min-height:218px;margin:0 0 28px;flex-shrink:0}.home-audio-grid>article>a:first-child>img{width:100%;height:100%;max-height:218px;object-fit:contain;margin:0}.home-audio-grid>article>h3{font-size:24px;line-height:1.2;margin:0 0 12px}.home-audio-grid>article>p:not(.note){font-size:14px;line-height:1.7;min-height:calc(2 * 1.7em);margin:0 0 20px}.home-audio-grid>article>.note{font-size:11px;line-height:1.6;margin:0 0 24px}.home-audio-grid>article>.text-link{display:block;align-self:flex-start;font-size:12px;line-height:1.6;min-height:40px;padding:8px 0 0;margin: auto 0 0;color:var(--mint)}
@media(max-width:1100px){.home-audio-grid{gap:24px}.home-audio-grid>article>a:first-child{height:235px;min-height:235px}.home-audio-grid>article>a:first-child>img{max-height:235px}.home-audio-grid>article>p:not(.note){min-height:calc(2 * 1.7em)}}
@media(max-width:760px){.home-audio-grid{gap:22px}.home-audio-grid>article{padding:24px}.home-audio-grid>article>a:first-child{height:225px;min-height:225px;margin-bottom:26px}.home-audio-grid>article>a:first-child>img{max-height:225px}.home-audio-grid>article>p:not(.note){min-height:0;margin-bottom:18px}.home-audio-grid>article>.note{margin-bottom:20px}.home-audio-grid>article>h3{font-size:25px}.home-audio-grid>article>.text-link{min-height:44px}}