/* VMK278: same photographs and geometry; modestly stronger separation. */
section.hero[data-full-header-brand=anti-aging]{--vmk183-rim:205 255 234}
section.hero.kp-portrait-layout-20260913#start{--vmk183-rim:255 239 207}
section.hero[data-full-header-brand=krebs-jetzt]{--vmk183-rim:255 226 233}
html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body section.hero img[data-kp-person147],
html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body .ov-hero-20260913 .hero-person{
 filter:drop-shadow(-1px -1px 1.5px rgb(var(--vmk183-rim,198 242 255) / 32%)) drop-shadow(clamp(8px,1vw,28px) clamp(12px,1.3vw,34px) clamp(10px,1vw,26px) rgb(1 20 34 / 40%))!important;
}
@media(max-width:767px){
 html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body section.hero img[data-kp-person147],
 html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body .ov-hero-20260913 .hero-person{filter:drop-shadow(-1px -1px 1px rgb(var(--vmk183-rim,198 242 255) / 25%)) drop-shadow(8px 12px 14px rgb(1 20 34 / 36%))!important}
}
/* Individual translate composes with the existing SVG/chart animations. */
@media(prefers-reduced-motion:no-preference){
 html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body .ov-hero-20260913[data-vmk183=on] .hero-analysis-background,
 html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body section.hero[data-vmk183=on]>.hero-background,
 html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body section.hero[data-vmk183=on]>picture>.hero-background,
 html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body section.hero.kp-full-header[data-vmk183=on]::before{
  translate:var(--vmk183-x,0px) var(--vmk183-y,0px)!important;scale:1.045!important;transition:translate 2.6s cubic-bezier(.16,1,.3,1)!important;
 }
 html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body .ov-hero-20260913[data-vmk183=scroll] .hero-analysis-background,
 html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body section.hero[data-vmk183=scroll]>.hero-background,
 html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body section.hero[data-vmk183=scroll]>picture>.hero-background,
 html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body section.hero.kp-full-header[data-vmk183=scroll]::before{
  translate:var(--vmk183-x,0px) var(--vmk183-y,0px)!important;scale:1.18!important;transition:none!important;
 }
 /* AA/KS/KJ's scene also contains the actors: retain its approved scale,
    but move only the backdrop instead of moving both depth planes together. */
 html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body section.hero.kp-full-header[data-vmk183=on]>.kp-full-scene{translate:0 0!important;scale:1.014!important;transition:none!important}
 /* The II chart shares its building's translation so its feet stay anchored. */
 html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body section.hero[data-vmk183=on]>.ii-hero-motion{translate:var(--vmk183-x,0px) var(--vmk183-y,0px)!important;transition:translate 2.6s cubic-bezier(.16,1,.3,1)!important}
 html:not(#vmk183-a):not(#vmk183-b):not(#vmk183-c):not(#vmk183-d) body section.hero[data-vmk183=scroll]>.ii-hero-motion{translate:var(--vmk183-x,0px) var(--vmk183-y,0px)!important;transition:none!important}
}

/*280: compositor-only ambient depth. No JavaScript animation loop.*/
@keyframes vmk280Drift{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(14px,3px,0)}75%{transform:translate3d(-14px,-3px,0)}}
@keyframes vmk280DriftMobile{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(7px,0,0)}75%{transform:translate3d(-7px,0,0)}}
@media(prefers-reduced-motion:no-preference){
html body .ov-hero-20260913 .hero-analysis-background,html body section.hero>.hero-background,html body section.hero>picture>.hero-background,html body section.hero.kp-full-header::before,html body section.hero>.ii-hero-motion{animation:vmk280Drift 28s ease-in-out infinite;animation-play-state:paused}
html body .ov-hero-20260913[data-vmk183=on] .hero-analysis-background,html body section.hero[data-vmk183=on]>.hero-background,html body section.hero[data-vmk183=on]>picture>.hero-background,html body section.hero.kp-full-header[data-vmk183=on]::before,html body section.hero[data-vmk183=on]>.ii-hero-motion{animation-play-state:running}
html body .ov-hero-20260913[data-vmk183=scroll] .hero-analysis-background,html body section.hero[data-vmk183=scroll]>.hero-background,html body section.hero[data-vmk183=scroll]>picture>.hero-background,html body section.hero.kp-full-header[data-vmk183=scroll]::before,html body section.hero[data-vmk183=scroll]>.ii-hero-motion{animation-name:vmk280DriftMobile;animation-play-state:running;transform-origin:50% 100%}
}
@media(max-width:1000px){html body section.hero>.hero-background,html body section.hero>picture>.hero-background,html body .ov-hero-20260913 .hero-analysis-background{object-position:50% 100%!important}}
@media(max-width:1000px){html:not(#vmk280a):not(#vmk280b):not(#vmk280c):not(#vmk280d):not(#vmk280e):not(#vmk280f):not(#vmk280g):not(#vmk280h):not(#vmk280i):not(#vmk280j) body section.hero#start>picture.kp-header-picture147>.hero-background{inset:0!important;width:100%!important;height:100%!important;object-position:50% 100%!important;transform-origin:50% 100%!important}}
/* II keeps its former image-transform guard. Move the dedicated background
   picture instead, independently of portraits and form/chart layout. */
@media(prefers-reduced-motion:no-preference){
html:not(#vmk280a):not(#vmk280b):not(#vmk280c):not(#vmk280d):not(#vmk280e):not(#vmk280f):not(#vmk280g):not(#vmk280h):not(#vmk280i):not(#vmk280j) body section.hero#start>picture.kp-header-picture147{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;pointer-events:none;animation:vmk280Drift 28s ease-in-out infinite!important;animation-play-state:paused!important}
html:not(#vmk280a):not(#vmk280b):not(#vmk280c):not(#vmk280d):not(#vmk280e):not(#vmk280f):not(#vmk280g):not(#vmk280h):not(#vmk280i):not(#vmk280j) body section.hero#start[data-vmk183=on]>picture.kp-header-picture147{animation-play-state:running!important}
html:not(#vmk280a):not(#vmk280b):not(#vmk280c):not(#vmk280d):not(#vmk280e):not(#vmk280f):not(#vmk280g):not(#vmk280h):not(#vmk280i):not(#vmk280j) body section.hero#start[data-vmk183=scroll]>picture.kp-header-picture147{animation-name:vmk280DriftMobile!important;animation-play-state:running!important;transform-origin:50% 100%}
}
@media(max-width:767px){
html body picture.vmk280-logo-mobile{display:contents}
html:not(#vmk280a):not(#vmk280b):not(#vmk280c):not(#vmk280d) body [data-vmk145-header=ov],html:not(#vmk280a):not(#vmk280b):not(#vmk280c):not(#vmk280d) body [data-vmk145-header=ii]{width:calc(var(--vmk145-cap,17px)*15.9259259259)!important;height:auto!important;max-height:48px!important;object-fit:contain!important;object-position:left center!important}
html body [data-vmk145-header=ov]{aspect-ratio:2090/323!important}
html body [data-vmk145-header=ii]{aspect-ratio:1843/249!important}
}

/* VMK282: move only decorative parent planes; inner scan/logo/light animations
   retain their own transforms. Portraits, text and ground remain stationary. */
@media(prefers-reduced-motion:no-preference){
.ov-hero-20260913 :is(.hero-insurer-wall,.ov-analysis98),section.hero.kp-full-header :is(.kp-scene-lights,.kp-header-detail22,.aa41-helix-stage,.ks-analysis-stage,.ks-biomarker-rail57){animation:vmk280Drift 28s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.ov-hero-20260913[data-vmk183=on] :is(.hero-insurer-wall,.ov-analysis98),section.hero.kp-full-header[data-vmk183=on] :is(.kp-scene-lights,.kp-header-detail22,.aa41-helix-stage,.ks-analysis-stage,.ks-biomarker-rail57){translate:var(--vmk183-x,0px) var(--vmk183-y,0px)!important;transition:translate 2.6s cubic-bezier(.16,1,.3,1)!important;animation-play-state:running}
.ov-hero-20260913[data-vmk183=scroll] :is(.hero-insurer-wall,.ov-analysis98),section.hero.kp-full-header[data-vmk183=scroll] :is(.kp-scene-lights,.kp-header-detail22,.aa41-helix-stage,.ks-analysis-stage,.ks-biomarker-rail57){translate:var(--vmk183-x,0px) var(--vmk183-y,0px)!important;transition:none!important;animation-name:vmk280DriftMobile;animation-play-state:running}
}