/* 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.022!important;transition:translate 3.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.035!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 3.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}
}