/* Home carousel pictures. One clock (--ds-motion-loop-long) for all five pictures; the motion values are read from tokens.css. */
/* Shared parts of every technique in this folder: the element classes, the neutral parts a scene adds, and the one-clock rule.
   Colour only through tokens and currentColor, never a hex. Every base style is the scene's finished still: under
   prefers-reduced-motion the global rule of components.css removes the animation and the still stays. */

/* the element classes (identical to the style block of every file in ../../elements/) */
.el-s{vector-effect:non-scaling-stroke;fill:none;stroke:var(--el-ink,currentColor);stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;opacity:.7}
.el-dim{opacity:.32}
.el-f{fill:var(--el-ink,currentColor);stroke:none;opacity:.1}
.el-ac{vector-effect:non-scaling-stroke;fill:none;stroke:var(--el-accent,var(--ds-logo-bar));stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;opacity:1}
.el-af{fill:var(--el-accent,var(--ds-logo-bar));stroke:none}
.el-ghost{opacity:.22}
.el-dash{stroke-dasharray:5 4}
.neutral-agent{--el-accent:var(--el-ink)}

/* parts a scene adds: neutral and flat, never petrol, never a gradient */
.pk-b{fill:var(--el-ink);opacity:.22}
.pk-s{fill:none;stroke:var(--el-ink);stroke-width:1.5;vector-effect:non-scaling-stroke}
.pk-l{fill:none;stroke:var(--el-ink);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.5}
.bar{fill:var(--el-ink);opacity:.9}
.ov{fill:var(--el-ink)}
.halo{fill:var(--el-ink);fill-opacity:.35;stroke:var(--el-ink);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:0;transform-box:fill-box;transform-origin:center}
.wbar{transform-box:fill-box;transform-origin:50% 0}
.xbar{transform-box:fill-box;transform-origin:0 50%}

/* ONE CLOCK PER IMAGE. A scene class sets --loop (a loop token), --lead (the share of the loop already played at the
   first frame, so no image opens empty) and --step (the gap between parts). Every part acts in its own window of that loop
   and carries --k, its place in the stagger. */
.mt{--phase:calc(var(--loop) * var(--lead))}

/* wire-pulse: light in the wires. Along a connection line a small bright point travels from its source to its target at
   constant speed, and the target block answers when it arrives. The owner's key (or the stop square) gets the neutral Medium
   glow at the moment it acts and the pulse starts from it. Petrol never animates: the pulse, the answer and the glow are neutral ink.
   Needs ../parts.css. ONE CLOCK: the scene's loop is --ds-motion-loop-long (3600 ms); every part acts in its own window of it, as
   @keyframes whose offsets are a share of that loop. The keyframes are written from a
   timeline in milliseconds; a keyframe's timing function is a literal copy of its easing token, mapped in motion/README.md.
   Glow strength is --ds-motion-glow-peak and --ds-motion-glow-scale (Medium). Transform and opacity only.
   Base = the finished still: nothing travelling, nothing lit. */
.mt-w{--loop:var(--ds-motion-loop-long)}
.mt-w .a{animation-duration:var(--loop);animation-iteration-count:infinite;animation-timing-function:linear}
/* a picture that PLAYS ONCE (the Home carousel's): a pause on the start still (animation-delay), the animation once, the end still held
   (fill-mode both), then the script moves on after the pause that follows. The three lengths are tokens of the site, read by carousel.js:
   --car-pause-before, --car-play (the length of the one play: every keyframe offset is a share of it), --car-pause-after;
   --car-lead (set by the script on a slide that slides in: the length of the slide's own entry, so the pause before counts from the moment the picture stands still). */
.mt-once .a{animation-duration:var(--car-play);animation-delay:calc(var(--car-pause-before) + var(--car-lead,0ms));animation-iteration-count:1;animation-fill-mode:both;animation-timing-function:linear}
.wp{opacity:0}
.wp-h{fill:var(--el-ink);fill-opacity:var(--ds-motion-glow-peak)}
.wp-c{fill:var(--el-ink)}
.rx{fill:var(--el-ink);opacity:0}
.pop{transform-box:fill-box;transform-origin:center}

