/* ============ FLOW-MODUS (Touch & Handy): Abschnitte starten, sobald sie im Bild sind ============ */
html.flow .scene{height:175svh}
html.flow .scene-pin{position:sticky;top:0;height:100svh}

html.flow .stmt{height:auto;background:#060504}
html.flow .stmt-pin{position:relative;height:auto;overflow:hidden;padding:clamp(80px,12svh,120px) 0 clamp(60px,10svh,100px)}
html.flow .stmt-pin::before{background:linear-gradient(rgba(6,5,4,.78),rgba(6,5,4,.45) 40%,rgba(6,5,4,.78))}
html.flow .stmt-photo{-webkit-mask-image:none;mask-image:none;position:absolute;inset:0}
html.flow .stmt-photo img{transition:opacity 1.4s;opacity:0}
html.flow .stmt-pin.p2 .sp1{opacity:.7}
html.flow .stmt-pin.p3 .sp1{opacity:0}
html.flow .stmt-pin.p3 .sp2{opacity:.7}
html.flow .stmt-light{background:radial-gradient(circle 80vmax at 50% 38%,rgba(var(--gc),var(--ga)),transparent 70%);transition:background 1s}
html.flow .stmt-eb{position:relative;left:auto;top:auto;padding:0 var(--pad);margin-bottom:6svh}
html.flow .stmt-beats{position:relative;inset:auto;display:block;padding:0 var(--pad)}
html.flow .beat{position:relative;opacity:1!important;transform:none!important;filter:none!important;min-height:62svh;display:flex;flex-direction:column;justify-content:center;pointer-events:auto}
html.flow .b1{font-size:clamp(46px,14vw,92px)}
html.flow .b2{font-size:clamp(46px,14vw,92px)}
html.flow .b3{min-height:auto;padding-top:6svh}
html.flow .b3 .b3-t{font-size:clamp(30px,8.6vw,54px)}
html.flow .kscale,html.flow .stmt-track{display:none}
html.flow .qs{max-width:none}

html.flow .walk{height:auto;background:#070605}
html.flow .walk-pin{position:relative;height:auto;overflow:visible;padding:clamp(80px,12svh,120px) 0 40px}
html.flow .walk-head{position:relative;inset:auto;padding:0 var(--pad);opacity:1!important;transform:none!important;margin-bottom:28px;left:auto;right:auto;top:auto}
html.flow .walk-title{font-size:clamp(46px,15vw,92px)}
html.flow .walk-frame{position:relative;inset:auto;clip-path:none!important;aspect-ratio:3/4;margin:0 12px;border-radius:6px;overflow:hidden}
html.flow .walk-frame img{transform:scale(1.04)!important;object-position:50% 38%}
html.flow .walk-hint{position:relative;bottom:auto;opacity:.75;margin-top:18px}
html.flow .walk.ready .walk-hint{opacity:.75}

html.flow .show{height:auto!important}
html.flow .show-pin{position:relative;height:auto;overflow:visible;gap:22px;padding-block:clamp(70px,10svh,110px)}
html.flow .show-track{transform:none!important;width:auto;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;padding-inline:var(--pad);scroll-padding-inline:var(--pad)}
html.flow .show-track::-webkit-scrollbar{display:none}
html.flow .card{flex:0 0 78vw;height:auto;min-height:420px;scroll-snap-align:center}
html.flow .card-intro,html.flow .card-end{flex-basis:72vw;scroll-snap-align:start}
html.flow .show-bar{display:none}
html.flow .show-swipe{display:flex}
.show-swipe{display:none;align-items:center;gap:10px;padding:0 var(--pad);color:var(--dim);font:400 10px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.show-swipe i{display:block;width:34px;height:1px;background:currentColor;position:relative;overflow:hidden}
.show-swipe i::after{content:"";position:absolute;left:-100%;top:0;width:100%;height:1px;background:var(--red);animation:swp 1.6s var(--ease) infinite}
@keyframes swp{to{left:100%}}
html.flow .walk:not(.inview) .hot span{display:none!important}