/* =====================================================================
   REALAIZE — the scenes
   Loaded after css/story.css, which owns the chassis: the blueprint
   palette, the pinned runway, the rail, the copy column, the stacked
   canvas, the card and list primitives, the intro and the closing claim.

   What is here is only what is particular to this argument — the
   documents a case arrives in, the elevation and its potential layers,
   the scenario cards, the investment case and the pipeline.
   ===================================================================== */

/* =====================================================================
   01 · RAW BUILDING — the documents a case arrives in
   ===================================================================== */
.rz-l-docs{opacity:var(--on,0)}
.rz-doc{
  --dk:clamp(0,calc(var(--in,0) * 6.4 - var(--k) * .9),1);
  position:absolute;left:var(--x);top:var(--y);width:26%;min-width:126px;
  padding:9px 10px 10px;border-radius:5px;
  background:linear-gradient(178deg,rgba(19,33,49,.95),rgba(10,19,29,.95));
  border:1px solid rgba(127,199,255,.17);
  box-shadow:0 10px 30px rgba(0,0,0,.42);
  opacity:calc(var(--dk) * (1 - var(--out,0)));
  transform:
    translate3d(calc(var(--tx,0px) * var(--out,0)),
                calc(var(--ty,0px) * var(--out,0) + (1 - var(--dk)) * 24px),0)
    rotate(var(--r,0deg))
    scale(calc(1 - var(--out,0) * .38));
}
.rz-doc-lg{width:30%}
.rz-doc-sm{width:21%;min-width:106px}
.rz-doc-t{
  display:block;font-size:8.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--st-print);
}
.rz-doc-sub{
  display:block;margin-top:2px;font-size:8px;letter-spacing:.6px;text-transform:uppercase;
  color:rgba(127,139,152,.8);
}
.rz-doc-rows{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:3px}
.rz-doc-rows li{
  display:flex;justify-content:space-between;gap:8px;
  font-size:9.5px;line-height:1.4;padding-bottom:3px;
  border-bottom:1px solid rgba(127,199,255,.08);
}
.rz-doc-rows li:last-child{border-bottom:none;padding-bottom:0}
.rz-doc-rows b{font-weight:400;color:rgba(127,139,152,.92)}
.rz-doc-rows i{font-style:normal;font-weight:700;color:var(--st-ink);font-variant-numeric:tabular-nums}
.rz-doc-rows-sm li{font-size:9px}

.rz-plan-svg,.rz-cad-svg{width:100%;height:auto;margin-top:8px;display:block}
.rz-plan-svg *,.rz-cad-svg *{fill:none;stroke:rgba(127,199,255,.55);stroke-width:1;vector-effect:non-scaling-stroke}
.rz-plan-op,.rz-cad-thin{stroke:rgba(127,199,255,.3) !important}
.rz-cad-plot{fill:rgba(74,144,255,.14) !important}
.rz-cad-svg text{fill:rgba(127,199,255,.6);stroke:none;font-size:6px;letter-spacing:.4px}

.rz-epc{margin-top:8px;display:flex;flex-direction:column;gap:2.5px}
.rz-epc i{
  display:block;height:6px;width:var(--w);border-radius:0 3px 3px 0;
  background:var(--c);opacity:.55;position:relative;
}
.rz-epc i.on{opacity:1}
.rz-epc i em{
  position:absolute;right:-13px;top:-2.5px;font-style:normal;
  font-size:8px;font-weight:700;color:var(--st-ink);
}
.rz-doc-lines{display:flex;flex-direction:column;gap:4px;margin-top:9px}
.rz-doc-lines i{display:block;height:3px;border-radius:2px;background:rgba(127,199,255,.16)}
.rz-doc-lines i:nth-child(2){width:78%}
.rz-doc-lines i:nth-child(3){width:92%}
.rz-doc-lines i:nth-child(4){width:60%}