/* slide 1: slide1_pain */
@keyframes s1-1{0%{opacity:0;animation-timing-function:linear}
6.389%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
8.889%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
21.667%{opacity:0;animation-timing-function:linear}
76.389%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
78.889%{opacity:calc(var(--ds-motion-glow-peak) * 0.55);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
100%{opacity:calc(var(--ds-motion-glow-peak) * 0.55);animation-timing-function:linear}}
.s1-1{animation-name:s1-1;opacity:calc(var(--ds-motion-glow-peak) * 0.55)}
@keyframes s1-2{0%{transform:translate(123.9px,214px);opacity:0;animation-timing-function:linear}
9.167%{transform:translate(123.9px,214px);opacity:0;animation-timing-function:linear}
11.111%{transform:translate(123.9px,214px);opacity:1;animation-timing-function:linear}
12.975%{transform:translate(176px,214px);opacity:1;animation-timing-function:linear}
22.697%{transform:translate(176px,81px);opacity:1;animation-timing-function:linear}
31.762%{transform:translate(300px,81px);opacity:1;animation-timing-function:linear}
34.817%{transform:translate(300px,81px);opacity:0;animation-timing-function:linear}
100%{transform:translate(300px,81px);opacity:0;animation-timing-function:linear}}
.s1-2{animation-name:s1-2;transform:translate(300px,81px);opacity:0}
@keyframes s1-3{0%{transform:translate(123.9px,214px);opacity:0;animation-timing-function:linear}
10.556%{transform:translate(123.9px,214px);opacity:0;animation-timing-function:linear}
12.5%{transform:translate(123.9px,214px);opacity:1;animation-timing-function:linear}
14.364%{transform:translate(176px,214px);opacity:1;animation-timing-function:linear}
19.262%{transform:translate(176px,147px);opacity:1;animation-timing-function:linear}
28.326%{transform:translate(300px,147px);opacity:1;animation-timing-function:linear}
31.382%{transform:translate(300px,147px);opacity:0;animation-timing-function:linear}
100%{transform:translate(300px,147px);opacity:0;animation-timing-function:linear}}
.s1-3{animation-name:s1-3;transform:translate(300px,147px);opacity:0}
@keyframes s1-4{0%{transform:translate(123.9px,214px);opacity:0;animation-timing-function:linear}
11.944%{transform:translate(123.9px,214px);opacity:0;animation-timing-function:linear}
13.889%{transform:translate(123.9px,214px);opacity:1;animation-timing-function:linear}
15.753%{transform:translate(176px,214px);opacity:1;animation-timing-function:linear}
15.826%{transform:translate(176px,213px);opacity:1;animation-timing-function:linear}
24.89%{transform:translate(300px,213px);opacity:1;animation-timing-function:linear}
27.946%{transform:translate(300px,213px);opacity:0;animation-timing-function:linear}
100%{transform:translate(300px,213px);opacity:0;animation-timing-function:linear}}
.s1-4{animation-name:s1-4;transform:translate(300px,213px);opacity:0}
@keyframes s1-5{0%{transform:translate(123.9px,214px);opacity:0;animation-timing-function:linear}
13.333%{transform:translate(123.9px,214px);opacity:0;animation-timing-function:linear}
15.278%{transform:translate(123.9px,214px);opacity:1;animation-timing-function:linear}
17.142%{transform:translate(176px,214px);opacity:1;animation-timing-function:linear}
21.893%{transform:translate(176px,279px);opacity:1;animation-timing-function:linear}
30.958%{transform:translate(300px,279px);opacity:1;animation-timing-function:linear}
34.013%{transform:translate(300px,279px);opacity:0;animation-timing-function:linear}
100%{transform:translate(300px,279px);opacity:0;animation-timing-function:linear}}
.s1-5{animation-name:s1-5;transform:translate(300px,279px);opacity:0}
@keyframes s1-6{0%{opacity:0;animation-timing-function:linear}
31.206%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
33.706%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
46.484%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s1-6{animation-name:s1-6;opacity:0}
@keyframes s1-7{0%{transform:scale(1);animation-timing-function:linear}
32.595%{transform:scale(1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
35.651%{transform:scale(1.55);animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}
43.151%{transform:scale(1);animation-timing-function:linear}
100%{transform:scale(1);animation-timing-function:linear}}
.s1-7{animation-name:s1-7;transform:scale(1)}
@keyframes s1-8{0%{transform:translate(266px,81px);animation-timing-function:linear}
41.667%{transform:translate(266px,81px);animation-timing-function:cubic-bezier(0.3, 0, 0.1, 1)}
62.778%{transform:translate(210px,81px);animation-timing-function:linear}
100%{transform:translate(210px,81px);animation-timing-function:linear}}
.s1-8{animation-name:s1-8;transform:translate(210px,81px)}
@keyframes s1-9{0%{opacity:0;animation-timing-function:linear}
27.77%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
30.27%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
43.048%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s1-9{animation-name:s1-9;opacity:0}
@keyframes s1-10{0%{transform:scale(1);animation-timing-function:linear}
29.159%{transform:scale(1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
32.215%{transform:scale(1.55);animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}
39.715%{transform:scale(1);animation-timing-function:linear}
100%{transform:scale(1);animation-timing-function:linear}}
.s1-10{animation-name:s1-10;transform:scale(1)}
@keyframes s1-11{0%{transform:translate(266px,147px);animation-timing-function:linear}
45.278%{transform:translate(266px,147px);animation-timing-function:cubic-bezier(0.3, 0, 0.1, 1)}
66.389%{transform:translate(210px,147px);animation-timing-function:linear}
100%{transform:translate(210px,147px);animation-timing-function:linear}}
.s1-11{animation-name:s1-11;transform:translate(210px,147px)}
@keyframes s1-12{0%{opacity:0;animation-timing-function:linear}
24.335%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
26.835%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
39.613%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s1-12{animation-name:s1-12;opacity:0}
@keyframes s1-13{0%{transform:scale(1);animation-timing-function:linear}
25.724%{transform:scale(1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
28.779%{transform:scale(1.55);animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}
36.279%{transform:scale(1);animation-timing-function:linear}
100%{transform:scale(1);animation-timing-function:linear}}
.s1-13{animation-name:s1-13;transform:scale(1)}
@keyframes s1-14{0%{transform:translate(266px,213px);animation-timing-function:linear}
48.889%{transform:translate(266px,213px);animation-timing-function:cubic-bezier(0.3, 0, 0.1, 1)}
70%{transform:translate(210px,213px);animation-timing-function:linear}
100%{transform:translate(210px,213px);animation-timing-function:linear}}
.s1-14{animation-name:s1-14;transform:translate(210px,213px)}
@keyframes s1-15{0%{opacity:0;animation-timing-function:linear}
30.402%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
32.902%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
45.68%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s1-15{animation-name:s1-15;opacity:0}
@keyframes s1-16{0%{transform:scale(1);animation-timing-function:linear}
31.791%{transform:scale(1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
34.846%{transform:scale(1.55);animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}
42.346%{transform:scale(1);animation-timing-function:linear}
100%{transform:scale(1);animation-timing-function:linear}}
.s1-16{animation-name:s1-16;transform:scale(1)}
@keyframes s1-17{0%{transform:translate(266px,279px);animation-timing-function:linear}
52.5%{transform:translate(266px,279px);animation-timing-function:cubic-bezier(0.3, 0, 0.1, 1)}
73.611%{transform:translate(210px,279px);animation-timing-function:linear}
100%{transform:translate(210px,279px);animation-timing-function:linear}}
.s1-17{animation-name:s1-17;transform:translate(210px,279px)}

/* slide 2: slide3_yes */
@keyframes s2-1{0%{opacity:0;animation-timing-function:linear}
4.167%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
6.667%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
19.444%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s2-1{animation-name:s2-1;opacity:0}
@keyframes s2-2{0%{transform:translate(105px,180px);opacity:0;animation-timing-function:linear}
6.389%{transform:translate(105px,180px);opacity:0;animation-timing-function:linear}
8.333%{transform:translate(105px,180px);opacity:1;animation-timing-function:linear}
8.947%{transform:translate(140px,180px);opacity:1;animation-timing-function:linear}
12.003%{transform:translate(140px,180px);opacity:0;animation-timing-function:linear}
100%{transform:translate(140px,180px);opacity:0;animation-timing-function:linear}}
.s2-2{animation-name:s2-2;transform:translate(140px,180px);opacity:0}
@keyframes s2-3{0%{transform:scaleX(0);animation-timing-function:linear}
10.556%{transform:scaleX(0);animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}
18.333%{transform:scaleX(1);animation-timing-function:linear}
100%{transform:scaleX(1);animation-timing-function:linear}}
.s2-3{animation-name:s2-3;transform:scaleX(1)}
@keyframes s2-4{0%{transform:scaleX(0);animation-timing-function:linear}
14.167%{transform:scaleX(0);animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}
21.944%{transform:scaleX(1);animation-timing-function:linear}
100%{transform:scaleX(1);animation-timing-function:linear}}
.s2-4{animation-name:s2-4;transform:scaleX(1)}
@keyframes s2-5{0%{transform:scaleX(0);animation-timing-function:linear}
17.778%{transform:scaleX(0);animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}
25.556%{transform:scaleX(1);animation-timing-function:linear}
100%{transform:scaleX(1);animation-timing-function:linear}}
.s2-5{animation-name:s2-5;transform:scaleX(1)}
@keyframes s2-6{0%{transform:scaleX(0);animation-timing-function:linear}
9.167%{transform:scaleX(0);animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}
15.556%{transform:scaleX(1);animation-timing-function:linear}
100%{transform:scaleX(1);animation-timing-function:linear}}
.s2-6{animation-name:s2-6;transform:scaleX(1)}
@keyframes s2-7{0%{opacity:0;animation-timing-function:linear}
8.392%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
10.892%{opacity:calc(var(--ds-motion-glow-peak) * 0.9);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
23.67%{opacity:0;animation-timing-function:linear}
30.278%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
32.778%{opacity:calc(var(--ds-motion-glow-peak) * 0.6);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
46.667%{opacity:calc(var(--ds-motion-glow-peak) * 0.6);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
59.444%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s2-7{animation-name:s2-7;opacity:0}
@keyframes s2-8{0%{transform:translate(188px,136px);opacity:0;animation-timing-function:linear}
23.611%{transform:translate(188px,136px);opacity:0;animation-timing-function:linear}
25.556%{transform:translate(188px,136px);opacity:1;animation-timing-function:linear}
26.278%{transform:translate(188px,88px);opacity:1;animation-timing-function:linear}
29.389%{transform:translate(244px,88px);opacity:1;animation-timing-function:linear}
32.444%{transform:translate(244px,88px);opacity:0;animation-timing-function:linear}
100%{transform:translate(244px,88px);opacity:0;animation-timing-function:linear}}
.s2-8{animation-name:s2-8;transform:translate(244px,88px);opacity:0}
@keyframes s2-9{0%{transform:translate(244px,88px);opacity:0;animation-timing-function:linear}
30.556%{transform:translate(244px,88px);opacity:0;animation-timing-function:linear}
32.5%{transform:translate(244px,88px);opacity:1;animation-timing-function:linear}
33.667%{transform:translate(188px,88px);opacity:1;animation-timing-function:linear}
36.333%{transform:translate(188px,136px);opacity:1;animation-timing-function:linear}
39.389%{transform:translate(188px,136px);opacity:0;animation-timing-function:linear}
100%{transform:translate(188px,136px);opacity:0;animation-timing-function:linear}}
.s2-9{animation-name:s2-9;transform:translate(188px,136px);opacity:0}
@keyframes s2-10{0%{transform:translate(188px,136px);opacity:0;animation-timing-function:linear}
37.5%{transform:translate(188px,136px);opacity:0;animation-timing-function:linear}
39.444%{transform:translate(188px,136px);opacity:1;animation-timing-function:linear}
40.167%{transform:translate(188px,88px);opacity:1;animation-timing-function:linear}
43.278%{transform:translate(244px,88px);opacity:1;animation-timing-function:linear}
46.333%{transform:translate(244px,88px);opacity:0;animation-timing-function:linear}
100%{transform:translate(244px,88px);opacity:0;animation-timing-function:linear}}
.s2-10{animation-name:s2-10;transform:translate(244px,88px);opacity:0}
@keyframes s2-11{0%{transform:translate(244px,88px);opacity:0;animation-timing-function:linear}
44.444%{transform:translate(244px,88px);opacity:0;animation-timing-function:linear}
46.389%{transform:translate(244px,88px);opacity:1;animation-timing-function:linear}
47.556%{transform:translate(188px,88px);opacity:1;animation-timing-function:linear}
50.222%{transform:translate(188px,136px);opacity:1;animation-timing-function:linear}
53.278%{transform:translate(188px,136px);opacity:0;animation-timing-function:linear}
100%{transform:translate(188px,136px);opacity:0;animation-timing-function:linear}}
.s2-11{animation-name:s2-11;transform:translate(188px,136px);opacity:0}
@keyframes s2-12{0%{transform:translate(265.2px,88px);opacity:0;animation-timing-function:linear}
55.833%{transform:translate(265.2px,88px);opacity:0;animation-timing-function:linear}
57.778%{transform:translate(265.2px,88px);opacity:1;animation-timing-function:linear}
60.57%{transform:translate(330px,88px);opacity:1;animation-timing-function:linear}
64.81%{transform:translate(330px,146px);opacity:1;animation-timing-function:linear}
67.865%{transform:translate(330px,146px);opacity:0;animation-timing-function:linear}
100%{transform:translate(330px,146px);opacity:0;animation-timing-function:linear}}
.s2-12{animation-name:s2-12;transform:translate(330px,146px);opacity:0}
@keyframes s2-13{0%{transform:scale(.9);opacity:0;animation-timing-function:linear}
51.944%{transform:scale(.9);opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
58.056%{transform:scale(var(--ds-motion-glow-scale));opacity:var(--ds-motion-glow-peak);animation-timing-function:linear}
61.944%{transform:scale(var(--ds-motion-glow-scale));opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0.4, 0, 1, 1)}
75.278%{transform:scale(var(--ds-motion-glow-scale));opacity:0;animation-timing-function:linear}
100%{transform:scale(var(--ds-motion-glow-scale));opacity:0;animation-timing-function:linear}}
.s2-13{animation-name:s2-13;transform:scale(var(--ds-motion-glow-scale));opacity:0}
@keyframes s2-14{0%{opacity:0;animation-timing-function:linear}
64.254%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
66.754%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
79.532%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s2-14{animation-name:s2-14;opacity:0}
@keyframes s2-15{0%{transform:scaleY(1);animation-timing-function:linear}
63.699%{transform:scaleY(1);animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}
70.088%{transform:scaleY(.14);animation-timing-function:linear}
100%{transform:scaleY(.14);animation-timing-function:linear}}
.s2-15{animation-name:s2-15;transform:scaleY(.14)}
@keyframes s2-16{0%{transform:translate(260px,180px);opacity:0;animation-timing-function:linear}
31.944%{transform:translate(260px,180px);opacity:0;animation-timing-function:linear}
33.889%{transform:translate(260px,180px);opacity:1;animation-timing-function:cubic-bezier(0.3, 0, 0.1, 1)}
43.333%{transform:translate(292px,180px);opacity:1;animation-timing-function:linear}
68.143%{transform:translate(292px,180px);opacity:1;animation-timing-function:cubic-bezier(0.3, 0, 0.1, 1)}
85.921%{transform:translate(416px,180px);opacity:1;animation-timing-function:linear}
100%{transform:translate(416px,180px);opacity:1;animation-timing-function:linear}}
.s2-16{animation-name:s2-16;transform:translate(416px,180px);opacity:1}
@keyframes s2-17{0%{transform:scaleX(0);animation-timing-function:linear}
83.143%{transform:scaleX(0);animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}
93.699%{transform:scaleX(1);animation-timing-function:linear}
100%{transform:scaleX(1);animation-timing-function:linear}}
.s2-17{animation-name:s2-17;transform:scaleX(1)}
@keyframes s2-18{0%{opacity:0;animation-timing-function:linear}
84.254%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
87.865%{opacity:.9;animation-timing-function:linear}
100%{opacity:.9;animation-timing-function:linear}}
.s2-18{animation-name:s2-18;opacity:.9}
@keyframes s2-19{0%{opacity:0;animation-timing-function:linear}
83.421%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
85.921%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
98.699%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s2-19{animation-name:s2-19;opacity:0}

/* slide 3: slide_last */
@keyframes s3-1{0%{transform:translate(430px,175px);opacity:0;animation-timing-function:linear}
16.111%{transform:translate(430px,175px);opacity:0;animation-timing-function:linear}
18.056%{transform:translate(430px,175px);opacity:1;animation-timing-function:linear}
23.385%{transform:translate(529.5px,175px);opacity:1;animation-timing-function:linear}
26.44%{transform:translate(529.5px,175px);opacity:0;animation-timing-function:linear}
100%{transform:translate(529.5px,175px);opacity:0;animation-timing-function:linear}}
.s3-1{animation-name:s3-1;transform:translate(529.5px,175px);opacity:0}
@keyframes s3-2{0%{transform:translate(190px,175px);opacity:0;animation-timing-function:linear}
63.889%{transform:translate(190px,175px);opacity:0;animation-timing-function:linear}
65.833%{transform:translate(190px,175px);opacity:1;animation-timing-function:linear}
67.544%{transform:translate(140px,175px);opacity:1;animation-timing-function:linear}
70.599%{transform:translate(140px,175px);opacity:0;animation-timing-function:linear}
100%{transform:translate(140px,175px);opacity:0;animation-timing-function:linear}}
.s3-2{animation-name:s3-2;transform:translate(140px,175px);opacity:0}
@keyframes s3-3{0%{transform:scale(.9);opacity:0;animation-timing-function:linear}
64.211%{transform:scale(.9);opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
70.322%{transform:scale(var(--ds-motion-glow-scale));opacity:calc(var(--ds-motion-glow-peak) * 0.38);animation-timing-function:linear}
100%{transform:scale(var(--ds-motion-glow-scale));opacity:calc(var(--ds-motion-glow-peak) * 0.38);animation-timing-function:linear}}
.s3-3{animation-name:s3-3;transform:scale(var(--ds-motion-glow-scale));opacity:calc(var(--ds-motion-glow-peak) * 0.38)}
@keyframes s3-4{0%{opacity:0;animation-timing-function:linear}
23.107%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
25.607%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
100%{opacity:var(--ds-motion-glow-peak);animation-timing-function:linear}}
.s3-4{animation-name:s3-4;opacity:var(--ds-motion-glow-peak)}
@keyframes s3-5{0%{opacity:0;animation-timing-function:linear}
13.889%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
16.389%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
29.167%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s3-5{animation-name:s3-5;opacity:0}
@keyframes s3-6{0%{transform:scale(1);animation-timing-function:linear}
14.722%{transform:scale(1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
17.778%{transform:scale(1.7);animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}
25.278%{transform:scale(1);animation-timing-function:linear}
77.778%{transform:scale(1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
80.833%{transform:scale(1.7);animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}
88.333%{transform:scale(1);animation-timing-function:linear}
100%{transform:scale(1);animation-timing-function:linear}}
.s3-6{animation-name:s3-6;transform:scale(1)}

/* slide 4: slide2_closed */
@keyframes s4-1{0%{opacity:0;animation-timing-function:linear}
4.167%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
6.667%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
19.444%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s4-1{animation-name:s4-1;opacity:0}
@keyframes s4-2{0%{transform:translate(77px,92px);opacity:0;animation-timing-function:linear}
6.389%{transform:translate(77px,92px);opacity:0;animation-timing-function:linear}
8.333%{transform:translate(77px,92px);opacity:1;animation-timing-function:linear}
11.725%{transform:translate(150px,92px);opacity:1;animation-timing-function:linear}
14.781%{transform:translate(150px,92px);opacity:0;animation-timing-function:linear}
100%{transform:translate(150px,92px);opacity:0;animation-timing-function:linear}}
.s4-2{animation-name:s4-2;transform:translate(150px,92px);opacity:0}
@keyframes s4-3{0%{transform:scaleX(0);animation-timing-function:linear}
10.614%{transform:scaleX(0);animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}
21.17%{transform:scaleX(1);animation-timing-function:linear}
100%{transform:scaleX(1);animation-timing-function:linear}}
.s4-3{animation-name:s4-3;transform:scaleX(1)}
@keyframes s4-4{0%{opacity:0;animation-timing-function:linear}
11.725%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
15.336%{opacity:.9;animation-timing-function:linear}
100%{opacity:.9;animation-timing-function:linear}}
.s4-4{animation-name:s4-4;opacity:.9}
@keyframes s4-5{0%{opacity:0;animation-timing-function:linear}
10.892%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
13.392%{opacity:calc(var(--ds-motion-glow-peak) * 0.8);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
26.17%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s4-5{animation-name:s4-5;opacity:0}
@keyframes s4-6{0%{opacity:0;animation-timing-function:linear}
7.222%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
9.722%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
22.5%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s4-6{animation-name:s4-6;opacity:0}
@keyframes s4-7{0%{transform:translate(77px,158px);opacity:0;animation-timing-function:linear}
9.444%{transform:translate(77px,158px);opacity:0;animation-timing-function:linear}
11.389%{transform:translate(77px,158px);opacity:1;animation-timing-function:linear}
14.781%{transform:translate(150px,158px);opacity:1;animation-timing-function:linear}
17.836%{transform:translate(150px,158px);opacity:0;animation-timing-function:linear}
100%{transform:translate(150px,158px);opacity:0;animation-timing-function:linear}}
.s4-7{animation-name:s4-7;transform:translate(150px,158px);opacity:0}
@keyframes s4-8{0%{transform:scaleX(0);animation-timing-function:linear}
13.67%{transform:scaleX(0);animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}
24.225%{transform:scaleX(1);animation-timing-function:linear}
100%{transform:scaleX(1);animation-timing-function:linear}}
.s4-8{animation-name:s4-8;transform:scaleX(1)}
@keyframes s4-9{0%{opacity:0;animation-timing-function:linear}
14.781%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
18.392%{opacity:.9;animation-timing-function:linear}
100%{opacity:.9;animation-timing-function:linear}}
.s4-9{animation-name:s4-9;opacity:.9}
@keyframes s4-10{0%{opacity:0;animation-timing-function:linear}
13.947%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
16.447%{opacity:calc(var(--ds-motion-glow-peak) * 0.8);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
29.225%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s4-10{animation-name:s4-10;opacity:0}
@keyframes s4-11{0%{opacity:0;animation-timing-function:linear}
10.278%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
12.778%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
25.556%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s4-11{animation-name:s4-11;opacity:0}
@keyframes s4-12{0%{transform:translate(77px,224px);opacity:0;animation-timing-function:linear}
12.5%{transform:translate(77px,224px);opacity:0;animation-timing-function:linear}
14.444%{transform:translate(77px,224px);opacity:1;animation-timing-function:linear}
17.836%{transform:translate(150px,224px);opacity:1;animation-timing-function:linear}
20.892%{transform:translate(150px,224px);opacity:0;animation-timing-function:linear}
100%{transform:translate(150px,224px);opacity:0;animation-timing-function:linear}}
.s4-12{animation-name:s4-12;transform:translate(150px,224px);opacity:0}
@keyframes s4-13{0%{transform:scaleX(0);animation-timing-function:linear}
16.725%{transform:scaleX(0);animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}
27.281%{transform:scaleX(1);animation-timing-function:linear}
100%{transform:scaleX(1);animation-timing-function:linear}}
.s4-13{animation-name:s4-13;transform:scaleX(1)}
@keyframes s4-14{0%{opacity:0;animation-timing-function:linear}
17.836%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
21.447%{opacity:.9;animation-timing-function:linear}
100%{opacity:.9;animation-timing-function:linear}}
.s4-14{animation-name:s4-14;opacity:.9}
@keyframes s4-15{0%{opacity:0;animation-timing-function:linear}
17.003%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
19.503%{opacity:calc(var(--ds-motion-glow-peak) * 0.8);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
32.281%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s4-15{animation-name:s4-15;opacity:0}
@keyframes s4-16{0%{opacity:0;animation-timing-function:linear}
33.392%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
35.892%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
53.114%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s4-16{animation-name:s4-16;opacity:0}
@keyframes s4-17{0%{transform:translate(302px,158px);opacity:0;animation-timing-function:linear}
36.725%{transform:translate(302px,158px);opacity:0;animation-timing-function:linear}
39.503%{transform:translate(302px,158px);opacity:1;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
66.17%{transform:translate(470px,158px);opacity:1;animation-timing-function:cubic-bezier(0.3, 0, 0.1, 1)}
100%{transform:translate(470px,158px);opacity:1;animation-timing-function:linear}}
.s4-17{animation-name:s4-17;transform:translate(470px,158px);opacity:1}
@keyframes s4-18{0%{transform:scale(.9);opacity:0;animation-timing-function:linear}
60.614%{transform:scale(.9);opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
66.725%{transform:scale(var(--ds-motion-glow-scale));opacity:calc(var(--ds-motion-glow-peak) * 0.45);animation-timing-function:linear}
100%{transform:scale(var(--ds-motion-glow-scale));opacity:calc(var(--ds-motion-glow-peak) * 0.45);animation-timing-function:linear}}
.s4-18{animation-name:s4-18;transform:scale(var(--ds-motion-glow-scale));opacity:calc(var(--ds-motion-glow-peak) * 0.45)}

/* slide 5: slide5_owned */
@keyframes s5-1{0%{opacity:0;animation-timing-function:linear}
5%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
7.5%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
20.278%{opacity:0;animation-timing-function:linear}
48.889%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
51.389%{opacity:calc(var(--ds-motion-glow-peak) * 0.8);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
64.167%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s5-1{animation-name:s5-1;opacity:0}
@keyframes s5-2{0%{transform:translate(97px,132px);opacity:0;animation-timing-function:linear}
7.222%{transform:translate(97px,132px);opacity:0;animation-timing-function:linear}
9.167%{transform:translate(97px,132px);opacity:1;animation-timing-function:linear}
12.558%{transform:translate(170px,132px);opacity:1;animation-timing-function:linear}
15.614%{transform:translate(170px,132px);opacity:0;animation-timing-function:linear}
100%{transform:translate(170px,132px);opacity:0;animation-timing-function:linear}}
.s5-2{animation-name:s5-2;transform:translate(170px,132px);opacity:0}
@keyframes s5-3{0%{transform:translate(97px,132px);opacity:0;animation-timing-function:linear}
48.889%{transform:translate(97px,132px);opacity:0;animation-timing-function:linear}
50.833%{transform:translate(97px,132px);opacity:1;animation-timing-function:linear}
54.225%{transform:translate(170px,132px);opacity:1;animation-timing-function:linear}
57.281%{transform:translate(170px,132px);opacity:0;animation-timing-function:linear}
100%{transform:translate(170px,132px);opacity:0;animation-timing-function:linear}}
.s5-3{animation-name:s5-3;transform:translate(170px,132px);opacity:0}
@keyframes s5-4{0%{transform:scaleX(0);animation-timing-function:linear}
11.447%{transform:scaleX(0);animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}
23.114%{transform:scaleX(1);animation-timing-function:linear}
100%{transform:scaleX(1);animation-timing-function:linear}}
.s5-4{animation-name:s5-4;transform:scaleX(1)}
@keyframes s5-5{0%{opacity:0;animation-timing-function:linear}
12.558%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
16.17%{opacity:.9;animation-timing-function:linear}
100%{opacity:.9;animation-timing-function:linear}}
.s5-5{animation-name:s5-5;opacity:.9}
@keyframes s5-6{0%{opacity:0;animation-timing-function:linear}
11.725%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
14.225%{opacity:calc(var(--ds-motion-glow-peak) * 0.9);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
27.003%{opacity:0;animation-timing-function:linear}
53.392%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
55.892%{opacity:calc(var(--ds-motion-glow-peak) * 0.7);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
68.67%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s5-6{animation-name:s5-6;opacity:0}
@keyframes s5-7{0%{opacity:0;animation-timing-function:linear}
9.444%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
11.944%{opacity:var(--ds-motion-glow-peak);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
24.722%{opacity:0;animation-timing-function:linear}
53.333%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
55.833%{opacity:calc(var(--ds-motion-glow-peak) * 0.8);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
68.611%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s5-7{animation-name:s5-7;opacity:0}
@keyframes s5-8{0%{transform:translate(97px,228px);opacity:0;animation-timing-function:linear}
11.667%{transform:translate(97px,228px);opacity:0;animation-timing-function:linear}
13.611%{transform:translate(97px,228px);opacity:1;animation-timing-function:linear}
17.003%{transform:translate(170px,228px);opacity:1;animation-timing-function:linear}
20.058%{transform:translate(170px,228px);opacity:0;animation-timing-function:linear}
100%{transform:translate(170px,228px);opacity:0;animation-timing-function:linear}}
.s5-8{animation-name:s5-8;transform:translate(170px,228px);opacity:0}
@keyframes s5-9{0%{transform:translate(97px,228px);opacity:0;animation-timing-function:linear}
53.333%{transform:translate(97px,228px);opacity:0;animation-timing-function:linear}
55.278%{transform:translate(97px,228px);opacity:1;animation-timing-function:linear}
58.67%{transform:translate(170px,228px);opacity:1;animation-timing-function:linear}
61.725%{transform:translate(170px,228px);opacity:0;animation-timing-function:linear}
100%{transform:translate(170px,228px);opacity:0;animation-timing-function:linear}}
.s5-9{animation-name:s5-9;transform:translate(170px,228px);opacity:0}
@keyframes s5-10{0%{transform:scaleX(0);animation-timing-function:linear}
15.892%{transform:scaleX(0);animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}
27.558%{transform:scaleX(1);animation-timing-function:linear}
100%{transform:scaleX(1);animation-timing-function:linear}}
.s5-10{animation-name:s5-10;transform:scaleX(1)}
@keyframes s5-11{0%{opacity:0;animation-timing-function:linear}
17.003%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
20.614%{opacity:.9;animation-timing-function:linear}
100%{opacity:.9;animation-timing-function:linear}}
.s5-11{animation-name:s5-11;opacity:.9}
@keyframes s5-12{0%{opacity:0;animation-timing-function:linear}
16.17%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
18.67%{opacity:calc(var(--ds-motion-glow-peak) * 0.9);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
31.447%{opacity:0;animation-timing-function:linear}
57.836%{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
60.336%{opacity:calc(var(--ds-motion-glow-peak) * 0.7);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
73.114%{opacity:0;animation-timing-function:linear}
100%{opacity:0;animation-timing-function:linear}}
.s5-12{animation-name:s5-12;opacity:0}
@keyframes s5-13{0%{transform:translate(408px,190px);opacity:0;animation-timing-function:linear}
16.667%{transform:translate(408px,190px);opacity:0;animation-timing-function:linear}
18.611%{transform:translate(408px,190px);opacity:1;animation-timing-function:linear}
20.54%{transform:translate(409.4px,174.02px);opacity:1;animation-timing-function:linear}
24.414%{transform:translate(413.55px,158.53px);opacity:1;animation-timing-function:linear}
28.287%{transform:translate(420.33px,144px);opacity:1;animation-timing-function:linear}
32.161%{transform:translate(429.52px,130.86px);opacity:1;animation-timing-function:linear}
36.035%{transform:translate(440.86px,119.52px);opacity:1;animation-timing-function:linear}
39.908%{transform:translate(454px,110.33px);opacity:1;animation-timing-function:linear}
43.782%{transform:translate(468.53px,103.55px);opacity:1;animation-timing-function:linear}
47.655%{transform:translate(484.02px,99.4px);opacity:1;animation-timing-function:linear}
51.529%{transform:translate(500px,98px);opacity:1;animation-timing-function:linear}
55.403%{transform:translate(515.98px,99.4px);opacity:1;animation-timing-function:linear}
59.276%{transform:translate(531.47px,103.55px);opacity:1;animation-timing-function:linear}
63.15%{transform:translate(546px,110.33px);opacity:1;animation-timing-function:linear}
67.023%{transform:translate(559.14px,119.52px);opacity:1;animation-timing-function:linear}
70.897%{transform:translate(570.48px,130.86px);opacity:1;animation-timing-function:linear}
74.77%{transform:translate(579.67px,144px);opacity:1;animation-timing-function:linear}
78.644%{transform:translate(586.45px,158.53px);opacity:1;animation-timing-function:linear}
82.518%{transform:translate(590.6px,174.02px);opacity:1;animation-timing-function:linear}
86.391%{transform:translate(592px,190px);opacity:1;animation-timing-function:linear}
89.447%{transform:translate(592px,190px);opacity:0;animation-timing-function:linear}
100%{transform:translate(592px,190px);opacity:0;animation-timing-function:linear}}
.s5-13{animation-name:s5-13;transform:translate(592px,190px);opacity:0}

/* ---- the Home carousel's slide layout and the picture's colours ----
   The picture sits on the deep brand surface: ink and accent take the logo-on-brand roles; the accent (petrol) is only on the
   static parts (the owner's key, the stop command), every moving part is the neutral ink. */
.car-art{--el-ink:var(--ds-logo-ink-on-brand);--el-accent:var(--ds-logo-bar-on-brand);color:var(--ds-text-on-brand);margin:0}
.car-art svg.mt{display:block;inline-size:100%;block-size:auto;overflow:visible}

/* Only the slide that is shown moves: the script marks it data-live; every other slide shows its finished still. */
.carousel.is-js .car-slide:not([data-live]) .car-art *{animation:none}

.car-slide{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-spacing-lg);align-content:center;justify-items:start;padding-inline:var(--ds-spacing-lg)}
.car-slide p{margin-inline:0;max-width:34ch}
.car-art{order:-1;inline-size:100%;max-inline-size:440px;justify-self:center}
@media (min-width:768px){
  .car-slide{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:var(--ds-spacing-2xl);align-items:center;
    padding-inline:max(var(--ds-spacing-xl),calc((100% - 1160px) / 2 + var(--ds-spacing-xl)))}
  .car-slide p{max-width:30ch;justify-self:start}
  .car-art{order:0;max-inline-size:none;justify-self:stretch}
}
@media (min-width:1100px){
  .car-slide{grid-template-columns:minmax(0,1fr) minmax(0,560px)}
}
.carousel:not(.is-js) .car-slide{padding-bottom:var(--ds-spacing-xl)}