/* Fünf zeitliche Phasen aus vorhandenen, zueinander passenden Ansichten. */
.robot-welcome.washi-intro .washi-figure{position:relative;display:block;align-self:center;justify-self:center;width:205px;max-width:100%;height:270px;padding:0;border:0;background:transparent;cursor:pointer;overflow:visible}
.robot-welcome.washi-intro .washi-figure img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center bottom;animation:none;filter:drop-shadow(0 12px 15px #00142e9c);transition:opacity .15s linear,transform .17s ease-out}
.robot-welcome.washi-intro .washi-pose-front{opacity:1;transform:translateX(0)}
.robot-welcome.washi-intro .washi-pose-threequarter,.robot-welcome.washi-intro .washi-pose-side{opacity:0;transform:translateX(0)}
.washi-figure[data-motion-step="1"] .washi-pose-front{opacity:.72;transform:translateX(2px)}
.washi-figure[data-motion-step="1"] .washi-pose-threequarter{opacity:.28;transform:translateX(2px)}
.washi-figure[data-motion-step="2"] .washi-pose-front{opacity:.3;transform:translateX(3px)}
.washi-figure[data-motion-step="2"] .washi-pose-threequarter{opacity:.7;transform:translateX(3px)}
.washi-figure[data-motion-step="3"] .washi-pose-front{opacity:0}
.washi-figure[data-motion-step="3"] .washi-pose-threequarter{opacity:1;transform:translateX(5px)}
.washi-figure[data-motion-step="4"] .washi-pose-threequarter{opacity:.48;transform:translateX(6px)}
.washi-figure[data-motion-step="4"] .washi-pose-side{opacity:.52;transform:translateX(6px)}
.washi-figure[data-motion-step="5"] .washi-pose-front,.washi-figure[data-motion-step="5"] .washi-pose-threequarter{opacity:0}
.washi-figure[data-motion-step="5"] .washi-pose-side{opacity:1;transform:translateX(9px)}
.washi-figure:focus-visible{outline:3px solid #ffe126;outline-offset:4px;border-radius:14px}
.washi-figure:is(:hover,:focus-visible)+.washi-heading{color:#fff}
/* Die drei Fahrzeugaktionen teilen dieselben fünf Zeitpunkte. */
.vehicle-polish .scene-polisher{transition:opacity .15s linear,transform .17s ease-out}
.vehicle-polish[data-step="1"] .scene-polisher{opacity:.36;transform:translate(-12px,-13px) rotate(-10deg) scale(.85)}
.vehicle-polish[data-step="2"] .scene-polisher{opacity:.72;transform:translate(-6px,-8px) rotate(-5deg) scale(.9)}
.vehicle-polish[data-step="3"] .scene-polisher{opacity:1;transform:translate(0,-3px) rotate(0) scale(.95)}
.vehicle-polish[data-step="4"] .scene-polisher{opacity:1;transform:translate(4px,1px) rotate(4deg) scale(.98)}
.vehicle-polish[data-step="5"] .scene-polisher{opacity:1;transform:translate(7px,3px) rotate(7deg) scale(1)}
.vehicle-polish[data-step="2"] .scene-shine{opacity:.2;transform:translateX(-5px) rotate(-9deg)}
.vehicle-polish[data-step="3"] .scene-shine{opacity:.48;transform:translateX(2px) rotate(-9deg)}
.vehicle-polish[data-step="4"] .scene-shine{opacity:.7;transform:translateX(7px) rotate(-9deg)}
.vehicle-polish[data-step="5"] .scene-shine{opacity:.85;transform:translateX(11px) rotate(-9deg)}
.vehicle-wash .scene-water{transition:opacity .15s linear,transform .17s ease-out}
.vehicle-wash[data-step="1"] .scene-water{opacity:.3;transform:translate(-31%,13%)}
.vehicle-wash[data-step="2"] .scene-water{opacity:.55;transform:translate(-23%,15%)}
.vehicle-wash[data-step="3"] .scene-water{opacity:.75;transform:translate(-15%,17%)}
.vehicle-wash[data-step="4"] .scene-water{opacity:.92;transform:translate(-7%,19%)}
.vehicle-wash[data-step="5"] .scene-water{opacity:1;transform:translate(0,21%)}
.vehicle-interior[data-step] .vehicle-image>img:first-child{opacity:0!important}
.vehicle-interior[data-step] .vehicle-image>img.scene-door-frame{opacity:0!important}
.vehicle-interior[data-step="1"] .vehicle-image>img:first-child{opacity:.48!important}
.vehicle-interior[data-step="1"] .vehicle-image>img.scene-door-1{opacity:.52!important}
.vehicle-interior[data-step="2"] .vehicle-image>img.scene-door-1{opacity:1!important}
.vehicle-interior[data-step="3"] .vehicle-image>img.scene-door-1{opacity:.42!important}
.vehicle-interior[data-step="3"] .vehicle-image>img.scene-door-2{opacity:.58!important}
.vehicle-interior[data-step="4"] .vehicle-image>img.scene-door-2{opacity:1!important}
.vehicle-interior[data-step="5"] .vehicle-image>img.scene-door-open{opacity:1!important}
.vehicle-interior .vehicle-image>img{transition:opacity .15s linear!important}
@media(max-width:680px){.robot-welcome.washi-intro .washi-figure{width:90px;height:118px}}
@media(max-width:400px){.robot-welcome.washi-intro .washi-figure{width:75px;height:100px}}
@media(prefers-reduced-motion:reduce){.robot-welcome.washi-intro .washi-figure img,.vehicle-polish .scene-polisher,.vehicle-wash .scene-water,.vehicle-interior .vehicle-image>img{transition:none!important}.washi-figure[data-motion-step] .washi-pose-front{opacity:1!important;transform:none!important}.washi-figure[data-motion-step] .washi-pose-threequarter,.washi-figure[data-motion-step] .washi-pose-side{opacity:0!important;transform:none!important}}