/* ============ EXTRA 2: Bildschärfe · Mega-Menü · Haltung · Cursor-Labels ============ */
:root{--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* images: perceived sharpness + film grain */
.ph img,.drawer-stage img,.mega-img img,.stack img,.hero-photo img,.walk-frame img{filter:contrast(1.05) saturate(1.04)}
.hero-photo img{filter:grayscale(.7) brightness(.3) contrast(1.1)}
.hero-photo-lit img{filter:saturate(1.05) brightness(.95) contrast(1.08)}
.b:hover .ph img{filter:contrast(1.05) brightness(1.1)}
.ph::before,.mega-img::before,.drawer-stage::before,.hero-photo::before,.walk-frame::before,.stack::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background-image:var(--noise);background-size:190px;opacity:.13;mix-blend-mode:overlay}
.wipe .ph::after{z-index:4}

/* ============ Mega-Menü ============ */
.mega{position:fixed;left:0;right:0;top:0;z-index:79;padding-top:var(--nh,74px);background:#0b0908;color:#efe7da;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .75s cubic-bezier(.77,0,.18,1),visibility 0s .75s;box-shadow:0 50px 120px rgba(0,0,0,.7);border-bottom:1px solid rgba(255,255,255,.1)}
.mega.open{clip-path:inset(0 0 0 0);visibility:visible;transition-delay:0s}
.mega-pane{display:none}.mega-pane.on{display:block}
.mega-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,80px);padding-block:clamp(22px,4vh,46px) clamp(30px,5vh,58px)}
.mega-h{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.mega-h .mono{color:var(--red);font:800 11px var(--grot);letter-spacing:.09em;display:flex;align-items:center;gap:12px}
.mega-h .mono::before{content:"";width:9px;height:9px;background:var(--red)}
.mega-h em{font:italic 400 clamp(17px,1.5vw,23px)/1.25 var(--serif);color:#a79d8e}
.mega-list ul{list-style:none;margin-top:16px}
.mega-list li{opacity:0;transform:translateY(16px);transition:opacity .5s,transform .7s var(--ease)}
.mega.open .mega-pane.on li{opacity:1;transform:none}
.mega.open .mega-pane.on li:nth-child(1){transition-delay:.2s}.mega.open .mega-pane.on li:nth-child(2){transition-delay:.25s}.mega.open .mega-pane.on li:nth-child(3){transition-delay:.3s}.mega.open .mega-pane.on li:nth-child(4){transition-delay:.35s}.mega.open .mega-pane.on li:nth-child(5){transition-delay:.4s}.mega.open .mega-pane.on li:nth-child(6){transition-delay:.45s}.mega.open .mega-pane.on li:nth-child(7){transition-delay:.5s}
.mega-list a{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"b i" "s i";align-items:center;column-gap:20px;padding:clamp(8px,1.3vh,13px) 0;border-bottom:1px solid rgba(255,255,255,.09);transition:padding .55s var(--ease)}
.mega-list a b{grid-area:b;font:400 clamp(21px,2.2vw,33px)/1.1 var(--serif);letter-spacing:-.02em;color:#d8cfc1;transition:color .3s}
.mega-list a span{grid-area:s;font-size:13px;color:#7f766a;line-height:1.3;transition:color .3s}
.mega-list a i{grid-area:i;font-style:normal;color:var(--red);opacity:0;transform:translateX(-12px);transition:opacity .4s,transform .6s var(--ease);font-size:20px}
.mega-list a::before{content:"";position:absolute;left:0;top:50%;width:0;height:8px;margin-top:-4px;background:var(--red);transition:width .5s var(--ease)}
.mega-list a:hover,.mega-list a:focus-visible{padding-left:22px}
.mega-list a:hover::before,.mega-list a:focus-visible::before{width:8px}
.mega-list a:hover b,.mega-list a:focus-visible b{color:#fff}
.mega-list a:hover span{color:#bdb3a4}
.mega-list a:hover i,.mega-list a:focus-visible i{opacity:1;transform:none}
.mega-img{position:relative;overflow:hidden;min-height:clamp(260px,44vh,440px);background:#050403;border-radius:3px}
.mega-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.1)}
.mega-img img.prev{opacity:1;z-index:1;transform:scale(1.02);transition:transform 1.3s var(--ease)}
.mega-img img.on{opacity:1;z-index:2;transform:scale(1.02);animation:wipeUp 1s var(--ease) both;transition:transform 4.5s linear}
.mega.open .mega-img img.on{transform:scale(1.09)}
.mega-img::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 40%);pointer-events:none}
.mega-cap{position:absolute;left:18px;bottom:18px;z-index:5;display:flex;align-items:center;gap:10px;padding:9px 12px 8px;background:var(--red);color:#fff}
.mega-cap i{width:7px;height:7px;background:#fff}
.nav.mega-open{background:#0b0908;color:#efe7da}
.nav-links a.act::after{transform:scaleX(1);transform-origin:left}
.nav-links a.act{opacity:1}
@media(max-width:900px){.mega{display:none}}

/* ============ Haltung ============ */
.stmt{height:540vh;position:relative;background:#060504}
.stmt-pin{position:sticky;top:0;height:100vh;overflow:hidden;--gx:50%;--gy:50%;--gs:40vmax;--gc:255,176,90;--ga:0}
.stmt-light{position:absolute;inset:-10%;background:radial-gradient(circle var(--gs) at var(--gx) var(--gy),rgba(var(--gc),var(--ga)),rgba(var(--gc),calc(var(--ga)*.28)) 45%,transparent 72%)}
.stmt-room{position:absolute;inset:0;width:100%;height:100%;opacity:var(--ro,.5);pointer-events:none}
.stmt-room .rl path{stroke-dasharray:1;stroke-dashoffset:var(--rd,1)}
.stmt-room .rfill{opacity:var(--rf,0)}
.stmt-eb{position:absolute;left:var(--pad);top:clamp(88px,13vh,128px);z-index:3;color:#efe7da}
.stmt-beats{position:absolute;inset:0;display:grid;place-items:center;padding:0 var(--pad);z-index:2}
.beat{grid-area:1/1;width:100%;max-width:1500px;opacity:var(--o,0);transform:translate3d(0,var(--y,30px),0);filter:blur(var(--b,10px));will-change:transform,opacity,filter;pointer-events:none;color:#efe7da}
.b1{font:400 clamp(46px,9.4vw,172px)/.96 var(--serif);letter-spacing:-.04em}
.b2{font:400 clamp(46px,9.8vw,178px)/.94 var(--serif);letter-spacing:-.04em}
.b3 .b3-t{font:400 clamp(30px,5.3vw,96px)/1.04 var(--serif);letter-spacing:-.03em;max-width:15em}
.beat em{color:#ffd9a0;text-shadow:0 0 80px rgba(255,170,80,.55)}
.beat s{text-decoration:none;position:relative;color:#7c7367}
.beat s .w:last-child::after{content:"";position:absolute;left:-1%;right:-1%;top:56%;height:.075em;background:var(--red);transform-origin:left;transform:scaleX(var(--s,0));box-shadow:0 0 22px var(--red)}
.beat .w{display:inline-block;position:relative;opacity:0;transform:translateY(.45em);filter:blur(10px);transition:opacity .7s,transform .9s var(--ease),filter .7s;transition-delay:calc(var(--i,0)*45ms)}
.beat .w.on{opacity:1;transform:none;filter:none}
.qs{list-style:none;margin-top:clamp(22px,4.5vh,54px);display:grid;gap:clamp(2px,.8vh,10px)}
.qs li{display:flex;align-items:baseline;gap:clamp(14px,2vw,30px);flex-wrap:wrap;font:italic 400 clamp(30px,4.7vw,84px)/1.04 var(--serif);letter-spacing:-.03em;color:#40392f;transform:translateX(-18px);transition:color .9s,transform 1s var(--ease)}
.qs li small{font-style:normal;color:#4b443a;transition:color .9s;font-size:10px}
.qs li::before{content:"";width:.26em;height:.26em;background:#35302a;align-self:center;flex:none;transition:background .6s,box-shadow .6s}
.qs li.on{color:#f6ecda;transform:none}
.qs li.on small{color:rgb(var(--gc))}
.qs li.on::before{background:var(--red);box-shadow:0 0 22px var(--red)}
.stmt-prog{position:absolute;right:clamp(14px,2.4vw,40px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:3}
.stmt-prog i{width:3px;height:36px;background:rgba(255,255,255,.14);position:relative;overflow:hidden}
.stmt-prog i::after{content:"";position:absolute;inset:0;background:var(--red);transform-origin:top;transform:scaleY(var(--pf,0))}
.stmt-scroll{position:absolute;left:var(--pad);bottom:24px;color:#6f675c;z-index:3;opacity:var(--so,1)}
@media(max-width:700px){.stmt-prog{display:none}.b3 .b3-t{font-size:clamp(26px,7.4vw,48px)}.qs li{font-size:clamp(26px,7.6vw,46px)}.qs li small{width:100%;margin-left:.6em}}

/* cursor labels */
.cursor .ct{position:absolute;inset:0;display:grid;place-items:center;font:800 10px var(--grot);letter-spacing:.07em;text-transform:uppercase;color:#1b1612;opacity:0;transition:opacity .25s;white-space:nowrap}
.cursor.label{width:92px;height:92px;margin:-46px 0 0 -46px;background:var(--glow);box-shadow:0 0 56px 10px rgba(255,200,120,.38)}
.cursor.label .ct{opacity:1}

/* marquee row 2 */
.marquee{display:flex;flex-direction:column;gap:16px}
.marquee-track.rev{animation-direction:reverse;animation-duration:80s;font-size:clamp(20px,2.3vw,36px);color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--fg) 42%,transparent)}
.marquee-track.rev span:nth-of-type(even){font-style:normal;color:transparent}