/* loose data points that never join anything up */
.rz-spark{
  position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;border-radius:50%;
  background:var(--st-print);opacity:0;
  animation:rzFlicker 3.4s var(--ease-io) infinite;
  animation-delay:calc(var(--k) * .55s);
}
@keyframes rzFlicker{
  0%,100%{opacity:0;transform:scale(.6)}
  12%{opacity:.9;transform:scale(1)}
  26%{opacity:.15;transform:scale(.9)}
  40%{opacity:.65;transform:scale(1)}
  62%{opacity:0;transform:scale(.7)}
}

/* =====================================================================
   02 + 03 · THE ASSET — the anchor of the whole story
   ===================================================================== */
.rz-l-asset{opacity:var(--on,0)}
.rz-bld{
  position:absolute;inset:0;
  transform:translate3d(var(--bx,0%),var(--by,0%),0) scale(var(--bs,1));
  transform-origin:50% 58%;
}
.rz-bld svg{width:100%;height:100%;display:block;overflow:visible}

/* bays light up one after another as the scan passes through them */
.rz-bay{opacity:calc(.24 + clamp(0,calc(var(--scan,0) * 6.4 - var(--b)),1) * .76)}

.rz-scanline{
  transform:translateX(calc(var(--scan,0) * var(--scan-run,300px)));
  opacity:calc(var(--scan,0) * (1 - var(--scan,0)) * 4);
}

/* --- the potential layers, drawn over the survey ---
   Seven of them on one stagger: the multiplier has to be large enough
   that the last one still reaches 1 inside the window, or the courtyard
   wing never arrives at all. */
.rz-ghost{
  --gk:clamp(0,calc(var(--opp,0) * 4.6 - var(--g) * .5),1);
  opacity:var(--gk);
  transform:translate3d(0,calc((1 - var(--gk)) * 12px),0);
  transform-box:fill-box;
}

.rz-mini-plan{
  position:absolute;left:0;bottom:2%;width:25%;min-width:120px;
  padding:7px 8px;border-radius:5px;
  background:var(--st-glass);border:1px solid rgba(127,199,255,.13);
  opacity:var(--vis,0);
  transform:translate3d(0,calc((1 - var(--vis,0)) * 14px),0);
}
.rz-mini-t{
  display:block;font-size:8px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
  color:rgba(127,199,255,.7);margin-bottom:5px;
}
.rz-mini-plan svg{width:100%;height:auto;display:block}
.rz-mini-plan svg *{fill:none;stroke:rgba(127,199,255,.5);stroke-width:1;vector-effect:non-scaling-stroke}
.rz-mini-plan .rz-plan-thin{stroke:rgba(127,199,255,.26) !important}

/* =====================================================================
   04 · SCENARIO ENGINE
   ===================================================================== */
