/* The only new visual layer on top of the restored site. */
.service-hero{--ambient-shift:0px;--grid-shift:0px;--site-shift:0px;--foreground-shift:0px;--copy-shift:0px;--copy-scale:1;--copy-opacity:1;--site-scale:1;--foreground-scale:1;--scroll-indicator-shift:0px;--scroll-indicator-opacity:1;position:relative;isolation:isolate;display:block;max-width:none;min-height:calc(100svh - 92px);height:clamp(720px,calc(100svh - 92px),980px);margin:0;padding:0;overflow:hidden;background:#0a1512;color:#fff}
.service-hero .hero-ambient{position:absolute;z-index:-3;inset:-18px;background:url('hero-warehouse-dusk.png') center 56%/cover no-repeat;transform:scale(1.04) translateY(var(--ambient-shift));will-change:transform}.service-hero .hero-ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,10,.9) 0%,rgba(6,18,14,.67) 37%,rgba(5,16,13,.25) 68%,rgba(3,10,8,.48) 100%),linear-gradient(0deg,rgba(3,11,9,.91) 0%,transparent 38%,rgba(3,9,8,.55) 100%)}
.service-hero .hero-grain{position:absolute;z-index:0;inset:0;opacity:.11;background-image:radial-gradient(rgba(255,255,255,.5) .55px,transparent .65px);background-size:5px 5px;mix-blend-mode:soft-light;pointer-events:none}.service-hero .hero-grid{position:absolute;z-index:0;inset:0;opacity:.34;background:linear-gradient(90deg,transparent 0 17.9%,rgba(255,255,255,.07) 18%,transparent 18.1% 81.8%,rgba(255,255,255,.05) 81.9%,transparent 82%),linear-gradient(0deg,transparent 0 13.9%,rgba(255,255,255,.05) 14%,transparent 14.1%);transform:translateY(var(--grid-shift));will-change:transform}.service-hero:after{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse 65% 42% at 68% 68%,rgba(173,222,91,.16),transparent 68%);pointer-events:none}
.service-hero .hero-copy{position:absolute;z-index:5;left:max(28px,calc((100vw - var(--max))/2));top:18%;max-width:560px;color:#fff;transform:translate3d(0,var(--copy-shift),0) scale(var(--copy-scale));opacity:var(--copy-opacity);transform-origin:left center;will-change:transform,opacity}.service-hero .eyebrow{color:var(--lime);margin-bottom:19px;text-shadow:0 2px 20px rgba(0,0,0,.25)}.service-hero .eyebrow span{display:inline-block;width:26px;height:1px;margin:0 9px 3px;background:currentColor}.service-hero h1{max-width:none;margin:0;font-size:clamp(4.7rem,7.5vw,7.55rem);font-weight:800;line-height:.85;letter-spacing:-.085em;text-shadow:0 2px 24px rgba(0,0,0,.22)}.service-hero h1 em{font-family:'Playfair Display',serif;font-weight:600;letter-spacing:-.085em}.service-hero .lead{max-width:445px;margin:29px 0 0;color:#d3e0d9;font-size:.96rem;line-height:1.7;text-shadow:0 2px 20px rgba(0,0,0,.22)}.service-hero .actions{margin-top:28px;gap:27px}.service-hero .button{background:var(--lime);color:var(--ink);box-shadow:none}.service-hero .button:hover{background:#e6f682}.service-hero .text-link{color:#fff;border-color:currentColor}.service-hero .text-link:hover{color:var(--lime);border-color:var(--lime)}
.hero-scroll{position:absolute;z-index:6;left:max(28px,calc((100vw - var(--max))/2));bottom:29px;margin:0;color:#b9cbbf;font:500 .61rem 'DM Mono',monospace;letter-spacing:.13em;text-transform:uppercase;opacity:var(--scroll-indicator-opacity);transform:translateY(var(--scroll-indicator-shift));will-change:transform,opacity}.hero-scroll span{display:inline-block;margin-left:8px;animation:hero-scroll-bob 1.4s ease-in-out infinite}@keyframes hero-scroll-bob{50%{transform:translateY(5px)}}
.hero-scene{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}.scene-haze{position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse 58% 34% at 68% 72%,rgba(192,221,141,.24),transparent 70%),linear-gradient(0deg,rgba(4,13,10,.2),transparent 40%);mix-blend-mode:screen}.scene-worker-glow{position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse 17% 45% at 13% 74%,rgba(188,240,91,.46) 0%,rgba(167,219,76,.24) 34%,transparent 72%),radial-gradient(ellipse 16% 43% at 88% 74%,rgba(188,240,91,.44) 0%,rgba(167,219,76,.22) 34%,transparent 72%);filter:blur(10px);mix-blend-mode:screen;opacity:.95}.scene-site{position:absolute;z-index:2;right:-13vw;bottom:-7vh;width:min(91vw,1380px);height:76vh;background:url('alternativefuerhaus.png') center bottom/76% auto no-repeat;filter:brightness(.88) contrast(1.08) drop-shadow(0 27px 26px rgba(0,0,0,.42));transform:translate3d(0,var(--site-shift),0) scale(var(--site-scale));transform-origin:center bottom;will-change:transform}.scene-foreground{position:absolute;z-index:3;inset:-2vh -10vw -6vh;background:url('Codex-Bild 3. Sept. 2026, 18_12_28.png') center bottom/118% auto no-repeat;filter:brightness(.9) contrast(1.2) drop-shadow(0 -2px 18px rgba(3,12,8,.28));transform:translate3d(0,var(--foreground-shift),0) scale(var(--foreground-scale));transform-origin:center bottom;will-change:transform}
/* Wide layout: keep a clean service yard, then stage the team as the right-hand focal point. */
@media(min-width:1001px){.service-hero .hero-copy{top:16%}.scene-worker-glow{background:radial-gradient(ellipse 15% 43% at 43% 74%,rgba(188,240,91,.5) 0%,rgba(167,219,76,.25) 34%,transparent 72%),radial-gradient(ellipse 14% 41% at 83% 74%,rgba(188,240,91,.48) 0%,rgba(167,219,76,.23) 34%,transparent 72%);filter:blur(13px);opacity:.92}.scene-site{right:0;bottom:-1vh;width:100vw;height:68vh;background-size:50vw auto;background-position:calc(100% - 12vw) bottom}.scene-foreground{inset:-2vh -10vw -6vh;background-size:118% auto;background-position:center bottom;transform:scale(var(--foreground-scale));transform-origin:center bottom;will-change:transform;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 43%,rgba(0,0,0,.34) 58%,#000 78%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 43%,rgba(0,0,0,.34) 58%,#000 78%)}}
@media(max-width:1000px){.service-hero .hero-copy{left:42px;top:15%;max-width:485px}.service-hero h1{font-size:clamp(4.2rem,8vw,6.3rem)}.scene-site{right:-28vw;bottom:-6vh;width:122vw;height:64vh;background-size:84% auto}.scene-foreground{background-size:145% auto;background-position:50% bottom}}
@media(max-width:760px){
  /* Header + complete scene fit in the first mobile viewport. */
  .service-hero{min-height:0;height:calc(100svh - 76px);max-height:calc(100svh - 76px)}
  .service-hero .hero-ambient{inset:-28px;background-size:cover;background-position:61% center;transform:scale(1.08) translateY(var(--ambient-shift))}
  .service-hero .hero-ambient:after{background:linear-gradient(180deg,rgba(3,10,8,.74) 0%,rgba(3,11,9,.45) 38%,rgba(2,9,7,.72) 100%)}
  .service-hero .hero-copy{top:clamp(25px,4.6svh,40px);left:23px;right:23px;max-width:360px}
  .service-hero .eyebrow{font-size:.57rem;margin-bottom:15px}.service-hero h1{font-size:clamp(3.45rem,15.3vw,4.65rem);line-height:.86}.service-hero .lead{margin-top:18px;font-size:.82rem;line-height:1.52;max-width:325px}.service-hero .actions{margin-top:19px;gap:15px;flex-direction:row;align-items:center}.service-hero .button{font-size:.68rem;padding:13px 15px}.service-hero .text-link{font-size:.68rem}.hero-scroll{left:23px;bottom:13px}.scene-haze{background:linear-gradient(0deg,rgba(2,11,8,.18),transparent 43%),radial-gradient(ellipse 110% 43% at 68% 83%,rgba(180,218,101,.2),transparent 70%)}
  /* Keep the solid foreground locked to the lower edge while scrolling. */
  .scene-worker-glow{background:radial-gradient(ellipse 18% 31% at 11% 77%,rgba(198,247,91,.58) 0%,rgba(178,226,79,.29) 36%,rgba(119,167,54,.1) 56%,transparent 76%),radial-gradient(ellipse 18% 31% at 91% 77%,rgba(198,247,91,.56) 0%,rgba(178,226,79,.28) 36%,rgba(119,167,54,.1) 56%,transparent 76%);filter:blur(6px);opacity:.48;transform:scale(var(--site-scale));transform-origin:center bottom;will-change:transform}
  .scene-site{right:0;bottom:0;width:100vw;height:53.6vw;background-size:100% auto;background-position:center bottom;opacity:.98;transform:scale(var(--site-scale));transform-origin:center bottom}
  .scene-foreground{inset:-1px 0;background-size:100% auto;background-position:center bottom;filter:drop-shadow(0 -2px 13px rgba(3,12,8,.4));transform:scale(var(--foreground-scale));transform-origin:center bottom}
}
@media(prefers-reduced-motion:reduce){.service-hero .hero-ambient,.service-hero .hero-grid,.service-hero .hero-copy,.hero-scroll,.scene-site,.scene-foreground{transform:none;opacity:1}.hero-scroll span{animation:none}}