/* Raum-Header (Scroll-Kamerafahrt durch Ivens Arbeitsraum), Logik: assets/js/raumheader.js */
.rh{position:relative;height:430vh;margin-bottom:-100vh;padding:0;z-index:3}
.rh-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--rh-grund,#F6F7F8)}
.rh-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.rh-text{position:absolute;left:max(24px,calc((100vw - 1260px)/2));top:50%;transform:translateY(-50%);max-width:560px;z-index:2}
.rh-text h1{font-size:clamp(2.1rem,3.6vw,3.4rem);line-height:1.1;margin:0 0 18px}
.rh-text .hx-lead{margin:0 0 26px;max-width:42ch}
.rh-scroll{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#6b6e75}
@media (max-width:899px){
  .rh-text{top:96px;transform:none;right:20px;left:20px;max-width:none}
}
/* Hinweis „Scroll weiter“ (raumheader.js blendet ihn nach 2,5 s Stillstand ein) */
.rh-weiter{position:absolute;left:50%;bottom:var(--rh-weiter-unten,28px);z-index:4;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 18px;border-radius:999px;background:#0A0A0B;color:#fff;font:600 .95rem/1 Inter,system-ui,sans-serif;white-space:nowrap;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 8px 24px rgba(10,10,11,.18);pointer-events:none;opacity:0;translate:-50% 10px;transition:opacity .15s ease,translate .15s ease}
.rh-weiter.an{opacity:1;translate:-50% 0;transition:opacity .3s cubic-bezier(.23,1,.32,1),translate .3s cubic-bezier(.23,1,.32,1)}
.rh-pfeil{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#3AB5F5;color:#0A0A0B}
.rh-pfeil svg{width:16px;height:16px}
.rh-weiter.an .rh-pfeil svg{animation:rhPfeil 1.4s cubic-bezier(.77,0,.175,1) infinite}
@keyframes rhPfeil{0%,100%{translate:0 -2px}50%{translate:0 3px}}
@media (prefers-reduced-motion:reduce){.rh-weiter{display:none}.rh{height:auto;margin-bottom:0}.rh-stage{position:relative;height:100vh}}
.rh-logo{display:block;width:min(340px,70%);height:auto;margin:0 0 26px}
.rh-band{position:absolute;left:0;right:0;bottom:0;z-index:2}
@media (max-width:899px) and (orientation:portrait){ .rh{margin-bottom:0;height:400vh} }   /* Handy: Fahrt endet, dann scrollt sie weg (kein Doppelbild) */
@media (max-width:899px){
  .rh-logo{width:min(190px,52%);margin-bottom:12px}
  .rh-text h1{font-size:clamp(1.75rem,8vw,2.3rem);margin-bottom:10px}
  .rh-text .hx-lead{font-size:.95rem;margin-bottom:16px}
  .rh-band .marquee-track span{font-size:1rem;gap:28px;margin-right:28px}
  .rh-band{padding:14px 0}
}