.rz-l-scen{
  display:flex;flex-direction:column;justify-content:center;gap:12px;
  opacity:var(--on,0);
}
.rz-scen-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rz-scen-card{
  --sk:clamp(0,calc(var(--in,0) * 2.9 - var(--k) * .55),1);
  padding:12px 12px 13px;display:flex;flex-direction:column;gap:9px;
  opacity:calc(var(--sk) * (1 - var(--dim,0) * .5));
  transform:translate3d(0,calc((1 - var(--sk)) * 34px),0);
  transition:border-color .5s var(--ease);
}
.rz-scen-card.is-pick{
  opacity:var(--sk);
  border-color:rgba(74,144,255,calc(.14 + var(--pick,0) * .5));
  box-shadow:0 0 30px rgba(74,144,255,calc(var(--pick,0) * .22)),
             inset 0 0 0 1px rgba(74,144,255,calc(var(--pick,0) * .2));
}
.rz-scen-card header{display:flex;flex-direction:column;gap:3px}
.rz-scen-card header b{font-size:12px;font-weight:700;color:#fff;letter-spacing:-.2px;line-height:1.25}
.rz-scen-bld{height:62px;position:relative}
.rz-scen-bld svg{position:absolute;inset:0;width:100%;height:100%}
.is-pick .st-metrics dd.st-hi{color:#8fb8ff}

.rz-pick-tag{
  position:absolute;top:-8px;right:10px;padding:2.5px 8px;border-radius:99px;
  font-size:8px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
  color:#0b1218;background:var(--st-blue);
  opacity:var(--pick,0);transform:translate3d(0,calc((1 - var(--pick,0)) * 5px),0);
}

/* --- the NOI chart --- */
.rz-chart{padding:11px 13px 9px;display:flex;flex-direction:column;gap:7px;min-height:0}
.rz-chart header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rz-legend{list-style:none;margin:0;padding:0;display:flex;gap:12px}
.rz-legend li{
  display:flex;align-items:center;gap:5px;
  font-size:8.5px;letter-spacing:.5px;color:var(--st-ink-2);
}
.rz-legend li::before{content:"";width:10px;height:2px;border-radius:2px;background:currentColor}
.rz-legend li[data-s="a"]::before{background:rgba(127,199,255,.5)}
.rz-legend li[data-s="b"]::before{background:var(--st-blue)}
.rz-legend li[data-s="c"]::before{background:var(--st-green)}
.rz-chart-plot{flex:1;min-height:74px;position:relative}
.rz-chart-plot svg{position:absolute;inset:0;width:100%;height:100%}
.rz-chart-plot .rzc-grid{stroke:rgba(127,199,255,.09);stroke-width:1;fill:none}
/* The plot is stretched to its box (preserveAspectRatio="none"), which
   scales x and y by different factors. A dash pattern measured in user
   units then renders at the wrong length and the line draws in broken
   pieces — so the reveal is a clip wiping left to right instead. */
.rz-chart-plot .rzc-wipe{
  transform:scaleX(var(--draw,0));
  transform-box:view-box;transform-origin:0 0;
}
.rz-chart-plot .rzc-l{
  fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.rz-chart-plot .rzc-a{stroke:rgba(127,199,255,.5)}
.rz-chart-plot .rzc-b{stroke:var(--st-blue)}
.rz-chart-plot .rzc-c{stroke:var(--st-green)}
.rz-chart-x{
  list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;
  font-size:8px;letter-spacing:.6px;color:rgba(127,139,152,.75);
}

/* =====================================================================
   05 · DECISION COMPRESSION
   ===================================================================== */
.rz-l-case{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  opacity:var(--on,0);
}
.rz-frag{position:absolute;inset:0;pointer-events:none}
.rz-frag span{
  --fk:clamp(0,calc(var(--in,0) * 4.6 - var(--k) * .4),1);
  position:absolute;left:var(--x);top:var(--y);width:11%;min-width:48px;height:26px;
  border-radius:3px;background:rgba(20,36,54,.72);border:1px solid rgba(127,199,255,.13);
  opacity:calc(var(--fk) * (1 - var(--gone,0)) * .9);
  /* --fx/--fy point at the middle of the case card, so the fragments are
     what travel inwards. The lines only mark the route. */
  transform:
    translate3d(calc(var(--fx,0px) * var(--gone,0)),
                calc(var(--fy,0px) * var(--gone,0) + (1 - var(--fk)) * 10px),0)
    scale(calc(1 - var(--gone,0) * .4));
}
/* a table, a plan and a bar block: the three shapes an analysis fragment
   actually takes, cycled so the cluster does not read as eight of one */
.rz-frag span::before{
  content:"";position:absolute;left:0;right:0;top:0;height:5px;
  border-bottom:1px solid rgba(127,199,255,.16);background:rgba(127,199,255,.07);
}
.rz-frag span::after{
  content:"";position:absolute;left:5px;right:5px;top:11px;height:1px;
  background:rgba(127,199,255,.26);
  box-shadow:0 4px 0 rgba(127,199,255,.18),0 8px 0 rgba(127,199,255,.11);
}
.rz-frag span:nth-child(3n)::after{
  top:10px;height:9px;background:none;
  border-left:2px solid rgba(127,199,255,.26);
  box-shadow:4px 0 0 rgba(127,199,255,.2) inset,8px 0 0 rgba(127,199,255,.13) inset;
}
.rz-frag span:nth-child(3n+2)::after{
  left:5px;right:5px;top:10px;height:9px;background:none;
  border:1px solid rgba(127,199,255,.2);box-shadow:none;
}

/* The route goes with the traffic: once the fragments have arrived there
   is nothing left travelling, and lines still hanging in the frame read
   as stray geometry rather than as a flow. */
.rz-flow{position:absolute;inset:0;pointer-events:none;opacity:calc(1 - var(--gone,0))}
.rz-flow svg{width:100%;height:100%;display:block}
/* The box is stretched to fit, so a dash offset would draw in broken
   pieces here too (see the chart). The route fades up, one line after
   another, and the fragments above are what actually travel. */
.rz-flow path{
  fill:none;stroke:rgba(127,199,255,.34);stroke-width:1;vector-effect:non-scaling-stroke;
  opacity:clamp(0,calc(var(--flow,0) * 3.4 - var(--k) * .3),1);
}

.rz-case-card{
  position:relative;z-index:2;width:min(74%,420px);padding:15px 18px 14px;
  display:flex;flex-direction:column;gap:11px;
  background:var(--st-glass-2);border-color:rgba(74,144,255,.3);
  box-shadow:0 22px 60px rgba(0,0,0,.5),0 0 44px rgba(74,144,255,calc(var(--build,0) * .16));
  opacity:var(--build,0);
  transform:translate3d(0,calc((1 - var(--build,0)) * 18px),0) scale(calc(.94 + var(--build,0) * .06));
}
.rz-case-t{
  font-size:9.5px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;
  color:var(--st-print);
}
.rz-case-metrics{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.rz-case-metrics>div{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:5px 0;border-top:1px solid rgba(127,199,255,.1);
}
.rz-case-metrics>div:nth-child(1),.rz-case-metrics>div:nth-child(2){border-top:none}
.rz-case-metrics>div:last-child{grid-column:1 / -1}
.rz-case-metrics dt{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:var(--st-ink-2)}
.rz-case-metrics dd{
  margin:0;font-size:14px;font-weight:700;color:#fff;
  font-variant-numeric:tabular-nums;letter-spacing:-.3px;
}
.rz-case-ok{
  margin:0;display:flex;align-items:center;gap:8px;padding-top:9px;
  border-top:1px solid rgba(158,219,99,.2);
  font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--st-green);
  opacity:var(--ok,0);
}
.rz-check{
  width:17px;height:17px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:rgba(158,219,99,.16);
}
.rz-check svg{width:10px;height:10px;fill:none;stroke:var(--st-green);stroke-width:3;
  stroke-linecap:round;stroke-linejoin:round}

.rz-deliv{
  position:relative;z-index:2;list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(88%,470px);
}
.rz-deliv li{
  --dk:clamp(0,calc(var(--out,0) * 3.8 - var(--k) * .55),1);
  display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;
  padding:9px 6px;border-radius:7px;
  background:var(--st-glass);border:1px solid rgba(127,199,255,.14);
  opacity:var(--dk);
  transform:translate3d(0,calc((1 - var(--dk)) * 14px),0);
}
.rz-deliv svg{width:18px;height:18px;fill:none;stroke:var(--st-print);stroke-width:1.2;
  stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.rz-deliv span{font-size:8.5px;line-height:1.3;letter-spacing:.4px;color:var(--st-ink)}

/* =====================================================================
   06 · PIPELINE PRIORITIZED
   ===================================================================== */
.rz-l-pipe{
  display:flex;flex-direction:column;justify-content:center;gap:16px;
  opacity:var(--on,0);
}
.rz-stages{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;
}
.rz-stage{
  --tk:clamp(0,calc(var(--in,0) * 3.8 - var(--k) * .6),1);
  position:relative;display:flex;flex-direction:column;gap:9px;
  padding:11px 10px 12px;border-radius:9px;
  background:var(--st-glass);border:1px solid rgba(127,199,255,.13);
  opacity:var(--tk);
  transform:translate3d(calc((1 - var(--tk)) * -14px),0,0);
}
/* the chevrons that carry an asset from one stage to the next */
.rz-stage+.rz-stage::before{
  content:"";position:absolute;left:-9px;top:50%;width:9px;height:9px;margin-top:-4.5px;
  border-right:1.4px solid rgba(127,199,255,.42);border-top:1.4px solid rgba(127,199,255,.42);
  transform:translateX(-3px) rotate(45deg) scale(var(--tk));transform-origin:50% 50%;
}
/* Near white, not the secondary grey. This is the one frame where the
   caption carries the argument — "assets screened", "investment cases" —
   and the grey it used to be sat at 9px uppercase on a glass panel, which
   is not a reading colour at that size. */
.rz-stage-n{
  font-size:9.5px;line-height:1.4;letter-spacing:.8px;text-transform:uppercase;
  color:rgba(230,241,255,.88);
}
.rz-stage-n b{
  display:block;font-size:16px;letter-spacing:-.5px;color:#fff;
  font-variant-numeric:tabular-nums;margin-bottom:1px;
}
.rz-stage-final{border-color:rgba(74,144,255,.34);background:rgba(20,40,64,.6)}
.rz-stage-final .rz-stage-n b{color:var(--st-blue)}

.rz-swarm{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;flex:1;align-content:start}
.rz-swarm i{
  display:block;aspect-ratio:1;border-radius:1.5px;
  border:1px solid rgba(127,199,255,.2);background:rgba(127,199,255,.05);
}
.rz-swarm i.live{border-color:rgba(127,199,255,.62);background:rgba(74,144,255,.2)}
.rz-swarm i.hit{border-color:rgba(158,219,99,.7);background:rgba(158,219,99,.24)}
.rz-swarm i.off{opacity:calc(1 - var(--cull,0) * .86)}

.rz-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;flex:1;align-items:end}
.rz-picks figure{
  --pk:clamp(0,calc(var(--final,0) * 5 - var(--k) * .9),1);
  margin:0;position:relative;border-radius:3px;padding:3px 2px 4px;
  border:1px solid rgba(127,199,255,.2);
  opacity:calc(.35 + var(--pk) * .65);
}
.rz-picks figure:first-child{
  border-color:rgba(74,144,255,calc(.2 + var(--final,0) * .6));
  background:rgba(74,144,255,calc(var(--final,0) * .12));
}
.rz-picks svg{width:100%;height:auto;display:block}
.rz-picks figcaption{
  display:block;height:2px;margin:3px 2px 0;border-radius:2px;
  background:rgba(158,219,99,.55);
  transform:scaleX(var(--pk));transform-origin:left;
}

.rz-score{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;
}
.rz-score li{
  --qk:clamp(0,calc(var(--final,0) * 4 - var(--k) * .5),1);
  display:flex;flex-direction:column;gap:5px;opacity:var(--qk);
}
.rz-score span{font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:rgba(230,241,255,.82)}
.rz-score i{
  display:block;height:2px;border-radius:2px;background:rgba(127,199,255,.14);position:relative;
}
.rz-score i::after{
  content:"";position:absolute;inset:0;border-radius:2px;background:var(--st-green);
  transform:scaleX(calc(var(--v) * var(--qk)));transform-origin:left;
}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width:960px){
  /* 01 — four documents, not six, and no card narrower than its content */
  .rz-doc{width:40%;min-width:132px;padding:8px 9px}
  .rz-doc-lg{width:46%}
  .rz-doc-sm,.rz-doc[style*="--k:4"]{display:none}
  .rz-doc[style*="--k:0"]{left:0 !important;top:2% !important}
  .rz-doc[style*="--k:1"]{left:48% !important;top:0 !important}
  .rz-doc[style*="--k:2"]{left:6% !important;top:52% !important}
  .rz-doc[style*="--k:3"]{left:52% !important;top:56% !important}

  /* 02/03 — the drawing takes the top of the frame, the data reads
     underneath it. Anchored to the top rather than centred in the whole
     canvas: centred, the elevation floated in the middle of a column it
     only half filled, with the numbers stranded at the foot. The viewBox
     is cropped to the asset in js/realaize.js at this width, so the
     building itself draws about half as large again. */
  .rz-bld{inset:0 0 auto 0;height:64%}
  .rz-callouts li:nth-child(n+5){display:none}
  .rz-opps li:nth-child(n+7){display:none}
  .rz-mini-plan{display:none}

  /* 04 — three strips instead of three columns, and no chart */
  .rz-scen-row{grid-template-columns:1fr;gap:7px}
  .rz-scen-card{
    display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"b h" "b m";
    gap:2px 10px;padding:9px 11px;align-items:center;
  }
  .rz-scen-card header{grid-area:h;gap:1px}
  .rz-scen-card header b{font-size:11.5px}
  .rz-scen-bld{grid-area:b;height:44px}
  .rz-scen-card .st-metrics{grid-area:m;flex-direction:row;gap:14px}
  .rz-scen-card .st-metrics>div{
    flex-direction:column;align-items:flex-start;gap:0;padding:0;border-top:none;
  }
  .rz-scen-card .st-metrics>div:nth-child(3),
  .rz-scen-card .st-metrics>div:nth-child(5){display:none}
  .rz-scen-card .st-metrics dt{font-size:7.5px}
  .rz-scen-card .st-metrics dd{font-size:12px}
  .rz-chart{display:none}
  .rz-pick-tag{top:-7px;right:8px}

  /* 05 — one card, four chips, fragments as a backdrop */
  .rz-case-card{width:100%;padding:13px 14px}
  .rz-case-metrics{grid-template-columns:1fr 1fr;gap:0 14px}
  .rz-case-metrics dd{font-size:13px}
  .rz-deliv{width:100%;gap:6px}
  .rz-deliv li{padding:8px 4px}
  .rz-deliv span{font-size:8px}
  .rz-frag span{width:16%;height:24px}

  /* 06 — two by two, and the four boxes a quarter smaller than the
     column they sit in: at full width the swarm cells grew to the size
     of the type next to them and the stage read as a chart of its own. */
  .rz-l-pipe{gap:13px}
  .rz-stages{grid-template-columns:1fr 1fr;gap:7px;width:76%;margin:0 auto}
  .rz-stage{padding:8px 8px 9px;gap:7px}
  .rz-stage+.rz-stage::before{display:none}
  .rz-stage-n{font-size:7.5px;letter-spacing:.7px}
  .rz-stage-n b{font-size:13px}
  .rz-swarm{grid-template-columns:repeat(8,1fr);gap:2px}
  .rz-picks{gap:3px}
  .rz-score{grid-template-columns:1fr 1fr;gap:7px 10px;width:76%;margin:0 auto}
  /* two of the four labels wrap at this width; the reserved height keeps
     all four bars on one line instead of stepping down the column */
  .rz-score span{font-size:8.5px;min-height:2.1em}
}

@media (max-width:640px){
  .rz-doc-rows li{font-size:9px}
}

/* =====================================================================
   REDUCED MOTION — the end state of every frame, in reading order
   ===================================================================== */
@media (prefers-reduced-motion:reduce){
  .rz-spark{animation:none;opacity:.5}
  /* --on is what the scroll runtime fades each layer in with, and it never
     runs here: without it every drawing on the page stays at zero and the
     reduced-motion reader gets six paragraphs and no illustrations. */
  .rz-l-docs{order:2;--on:1;--in:1;--out:0}
  .rz-l-asset{order:4;--on:1;--solid:1;--scan:1;--opp:1}
  .rz-l-scen {order:7;--on:1;--in:1;--pick:1;--dim:0}
  .rz-l-case {order:9;--on:1;--in:1;--build:1;--ok:1;--out:1;--flow:1;--gone:0}
  .rz-l-pipe {order:11;--on:1;--in:1;--final:1;--cull:1}

  .rz-bld{transform:none;inset:0;height:auto}
  .rz-callouts{--p:0;opacity:0}
  .rz-mini-plan{--vis:1}
  .rz-bay{opacity:1}
  .rz-scanline{display:none}
  .rz-chart-plot .rzc-wipe{--draw:1}
  .rz-case-card,.rz-deliv li,.rz-stage,.rz-score li,.rz-frag span{transform:none}
}