/* =====================================================================
 * Flowline hero stage: one batch moving down the factory floor.
 * template-parts/stages/flowline.php, played by assets/engine.js.
 *
 * .flw-world is a floor turned into an isometric view (rotateX 58deg,
 * rotateZ 36deg) with its origin at one point. Inside it: x along the
 * belt, y across it (negative is behind it), z up. Upright boxes (.flw-ub)
 * have a --w x --d footprint and --h height; their side faces stand up by
 * turning 90deg about their lower edge. Labels are billboards: the world's
 * two turns undone (rotateZ -36deg, rotateX -58deg), so they face the
 * viewer and stay crisp.
 * ===================================================================== */

.stage-flowline .stage-3d{--fl-ease:cubic-bezier(.5,0,.2,1)}
.stage-flowline .flw-halo{position:absolute;left:-40px;top:20px;width:700px;height:520px;border-radius:50%;transform:translateZ(-300px);
  background:radial-gradient(closest-side,rgba(232,185,100,.16),rgba(47,125,246,.14) 45%,transparent 75%)}

.stage-flowline .stage-3d{--fx:58deg;--fz:46deg}
.stage-flowline .flw-world{position:absolute;left:236px;top:300px;width:0;height:0;transform-style:preserve-3d;transform:rotateX(var(--fx)) rotateZ(var(--fz));scale:1.06 1.06 1.06;animation:flw-rise 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes flw-rise{from{translate:0 46px}}
.stage-flowline .flw-world *{transform-style:preserve-3d}
.stage-flowline .flw-world i{position:absolute;display:block}
.stage-flowline .flw-fl,.stage-flowline .flw-ub>i,.stage-flowline .flw-pd>i,.stage-flowline .flw-tg{animation:flw-fade .8s ease-out both}
@keyframes flw-fade{from{opacity:0}}

/* The factory floor under the line */
.stage-flowline .flw-fl{left:-470px;top:-250px;width:940px;height:440px;border-radius:30px;
  background:
    radial-gradient(50% 45% at 50% 52%,rgba(47,125,246,.2),transparent 72%),
    linear-gradient(rgba(150,190,255,.08) 1px,transparent 1px) 0 0/58px 58px,
    linear-gradient(90deg,rgba(150,190,255,.08) 1px,transparent 1px) 0 0/58px 58px;
  -webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent);mask-image:radial-gradient(closest-side,#000 55%,transparent)}

/* ---------- Upright box ---------- */
.stage-flowline .flw-ub{position:absolute;width:var(--w);height:var(--d)}
.stage-flowline .flw-ub>.t{left:0;top:0;width:100%;height:100%;transform:translateZ(var(--h))}
.stage-flowline .flw-ub>.f{left:0;width:100%;top:calc(100% - var(--h));height:var(--h);transform-origin:50% 100%;transform:rotateX(-90deg)}
.stage-flowline .flw-ub>.k{left:0;width:100%;top:0;height:var(--h);transform-origin:50% 0;transform:rotateX(90deg)}
.stage-flowline .flw-ub>.r{top:0;height:100%;left:calc(100% - var(--h));width:var(--h);transform-origin:100% 50%;transform:rotateY(90deg)}
.stage-flowline .flw-ub>.l{top:0;height:100%;left:0;width:var(--h);transform-origin:0 50%;transform:rotateY(-90deg)}

/* ---------- The conveyor ---------- */
.stage-flowline .flw-belt{--w:680px;--d:50px;--h:18px;left:-340px;top:-25px}
.stage-flowline .flw-belt>.t{overflow:hidden;border-radius:6px;background:#0A111E;box-shadow:inset 0 2px 0 rgba(120,185,255,.85),inset 0 -2px 0 rgba(120,185,255,.85),0 0 26px rgba(47,125,246,.5);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%);mask-image:linear-gradient(90deg,transparent,#000 9%)}
.stage-flowline .flw-belt>.t span{position:absolute;left:-40px;top:5px;bottom:5px;width:760px;border-radius:3px;
  background:repeating-linear-gradient(90deg,rgba(150,195,255,.22) 0 2px,rgba(20,32,54,.9) 2px 20px);animation:flw-belt 1.1s linear infinite}
@keyframes flw-belt{to{transform:translateX(20px)}}
.stage-flowline .flw-belt>.f{background:linear-gradient(180deg,#1C2A44,#0B111D);box-shadow:inset 0 2px 0 rgba(140,200,255,.9);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%);mask-image:linear-gradient(90deg,transparent,#000 9%)}
.stage-flowline .flw-belt>.f::after{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:#7DB7FF;box-shadow:0 0 12px 2px rgba(90,160,255,.75)}
.stage-flowline .flw-belt>.r{background:#101A2C}

/* ---------- Station podiums (stacked layers) ---------- */
.stage-flowline .flw-pd{position:absolute;left:calc(var(--px) - 46px);top:-136px;width:92px;height:76px}
.stage-flowline .flw-pd>i{left:0;top:0;width:100%;height:100%;border-radius:16px;background:#141D2E;transform:translateZ(calc(var(--k) * 4.5px))}
.stage-flowline .flw-pd>i:nth-child(n+3){background:#1B2539}
.stage-flowline .flw-pd>i.up{transform:translateZ(22px);background:radial-gradient(circle at 50% 40%,#2C3A55,#1A2337 70%);
  box-shadow:inset 0 0 0 1.5px rgba(140,185,255,.35);transition:box-shadow .5s,background .5s}
.stage-flowline .flw-pd>i.up::after{content:"";position:absolute;inset:14px 18px;border-radius:50%;border:1.5px solid rgba(140,185,255,.25);transition:border-color .5s,box-shadow .5s}
.stage-flowline .flw-pd>i.up.cur{box-shadow:inset 0 0 0 1.5px #5AA0FF,0 0 30px rgba(90,160,255,.55)}
.stage-flowline .flw-pd>i.up.cur::after{border-color:#9CC8FF;box-shadow:0 0 16px rgba(90,160,255,.8);animation:flw-pulse 1.4s ease-in-out infinite}
.stage-flowline .flw-pd>i.up.done{box-shadow:inset 0 0 0 1.5px rgba(62,213,152,.7),0 0 20px rgba(62,213,152,.3)}
.stage-flowline .flw-pd>i.up.done::after{border-color:rgba(62,213,152,.7);box-shadow:none;animation:none}
@keyframes flw-pulse{50%{opacity:.45}}

/* ---------- QC reject tray ---------- */
.stage-flowline .flw-bin{--w:44px;--d:30px;--h:16px;left:196px;top:44px}
.stage-flowline .flw-bin>.t{border-radius:4px;background:linear-gradient(135deg,#3A1B22,#22121A);box-shadow:inset 0 0 0 1.5px rgba(255,74,79,.7),0 0 18px rgba(255,74,79,.4)}
.stage-flowline .flw-bin>.f{background:linear-gradient(180deg,#5A2129,#2A1218)}
.stage-flowline .flw-bin>.r{background:#3A161D}


/* ---------- The bottle on its carrier ---------- */
.stage-flowline .flw-car{position:absolute;left:0;top:0;width:0;height:0;transform:translate3d(-290px,0,18px)}
.stage-flowline .flw-car.m2{transform:translate3d(-174px,0,18px)}
.stage-flowline .flw-car.m3{transform:translate3d(-58px,0,18px)}
.stage-flowline .flw-car.m4{transform:translate3d(58px,0,18px)}
.stage-flowline .flw-car.m5{transform:translate3d(174px,0,18px)}
.stage-flowline .flw-car.m6{transform:translate3d(290px,0,18px)}
.stage-flowline .flw-car[class*=" m"]{transition:transform .8s var(--fl-ease)}
/* A new batch fades in at the first station each loop. */
.js .stage-flowline .flw-car:not(.m2) .flw-ub>i{animation:flw-fade .7s ease-out both}
.stage-flowline .flw-glass{--w:36px;--d:26px;--h:54px;left:-18px;top:-13px}
.stage-flowline .flw-glass>i{border-radius:5px 5px 3px 3px;background:linear-gradient(180deg,rgba(210,230,255,.2),rgba(210,230,255,.07));box-shadow:inset 0 0 0 1px rgba(225,238,255,.5);transition:background .8s,box-shadow .8s}
.stage-flowline .flw-glass>.t{border-radius:5px;background:rgba(210,230,255,.1)}
.stage-flowline .flw-glass>.f::after{content:"";position:absolute;left:5px;top:6px;width:4px;bottom:8px;border-radius:2px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.1))}
.stage-flowline .flw-car.coat .flw-glass>i{background:linear-gradient(180deg,rgba(240,200,120,.34),rgba(200,140,60,.14));box-shadow:inset 0 0 0 1px rgba(255,220,150,.7),0 0 16px rgba(232,185,100,.35)}
.stage-flowline .flw-liq{--w:28px;--d:18px;--h:44px;left:-14px;top:-9px;transform:translateZ(3px);scale:1 1 .04}
.stage-flowline .flw-liq>i{background:linear-gradient(180deg,rgba(246,200,110,.92),rgba(214,140,40,.92))}
.stage-flowline .flw-liq>.t{background:rgba(255,220,140,.95)}
.stage-flowline .flw-car.fill .flw-liq{scale:1 1 1;transition:scale 1.1s cubic-bezier(.3,.1,.3,1)}
.stage-flowline .flw-neck{--w:12px;--d:10px;--h:7px;left:-6px;top:-5px;transform:translateZ(54px)}
.stage-flowline .flw-neck>i{background:rgba(210,230,255,.35);box-shadow:inset 0 0 0 1px rgba(225,238,255,.5)}
.stage-flowline .flw-cap{--w:22px;--d:16px;--h:16px;left:-11px;top:-8px;transform:translateZ(86px);opacity:0}
.stage-flowline .flw-cap>i{background:linear-gradient(180deg,#F7DE9A,#B98A2E);box-shadow:inset 0 0 0 1px rgba(255,240,200,.5)}
.stage-flowline .flw-cap>.t{background:radial-gradient(circle at 40% 35%,#FFF0C2,#D3A645 70%)}
.stage-flowline .flw-car.cap .flw-cap{opacity:1;transform:translateZ(61px);transition:transform .45s cubic-bezier(.3,1.4,.5,1),opacity .2s}
.stage-flowline .flw-box{--w:50px;--d:40px;--h:82px;left:-25px;top:-20px}
.stage-flowline .flw-box>i{opacity:0;background:linear-gradient(180deg,#C79A62,#9C7343);box-shadow:inset 0 0 0 1px rgba(255,230,190,.35)}
.stage-flowline .flw-box>.t{background:linear-gradient(135deg,#D9AE74,#B38552)}
.stage-flowline .flw-box>.t::after{content:"";position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;background:rgba(240,215,170,.6)}
.stage-flowline .flw-box>.r{background:linear-gradient(180deg,#A47A49,#7E5A33)}
.stage-flowline .flw-box>.f b{position:absolute;left:8px;right:8px;top:12px;padding:3px 0;border-radius:3px;background:#F4F6FA;color:#1A2230;font:700 8px/1 var(--f-mono);text-align:center}
.stage-flowline .flw-car.pk .flw-box>i{opacity:1;transition:opacity .45s}

/* Filling: an amber stream from the dispenser above. QC: a scan ring
   that sweeps up the bottle and back. Both ride with the carrier. */
.stage-flowline .flw-noz{left:-9px;top:-7px;width:18px;height:14px;border-radius:50%;transform:translateZ(128px);background:radial-gradient(circle,#FFE6B0,#E8A23A 60%,rgba(232,162,58,0) 72%);opacity:0;transition:opacity .25s}
.stage-flowline .flw-stream{left:-1.5px;top:-66px;width:3px;height:66px;border-radius:2px;transform-origin:50% 100%;transform:translateZ(62px) rotateX(-90deg);
  background:linear-gradient(180deg,rgba(246,212,138,.2),#F6D48A 30%,#E8A23A);box-shadow:0 0 10px rgba(232,170,70,.9);opacity:0;transition:opacity .25s}
.stage-flowline .flw-noz.on,.stage-flowline .flw-stream.on{opacity:1}
.stage-flowline .flw-ring{left:-31px;top:-25px;width:62px;height:50px;border-radius:50%;border:2px solid #9DFFD3;transform:translateZ(4px);opacity:0;
  box-shadow:0 0 14px rgba(62,213,152,.85),inset 0 0 12px rgba(62,213,152,.45)}
.stage-flowline .flw-ring.on{animation:flw-ringup .75s ease-in-out 2 alternate}
@keyframes flw-ringup{0%{opacity:0;transform:translateZ(4px)}15%,85%{opacity:1}100%{opacity:.2;transform:translateZ(66px)}}

/* The batch card rides in front of the belt, facing the viewer. */
.stage-flowline .flw-card{position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:3px;width:max-content;padding:8px 11px;border-radius:11px;transform-origin:0 0;
  transform:translate3d(0,104px,0) rotateZ(calc(-1 * var(--fz))) rotateX(calc(-1 * var(--fx))) translate(-50%,0);
  background:rgba(9,14,25,.93);border:1px solid rgba(232,185,100,.45);box-shadow:0 18px 34px -16px rgba(0,0,0,.9),0 0 22px -6px rgba(232,185,100,.35);color:#F4EBDD;font:11px/1.25 var(--f-body)}
.stage-flowline .flw-card>b{font:600 11.5px/1.2 var(--f-mono);color:#F3D9A4;white-space:nowrap}
.stage-flowline .flw-card>small{margin-top:-2px;font:500 10px/1.2 var(--f-mono);color:rgba(243,217,164,.75);white-space:nowrap}
.stage-flowline .flw-say{display:grid}
.stage-flowline .flw-say em{grid-area:1/1;font-style:normal;font-size:11.5px;font-weight:600;color:#fff;white-space:nowrap}
.stage-flowline .flw-say em.l6{color:#7EE8B5}
html:not(.js) .stage-flowline .flw-say .l6{opacity:1;transform:none}

/* ---------- Station tags and their figures ---------- */
.stage-flowline .flw-tg,.stage-flowline .flw-pop{position:absolute;left:var(--px);top:-98px;transform-origin:0 0}
.stage-flowline .flw-tg{display:flex;align-items:center;gap:6px;padding:5px 9px 5px 6px;white-space:nowrap;border-radius:99px;pointer-events:auto;cursor:default;
  transform:translateZ(28px) rotateZ(calc(-1 * var(--fz))) rotateX(calc(-1 * var(--fx))) translate(-50%,-100%);
  background:rgba(8,12,22,.92);border:1px solid rgba(140,185,255,.28);font:600 10.5px/1 var(--f-body);color:#EAF1FF;transition:border-color .4s,box-shadow .4s,opacity .3s}
.stage-flowline .flw-tg>i{position:static;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#A9CCFF;background:rgba(47,125,246,.22);transition:background .4s,color .4s}
.stage-flowline .flw-tg svg{width:11px;height:11px}
.stage-flowline .flw-tg.cur{border-color:#5AA0FF;box-shadow:0 0 18px rgba(90,160,255,.55)}
.stage-flowline .flw-tg.cur>i{color:#fff;background:#2F7DF6}
.stage-flowline .flw-tg.done{border-color:rgba(62,213,152,.55);box-shadow:none}
.stage-flowline .flw-tg.done>i{color:#0B1A12;background:#3ED598}
.stage-flowline .flw-tg.hot{border-color:#fff;box-shadow:0 0 20px rgba(255,255,255,.35)}
.stage-flowline .stage-3d.hovering .flw-tg:not(.hot){opacity:.5}
.stage-flowline .flw-pop{display:flex;flex-direction:column;gap:2px;width:max-content;max-width:196px;padding:9px 12px 10px;border-radius:12px;pointer-events:none;
  transform:translateZ(28px) rotateZ(calc(-1 * var(--fz))) rotateX(calc(-1 * var(--fx))) translate(-50%,calc(-100% - 34px));
  background:rgba(12,18,32,.97);border:1px solid rgba(140,185,255,.4);box-shadow:0 24px 44px -18px rgba(0,0,0,.95);color:#EAF1FF;opacity:0;transition:opacity .25s}
.stage-flowline .flw-pop b{font:600 12px/1.25 var(--f-disp);color:#fff}
/* Stations under the panel and near the right edge open their figures leftward. */
.stage-flowline .flw-pop[data-m="s3"],.stage-flowline .flw-pop[data-m="s4"],.stage-flowline .flw-pop[data-m="s5"],.stage-flowline .flw-pop[data-m="s6"]{transform:translateZ(28px) rotateZ(calc(-1 * var(--fz))) rotateX(calc(-1 * var(--fx))) translate(-88%,calc(-100% - 34px))}
.stage-flowline .flw-pop small{font:500 10.5px/1.35 var(--f-body);color:rgba(234,241,255,.75)}
.stage-flowline .flw-pop.hot,.stage-flowline .flw-pop.on{opacity:1}
.stage-flowline .flw-pop.on{border-color:rgba(62,213,152,.55)}
.stage-flowline .flw-rej{position:absolute;left:218px;top:58px;padding:4px 8px;border-radius:7px;white-space:nowrap;transform-origin:0 0;
  transform:translateZ(22px) rotateZ(calc(-1 * var(--fz))) rotateX(calc(-1 * var(--fx))) translate(-50%,-100%);background:rgba(255,74,79,.16);border:1px solid rgba(255,74,79,.55);font:600 10px/1 var(--f-mono);color:#FFB0B2}
.stage-flowline .flw-rej.pop{opacity:0;transition:opacity .35s}
.stage-flowline .flw-rej.pop.on{opacity:1}

/* ---------- The info panel: batch and order ---------- */
.stage-flowline .flw-pn{position:relative;width:226px;border-radius:16px;color:#EAF1FF;font:12px/1.35 var(--f-body);
  background:linear-gradient(180deg,rgba(26,30,44,.95),rgba(11,14,22,.97));border:1px solid rgba(232,185,100,.24);
  box-shadow:0 40px 70px -36px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.08)}
.stage-flowline .flw-tabs{display:flex;gap:5px;padding:9px 10px 0}
.stage-flowline .flw-tabs button{flex:1;padding:7px 0;border-radius:8px;cursor:pointer;pointer-events:auto;font:600 11px/1 var(--f-body);color:rgba(234,241,255,.72);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);transition:color .25s,background .25s,border-color .25s}
.stage-flowline .flw-tabs button:hover{color:#fff;border-color:rgba(232,185,100,.6)}
.stage-flowline .flw-tabs button.cur{color:#fff;background:rgba(232,185,100,.2);border-color:rgba(232,185,100,.75)}
.stage-flowline .flw-v{display:none;padding:0 0 4px}
.stage-flowline .stage-3d:not([data-on]) .flw-v.b,.stage-flowline .stage-3d[data-on="batch"] .flw-v.b,.stage-flowline .stage-3d[data-on="order"] .flw-v.o{display:block}
.stage-flowline .flw-ph{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px 2px}
.stage-flowline .flw-ph b{font:600 13.5px var(--f-disp);color:#fff;letter-spacing:-.01em}
.stage-flowline .flw-live{display:inline-flex;align-items:center;gap:6px;font:500 9.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#6EE7B7;background:rgba(62,213,152,.12);padding:3px 8px;border-radius:99px}
.stage-flowline .flw-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#3ED598;animation:blink 1.4s infinite}
.stage-flowline .flw-sub{margin:0;padding:0 14px 8px;border-bottom:1px solid rgba(255,255,255,.07);font:500 10px var(--f-mono);color:rgba(234,241,255,.55)}
.stage-flowline .flw-r{display:flex;align-items:center;gap:8px;padding:7px 14px;border-bottom:1px solid rgba(255,255,255,.05);font-size:11.5px;color:rgba(234,241,255,.72)}
.stage-flowline .flw-r>span{flex:1}
.stage-flowline .flw-r>b{font:600 12px var(--f-mono);color:#fff;font-variant-numeric:tabular-nums}
.stage-flowline .flw-r>em{font:600 9px/1 var(--f-mono);font-style:normal;letter-spacing:.04em;padding:3px 6px;border-radius:5px;color:#FFB0B2;background:rgba(255,74,79,.14)}
.stage-flowline .flw-r>em.ok{color:#0B1A12;background:#3ED598}
.stage-flowline .flw-r.m{flex-wrap:wrap;row-gap:3px}
.stage-flowline .flw-r.m>b{flex-basis:100%;font:700 15px/1.1 var(--f-disp);letter-spacing:-.01em}
.stage-flowline .flw-r>em.sw{display:grid;padding:0;background:none}
.stage-flowline .flw-r>em.sw i{grid-area:1/1;font-style:normal;padding:3px 6px;border-radius:5px;transition:opacity .3s}
.stage-flowline .flw-r>em.sw .x{color:#FFD27A;background:rgba(254,188,46,.14)}
.stage-flowline .flw-r>em.sw .y{opacity:0;color:#CFE1FF;background:rgba(47,125,246,.3)}
.stage-flowline .flw-r>em.sw.iv .x{opacity:0}
.stage-flowline .flw-r>em.sw.iv .y{opacity:1}
.stage-flowline .flw-steps{display:flex;gap:4px;padding:10px 14px 10px}
.stage-flowline .flw-steps i{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.1);transition:background .4s}
.stage-flowline .flw-steps i.cur{background:#5AA0FF}
.stage-flowline .flw-steps i.done{background:#3ED598}
.stage-flowline .flw-pill{display:grid}
.stage-flowline .flw-pill em{grid-area:1/1;justify-self:end;font:600 9px/1 var(--f-mono);font-style:normal;letter-spacing:.07em;text-transform:uppercase;padding:4px 7px;border-radius:99px;opacity:0;transition:opacity .3s}
.stage-flowline .flw-pill .a{opacity:1;color:rgba(234,241,255,.8);background:rgba(255,255,255,.08)}
.stage-flowline .flw-pill .b{color:#CFE1FF;background:rgba(47,125,246,.22)}
.stage-flowline .flw-pill .c{color:#0B1A12;background:#3ED598}
.stage-flowline .flw-pill.mk .a{opacity:0}.stage-flowline .flw-pill.mk .b{opacity:1}
.stage-flowline .flw-pill.dp .b{opacity:0}.stage-flowline .flw-pill.dp .c{opacity:1}
.stage-flowline .flw-bar{position:relative;height:6px;margin:10px 14px 0;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.stage-flowline .flw-bar i{position:absolute;top:0;bottom:0;border-radius:4px}
.stage-flowline .flw-bar .a{left:0;width:30%;background:#3ED598}
.stage-flowline .flw-bar .b{left:30%;width:70%;background:linear-gradient(90deg,#2F7DF6,#5AA0FF);opacity:0;transform:scaleX(.2);transform-origin:0 50%;transition:opacity .3s,transform .8s cubic-bezier(.2,.7,.2,1)}
.stage-flowline .flw-bar .b.on{opacity:1;transform:none}
.stage-flowline .flw-note{display:grid;margin:0;padding:9px 14px 10px;font-size:10.5px;line-height:1.35;color:rgba(234,241,255,.6)}
.stage-flowline .flw-note>span{grid-area:1/1;transition:opacity .3s}
.stage-flowline .flw-note:has(.y.on) .x{opacity:0}
.stage-flowline .flw-note .y{color:#A7F3D0}

/* ---------- Without script: the batch has reached dispatch ---------- */
html:not(.js) .stage-flowline .flw-car{transform:translate3d(290px,0,18px)}
html:not(.js) .stage-flowline .flw-box>i{opacity:1}
html:not(.js) .stage-flowline .flw-liq{scale:1 1 1}
html:not(.js) .stage-flowline .flw-cap{opacity:1;transform:translateZ(61px)}

/* ---------- Phones ---------- */
@media (max-width:899px){
  .stage-flowline .flw-tg b{display:none}
  .stage-flowline .flw-tg{padding:4px}
}

@media (prefers-reduced-motion:reduce){
  .stage-flowline .flw-world,.stage-flowline .flw-world *{animation:none}
}