/* NICO HUA / Process composition r2: outer full-bleed / inner max 1680px. Desktop only. Hero and mobile remain unchanged. */
@media(min-width:1000px){
 html:root body .score-shell[data-page="prozess"] .pe-journey,
 html:root body .score-shell[data-page="prozess"] .pe-release{
  box-sizing:border-box;width:100%;max-width:none!important;margin-inline:0!important;
 }
 html:root body .score-shell[data-page="prozess"] .pe-journey-grid{
  width:calc(100% - 2 * clamp(24px,3.125vw,64px))!important;max-width:1680px!important;margin-inline:auto!important;
  grid-template-columns:minmax(0,1fr) clamp(300px,28vw,460px)!important;
  column-gap:clamp(28px,3vw,56px)!important;
 }
 html:root body .score-shell[data-page="prozess"] .pe-phase-nav{padding-inline:max(clamp(24px,3.125vw,64px),calc((100% - 1680px)/2))!important}
 html:root body .score-shell[data-page="prozess"] .pe-chapters{min-width:0}
 html:root body .score-shell[data-page="prozess"] .pe-chapter{padding-inline:clamp(24px,2vw,32px)!important}
 html:root body .score-shell[data-page="prozess"] .pe-chapter h2{font-size:clamp(40px,4vw,64px)!important}
 html:root body .score-shell[data-page="prozess"] .pe-chapter-copy{max-width:36ch}
 html:root body .score-shell[data-page="prozess"] .pe-live-stage{padding-inline:8px!important}
 html:root body .score-shell[data-page="prozess"] .pe-live-stage .pe-assembly{translate:none!important;scale:1!important;max-width:100%}
 html:root body .score-shell[data-page="prozess"] .pe-live-stage .pe-model{width:50%!important;max-width:600px!important;left:50%!important}
 html:root body .score-shell[data-page="prozess"] .pe-live-stage .pe-device--tablet{left:1.5%!important;right:auto!important;width:20%!important;height:auto!important;top:49%!important;aspect-ratio:3/4}
 html:root body .score-shell[data-page="prozess"] .pe-live-stage .pe-device--phone{right:1.5%!important;left:auto!important;width:12.5%!important;height:auto!important;top:49%!important;aspect-ratio:9/19.5}
 html:root body .score-shell[data-page="prozess"] .pe-live-stage .pe-device{transform:translate3d(0,calc(-50% + 28px * (1 - var(--release,0))),0)!important}
 html:root body .score-shell[data-page="prozess"] .pe-release{padding-inline:0!important}
 html:root body .score-shell[data-page="prozess"] .pe-release>.pe-release-meta,
 html:root body .score-shell[data-page="prozess"] .pe-release>.pe-release-body{
  box-sizing:border-box;width:calc(100% - 2 * clamp(24px,3.125vw,64px));max-width:1680px!important;margin-inline:auto!important;
 }
 html:root body .score-shell[data-page="prozess"] .pe-release-body{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)!important;gap:clamp(36px,4vw,80px)!important}
 html:root body .score-shell[data-page="prozess"] .pe-release-body h2{font-size:clamp(64px,5.8vw,116px)!important}
}
/* Keep existing strip rotation/depth. Repair only the missing horizontal travel. */
html:root .score-shell[data-page="home"] .intro-motion .intro-filmstrip{translate:var(--nh-film-scroll-x,0px) 0}
@media(prefers-reduced-motion:reduce){html:root .score-shell[data-page="home"] .intro-motion .intro-filmstrip{translate:none!important}}

/* NICO HUA / 12 verified mobile heroes. No JavaScript height lock.
   Preserve desktop, protected heroes, audio, media and full-bleed process layout. */
@supports (height:100svh) {
  @media (max-width:900px) {
    html:root body .score-shell:is([data-page="preise"],[data-page="faq"],[data-page="kontakt"],[data-page="projektuebersicht"]) .premium-page-hero {
      height:100svh!important;
      min-height:100svh!important;
      padding-block:12svh 7svh;
    }
    html:root body .score-shell:is([data-page="preise"],[data-page="faq"],[data-page="kontakt"],[data-page="projektuebersicht"]) .premium-page-hero .premium-title {
      bottom:max(6.5svh,calc(env(safe-area-inset-bottom) + 22px))!important;
    }
    html:root body .score-shell[data-page="preise"] .price-geometry {top:12svh;bottom:30svh}
    html:root body .score-shell:is([data-page="arbeiten/benchmark"],[data-page="arbeiten/statement"],[data-page="arbeiten/solaris"],[data-page="arbeiten/solaris-production"]) .case-opening {
      height:100svh!important;
      min-height:100svh!important;
    }
    html:root body .score-shell[data-page="arbeiten/benchmark"] .case-opening {min-height:max(640px,100svh)!important}
    html:root body .score-shell[data-page="arbeiten/statement"] .case-opening {min-height:max(740px,100svh)!important}
    html:root body .score-shell[data-page="arbeiten"] .work-hero,
    html:root body .score-shell[data-page="arbeiten"] .work-hero-copy {min-height:100svh!important}
    html:root body .score-shell[data-page="arbeiten"] .work-hero-cue {margin-top:clamp(26px,4svh,40px)}
    html:root body .score-shell[data-page="leistungen"] .services-award-hero {
      min-height:100svh!important;
      padding-bottom:max(76px,8svh);
    }
    html:root body .score-shell[data-page="leistungen"] .services-hero-copy {min-height:calc(100svh - 180px)}
    html:root body .score-shell[data-page="leistungen"] .services-hero-copy p {margin-top:clamp(24px,4svh,42px)}
    html:root body .score-shell:is([data-page="impressum"],[data-page="datenschutz"]) .movement-head {
      min-height:100svh!important;
      padding-block:17svh 7svh;
    }
  }
  /* Keep the existing compact <=700px Work layout; stabilize tablet-only spacing. */
  @media (min-width:701px) and (max-width:900px) {
    html:root body .score-shell[data-page="arbeiten"] .work-hero-copy {
      padding-block:clamp(112px,14svh,146px) max(76px,8svh);
    }
    html:root body .score-shell[data-page="arbeiten"] .work-hero-meta {margin-bottom:clamp(34px,5svh,54px)}
    html:root body .score-shell[data-page="arbeiten"] .work-hero-copy>p {margin-top:clamp(28px,4svh,42px)}
  }
  @media (max-width:700px) {
    html:root body .score-shell:is([data-page="arbeiten/benchmark"],[data-page="arbeiten/statement"],[data-page="arbeiten/solaris"],[data-page="arbeiten/solaris-production"]) .case-title {
      bottom:max(5.5svh,calc(env(safe-area-inset-bottom) + 26px));
    }
  }
}