.ss__src{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.ss.is-on .ss__src{display:none}
.ss__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.ss__stage{position:sticky;top:calc(50vh - var(--ssh,420px)/2 + 30px)}
.ss__frame{position:relative;height:var(--ssh,420px);border-radius:var(--r);overflow:hidden;background:var(--k)}
.ss__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform 1.4s cubic-bezier(.2,.8,.2,1)}
.ss__frame img.ss__bg{filter:blur(28px) brightness(.8);transform:scale(1.25)}
.ss__frame img.ss__fit{object-fit:contain}
.ss__frame img.is-cur{opacity:1;transform:none}
.ss__frame img.ss__bg.is-cur{transform:scale(1.25)}
.ss__hud{position:absolute;left:0;right:0;top:0;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(rgba(0,0,0,.45),transparent);color:var(--w);z-index:2;pointer-events:none}
.ss__num{font-size:clamp(30px,3.4vw,48px);font-weight:700;line-height:1;letter-spacing:-.02em}
.ss__num span{font-size:.4em;opacity:.7;margin-left:6px}
.ss__bar{position:absolute;left:0;right:0;bottom:0;height:6px;background:rgba(255,255,255,.25);z-index:2}
.ss__bar i{display:block;height:100%;width:0;background:var(--y);transition:width .5s ease}
.ss__ch{min-height:62vh;display:flex;flex-direction:column;justify-content:center;padding:24px 0;opacity:.28;transition:opacity .5s ease}
.ss__ch.is-cur{opacity:1}
.ss__ch:first-child{min-height:50vh}.ss__ch:last-child{min-height:70vh}
.ss[data-dense="kompakt"] .ss__ch{min-height:34vh;padding:12px 0}
.ss[data-dense="kompakt"] .ss__ch:first-child{min-height:var(--ssh,34vh);justify-content:flex-start}
.ss[data-dense="kompakt"] .ss__ch:last-child{min-height:var(--ssh,40vh);justify-content:flex-start}
.ss[data-dense="kompakt"] .ss__ch h3{font-size:clamp(22px,1.9vw,28px);margin-bottom:10px}
.ss[data-dense="kompakt"] .ss__stage{top:calc(50vh - var(--ssh,360px)/2)}
.ss__k{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g);margin:0 0 12px}
.ss__ch h3{font-size:clamp(24px,2.3vw,34px);line-height:1.15;margin:0 0 16px}
.ss__ch p{color:var(--g);font-size:17px;line-height:1.65;margin:0}
.ss__mimg{display:none}
.bg-black .ss__ch p,.bg-black .ss__k{color:#cfcfcf}
@media (max-width:900px){.ss__grid{grid-template-columns:1fr}.ss__stage{display:none}.ss__ch,.ss[data-dense="kompakt"] .ss__ch,.ss[data-dense="kompakt"] .ss__ch:first-child,.ss[data-dense="kompakt"] .ss__ch:last-child{min-height:0;opacity:1;padding:0 0 40px}.ss__mimg{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);margin-bottom:18px;background:var(--k)}.ss__mimg.ss__fit{object-fit:contain}}
@media (prefers-reduced-motion:reduce){.ss__frame img,.ss__ch,.ss__bar i{transition:none}}