/* ========== Lozy scroll story ========== */
.lz-story{
  --lz-red:#ED1C24;--lz-red-ink:#C4161C;--lz-red-deep:#A11015;
  --lz-ink:#1F2120;--lz-ink-2:#4A4F52;--lz-steel:#8E9498;
  --lz-concrete:#E6E7E3;--lz-floor:#DEDFDA;--lz-joint:rgba(31,33,32,.07);
  --lz-kraft:#C79D6B;--lz-kraft-edge:#94703F;--lz-tape:#E9D7B3;--lz-asphalt:#C3C6C1;
  --lz-header-offset:0px;--lz-pad:clamp(20px,4vw,56px);--lz-gutter:88px;
  --lz-font:"Anek Latin","Barlow",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --lz-shadow:0 1px 0 rgba(31,33,32,.06),0 24px 46px -22px rgba(31,33,32,.45);
  position:relative;background:var(--lz-concrete);color:var(--lz-ink);
  font-family:var(--lz-font);font-size:1.0625rem;line-height:1.55;-webkit-font-smoothing:antialiased;
}
.lz-story *,.lz-story *::before,.lz-story *::after{box-sizing:border-box}
.lz-story :is(h2,h3,p,ul,ol,dl,dd){margin:0}
.lz-story a:focus-visible{outline:3px solid var(--lz-ink);outline-offset:3px}

/* Intro */
.lz-intro{max-width:1440px;margin:0 auto;padding:clamp(64px,9vw,128px) var(--lz-pad) clamp(40px,5vw,72px);
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:end}
.lz-title{font-weight:780;font-stretch:75%;font-size:clamp(2.6rem,1.4rem + 4vw,5rem);line-height:.95;letter-spacing:-.012em;text-wrap:balance}
.lz-lede{margin-top:1.1rem!important;font-size:clamp(1.0625rem,1rem + .35vw,1.3rem);line-height:1.5;max-width:36em}
.lz-skip{display:inline-flex;align-items:center;min-height:44px;margin-top:.6rem;color:var(--lz-red-ink);font-weight:650;
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.22em}
.lz-skip:hover{color:var(--lz-red-deep)}
.lz-legend{border-top:2px solid var(--lz-ink);padding-top:1rem;font-size:.95rem;color:var(--lz-ink-2)}
.lz-legend__title{font-weight:700;color:var(--lz-ink);margin-bottom:.7rem!important}
.lz-legend ul{list-style:none;padding:0;display:grid;gap:.7rem}
.lz-legend li{display:grid;grid-template-columns:30px 1fr;gap:.8rem;align-items:center;line-height:1.35}
.lz-legend svg{width:30px;height:30px;display:block}

/* Layout: steps left, sticky stage right */
.lz-body{position:relative;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(340px,5fr) minmax(0,7fr)}
.lz-stage{grid-column:2;grid-row:1;align-self:start;position:sticky;top:var(--lz-header-offset);
  height:calc(100vh - var(--lz-header-offset));height:calc(100svh - var(--lz-header-offset));overflow:hidden;
  background-color:var(--lz-floor);
  background-image:linear-gradient(var(--lz-joint) 2px,transparent 2px),linear-gradient(90deg,var(--lz-joint) 2px,transparent 2px);
  background-size:132px 132px;background-position:center;container-type:size}
.lz-steps-col{grid-column:1;grid-row:1;position:relative;padding:0 clamp(24px,3vw,48px) 0 calc(var(--lz-pad) + var(--lz-gutter))}
.lz-rail,.lz-rail-fill{position:absolute;top:0;bottom:0;left:calc(var(--lz-pad) + 39px);width:4px;pointer-events:none}
.lz-rail{background:repeating-linear-gradient(to bottom,rgba(31,33,32,.26) 0 16px,transparent 16px 28px)}
.lz-rail-fill{background:var(--lz-red);transform-origin:top;transform:scaleY(var(--lz-prog,0))}
.lz-steps{list-style:none;padding:0}
.lz-step{position:relative;min-height:96vh;display:flex;flex-direction:column;justify-content:center;padding:12vh 0}
.lz-step__in{position:relative;max-width:31em}
.lz-step h3{font-weight:760;font-stretch:78%;font-size:clamp(1.75rem,1.2rem + 1.25vw,2.55rem);line-height:1.02;margin-bottom:.55em;text-wrap:balance}
.lz-step p+p{margin-top:.8em}
.lz-plate{position:absolute;left:calc(-1 * var(--lz-gutter) + 16px);top:-4px;width:50px;height:50px;display:grid;place-items:center;
  background:var(--lz-concrete);border:3px solid var(--lz-ink);color:var(--lz-ink);font-weight:800;font-stretch:75%;font-size:1.65rem;line-height:1;
  transition:background-color .25s,border-color .25s,color .25s;z-index:1}
.lz-step.is-active .lz-plate,.lz-step.is-done .lz-plate{background:var(--lz-red-ink);border-color:var(--lz-red-ink);color:#fff}
.lz-step--prologue .lz-step__in::before,.lz-step--cta .lz-step__in::before{content:"";position:absolute;
  left:calc(-1 * var(--lz-gutter) + 29px);top:8px;width:24px;height:24px;border:3px solid var(--lz-ink);background:var(--lz-concrete)}
.lz-step--cta .lz-step__in::before{background:var(--lz-red-ink);border-color:var(--lz-red-ink)}
.lz-checklist{list-style:none;padding:0;margin-top:1rem!important;display:grid;gap:.5rem}
.lz-checklist li{display:grid;grid-template-columns:24px 1fr;gap:.7rem;align-items:start;line-height:1.4}
.lz-checklist li::before{content:"";width:22px;height:22px;margin-top:1px;border:2.5px solid var(--lz-ink);background:#fff;transition:background-color .2s,border-color .2s}
.lz-checklist li.is-checked::before{border-color:var(--lz-red-ink);background:var(--lz-red-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 7.5l3.2 3.2L12 3.8' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.lz-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.lz-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.65em 1.3em;border-radius:3px;font:inherit;font-weight:700;
  text-decoration:none;cursor:pointer;transition:background-color .18s,border-color .18s}
.lz-btn--primary{background:var(--lz-red-ink);border:2px solid var(--lz-red-ink);color:#fff}
.lz-btn--primary:hover{background:var(--lz-red-deep);border-color:var(--lz-red-deep)}
.lz-btn--ghost{background:transparent;border:2px solid var(--lz-ink);color:var(--lz-ink)}
.lz-btn--ghost:hover{background:#fff}
#lz-start{scroll-margin-top:calc(var(--lz-header-offset) + 24px)}

/* Scenes */
.lz-scene{position:absolute;inset:0}
.lz-js .lz-scene{opacity:0;transform:scale(.72);transform-origin:var(--lz-origin,50% 50%);
  transition:opacity .5s ease,transform .9s cubic-bezier(.2,.75,.25,1)}
.lz-js .lz-scene.is-past{transform:scale(1.65)}
.lz-js .lz-scene.is-active{opacity:1;transform:none}
.lz-story:not(.lz-js) .lz-stage{display:none}
.lz-story:not(.lz-js) .lz-step{min-height:0;padding:2.5rem 0}
.lz-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.lz-card-scene{display:grid;place-items:center;padding:5cqmin}
.lz-ov{position:absolute;z-index:2;font-size:clamp(11.5px,2cqmin,16px);line-height:1.35}
.lz-ov--tl{top:4.5%;left:4.5%}
.lz-ov--bl{bottom:4.5%;left:4.5%;max-width:17em}
.lz-ov--br{bottom:4.5%;right:4.5%;width:min(21em,60%)}
.lz-stage__bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(31,33,32,.12);display:none;z-index:4}
.lz-stage__bar span{display:block;height:100%;background:var(--lz-red);transform-origin:left;transform:scaleX(var(--lz-prog,0))}

/* SVG drawing language */
.lz-svg .lbl{font-family:var(--lz-font);font-stretch:85%;font-weight:600;font-size:22px;fill:var(--lz-ink-2)}
.lz-svg .lbl-lg{font-size:28px;font-weight:750;fill:var(--lz-ink)}
.lz-svg .lbl-sm{font-size:18px}
.lz-svg .lbl--red{fill:var(--lz-red-ink);font-weight:750}
.lz-svg .lbl--white{fill:#fff}
.lz-asphalt{fill:var(--lz-asphalt)}
.lz-lane-mark{stroke:#fff;stroke-width:4;stroke-dasharray:28 22}
.lz-carton{opacity:0;transition:opacity .2s}
.lz-carton.is-in{opacity:1}
.lz-carton .box{fill:var(--lz-kraft);stroke:var(--lz-kraft-edge);stroke-width:2}
.lz-carton .tape{fill:var(--lz-tape)}
.lz-room-floor{fill:#F3F3F0}
.lz-room-walls{fill:none;stroke:var(--lz-ink);stroke-width:14;transition:stroke .3s}
.is-full .lz-room-walls{stroke:var(--lz-red)}
.lz-roomlabel,.lz-full{transition:opacity .25s}
.lz-full,.is-full .lz-roomlabel{opacity:0}
.is-full .lz-full{opacity:1}
.lz-truck-body{fill:#fff;stroke:var(--lz-ink);stroke-width:4}
.lz-truck-cab{fill:var(--lz-ink)}
/* map */
.lz-ring{fill:none;stroke:var(--lz-steel);stroke-width:5;stroke-dasharray:3 13;stroke-linecap:round}
.lz-roads line{stroke:var(--lz-ink);stroke-width:12;stroke-linecap:round;opacity:.85}
.lz-nh48{stroke:var(--lz-red);stroke-width:12;stroke-linecap:round;opacity:0;transition:opacity .35s}
[data-phase="2"] .lz-nh48,[data-phase="3"] .lz-nh48{opacity:1}
.lz-city{fill:#fff;stroke:var(--lz-ink);stroke-width:6}
.lz-shield rect{fill:#fff;stroke:var(--lz-ink);stroke-width:3}
.lz-shield text{font:750 20px var(--lz-font);font-stretch:85%;fill:var(--lz-ink)}
.lz-dot{opacity:0;transition:opacity .25s}
.lz-dot.is-in{opacity:1}
.lz-dot.is-in.is-out{opacity:.2}
.lz-dot__in,.lz-cp__in,.lz-walker__in,.lz-shield__in,.lz-match .pulse{transform-box:fill-box;transform-origin:center}
.lz-dot__in circle{fill:var(--lz-ink);stroke:var(--lz-floor);stroke-width:4}
.lz-match .c{transition:fill .3s}
.lz-match .n{font:750 19px var(--lz-font);fill:#fff;text-anchor:middle;opacity:0;transition:opacity .3s}
.lz-match .pulse{fill:none;stroke:var(--lz-red);stroke-width:3;opacity:0}
.is-matched .lz-match .c{fill:var(--lz-red)}
.is-matched .lz-match .n{opacity:1}
.is-matched .lz-match .pulse{animation:lz-pulse 1.8s ease-out infinite}
@keyframes lz-pulse{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(2.3)}}
.lz-chips{display:flex;flex-direction:column;align-items:flex-start;gap:.45em}
.lz-chip{display:inline-block;padding:.32em .85em;border-radius:999px;background:#fff;border:2px solid var(--lz-red);font-weight:650;
  opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .25s}
.lz-chip.is-on{opacity:1;transform:none}
.lz-matchcount{margin-top:.55em!important;font-weight:780;font-stretch:80%;font-size:1.35em;color:var(--lz-red-ink);opacity:0;transition:opacity .25s}
.is-matched .lz-matchcount{opacity:1}
.lz-note{color:var(--lz-ink-2)}
.lz-note strong{color:var(--lz-ink)}
/* site */
.lz-yard{fill:#D6D8D2}
.lz-fence{fill:none;stroke:var(--lz-ink-2);stroke-width:4;stroke-dasharray:14 8}
.lz-bldg{fill:#F3F3F0;stroke:var(--lz-ink);stroke-width:8}
.lz-dock{fill:var(--lz-ink)}
.lz-box2{fill:#fff;stroke:var(--lz-ink);stroke-width:3}
.lz-route-plan{fill:none;stroke:var(--lz-ink-2);stroke-width:3;stroke-dasharray:2 10;stroke-linecap:round;opacity:.75}
.lz-route-done{fill:none;stroke:var(--lz-red);stroke-width:6;stroke-linejoin:round;stroke-linecap:round}
.lz-cp__in circle{fill:#fff;stroke:var(--lz-ink);stroke-width:3;transition:fill .2s,stroke .2s}
.lz-cp__in text{font:750 18px var(--lz-font);fill:var(--lz-ink);text-anchor:middle}
.lz-cp__in .tick{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.lz-cp.is-on circle{fill:var(--lz-red);stroke:var(--lz-red)}
.lz-cp.is-on text{opacity:0}
.lz-cp.is-on .tick{opacity:1}
.lz-walker__in circle{fill:var(--lz-red);stroke:#fff;stroke-width:5}
/* floor */
.lz-free{fill:url(#lz-hatch);stroke:var(--lz-steel);stroke-width:2;stroke-dasharray:8 6}
.lz-hatch-line{stroke:rgba(31,33,32,.16);stroke-width:3}
.lz-staging{fill:none;stroke:var(--lz-steel);stroke-width:2;stroke-dasharray:8 6}
.lz-rack{fill:none;stroke:var(--lz-ink);stroke-width:3}
.lz-slot{fill:none;stroke:rgba(31,33,32,.15);stroke-width:1.5}
.lz-ext{opacity:0;transition:opacity .3s}
.is-ext .lz-ext{opacity:1}
.lz-pallet{fill:var(--lz-kraft);stroke:var(--lz-kraft-edge);stroke-width:1.5}
.lz-space{fill:rgba(237,28,36,.045);stroke:var(--lz-red);stroke-width:6}
.lz-flow{fill:none;stroke:var(--lz-ink-2);stroke-width:3;stroke-dasharray:10 8}
.lz-arrowhead{fill:var(--lz-ink-2)}
.lz-flow,.lz-flowlabel,.lz-token{opacity:0;transition:opacity .3s}
.is-operate :is(.lz-flow,.lz-flowlabel,.lz-token){opacity:1}
.lz-token{fill:var(--lz-kraft);stroke:var(--lz-red);stroke-width:2.5}

/* Paper props in the stage */
.lz-paperish{background:#fff;box-shadow:var(--lz-shadow);position:relative}
.lz-docket{width:min(30em,92%);font-size:clamp(11.5px,2.05cqmin,17px);padding:1.15em 1.4em 1.4em;border-top:6px solid var(--lz-red)}
.lz-docket__head{display:flex;justify-content:space-between;align-items:center;gap:1em;padding-bottom:.8em;border-bottom:2px solid var(--lz-ink)}
.lz-docket__title,.lz-sheet__title,.lz-paper__title{font-weight:760;font-stretch:80%;font-size:1.5em;line-height:1.1}
.lz-barcode{width:7.5em;height:2.1em;flex:none;fill:var(--lz-ink)}
.lz-field{display:grid;grid-template-columns:6.4em 1fr;gap:.8em;padding:.5em 0;border-bottom:1px solid rgba(31,33,32,.12);align-items:baseline}
.lz-field dt{color:var(--lz-ink-2);font-size:.92em}
.lz-field dd{font-weight:600;min-height:1.35em}
.lz-field.is-typing .lz-val::after,.lz-field.is-cursor .lz-blank::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;background:var(--lz-red);vertical-align:-.15em}
.lz-field.is-cursor .lz-blank::after{animation:lz-blink 1.1s steps(1) infinite}
@keyframes lz-blink{50%{opacity:0}}
.lz-blank{border-bottom:2px solid rgba(31,33,32,.35)}
.lz-docket__foot{margin-top:.9em!important;color:var(--lz-ink-2)}
.lz-stamp{position:absolute;right:1.1em;bottom:1.2em;border:3px solid var(--lz-red-ink);border-radius:4px;color:var(--lz-red-ink);background:rgba(255,255,255,.75);
  font-weight:800;font-stretch:80%;letter-spacing:.08em;font-size:1.3em;padding:.18em .7em;opacity:0;transform:rotate(-9deg) scale(1.6);
  transition:opacity .15s,transform .28s cubic-bezier(.3,1.6,.5,1)}
.lz-stamp.is-on{opacity:1;transform:rotate(-9deg) scale(1)}
.lz-sheet{width:min(34em,94%);font-size:clamp(11px,1.9cqmin,16px);padding:1.1em 1.2em 1.1em}
.lz-sheet__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5em}
.lz-tag{font-size:.8em;font-weight:700;color:var(--lz-ink-2);border:1.5px solid currentColor;border-radius:999px;padding:.08em .7em}
.lz-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.lz-table :is(th,td){padding:.48em .5em;text-align:left;vertical-align:top;border-bottom:1px solid rgba(31,33,32,.12)}
.lz-table thead th{font-weight:760;font-stretch:85%;border-bottom:2px solid var(--lz-ink)}
.lz-table thead small{display:block;font-weight:500;font-stretch:100%;font-size:.82em;color:var(--lz-ink-2)}
.lz-table tbody th{font-weight:500;color:var(--lz-ink-2);width:31%}
.lz-table tbody td{font-weight:600}
.lz-table tbody tr{opacity:.1;transition:opacity .25s}
.lz-table tbody tr.is-in{opacity:1}
.is-picked .lz-table :is(th,td):nth-child(3){background:rgba(237,28,36,.06);box-shadow:inset 3px 0 0 var(--lz-red),inset -3px 0 0 var(--lz-red)}
.is-picked .lz-table thead th:nth-child(3){box-shadow:inset 3px 0 0 var(--lz-red),inset -3px 0 0 var(--lz-red),inset 0 3px 0 var(--lz-red)}
.is-picked .lz-table tbody tr:last-child td:nth-child(3){box-shadow:inset 3px 0 0 var(--lz-red),inset -3px 0 0 var(--lz-red),inset 0 -3px 0 var(--lz-red)}
.lz-sheet__foot{display:flex;justify-content:space-between;gap:1em;margin-top:.7em;color:var(--lz-ink-2);font-size:.9em}
.lz-pick{color:var(--lz-red-ink);font-weight:750;opacity:0;transition:opacity .25s}
.is-picked .lz-pick{opacity:1}
.lz-paper{width:min(28em,90%);font-size:clamp(11.5px,2cqmin,16.5px);padding:1.5em 1.6em 1.3em}
.lz-paper__parties{margin:.3em 0 .9em!important;color:var(--lz-ink-2)}
.lz-clauses{list-style:none;padding:0;border-top:2px solid var(--lz-ink)}
.lz-clauses li{display:grid;grid-template-columns:7.2em 1fr;gap:.8em;padding:.55em .5em .55em .8em;border-left:3px solid transparent;
  border-bottom:1px solid rgba(31,33,32,.12);transition:border-color .2s,background-color .2s}
.lz-clauses span{color:var(--lz-ink-2)}
.lz-clauses b{font-weight:600}
.lz-clauses li.is-on{border-left-color:var(--lz-red);background:rgba(237,28,36,.05)}
.lz-sign{display:grid;grid-template-columns:1fr 1fr;gap:1.4em;margin-top:4em}
.lz-sign__block{position:relative;border-top:1.5px solid var(--lz-ink);padding-top:.35em;font-size:.85em;color:var(--lz-ink-2)}
.lz-sig{position:absolute;left:0;bottom:calc(100% + 2px);width:92%;height:3.4em;overflow:visible}
.lz-sig path{fill:none;stroke:var(--lz-ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.lz-seal{position:absolute;right:.2em;bottom:calc(100% + .2em);width:5.2em;height:5.2em;border:3px solid var(--lz-red-ink);border-radius:50%;
  display:grid;place-content:center;text-align:center;color:var(--lz-red-ink);font-weight:800;font-stretch:80%;line-height:1;letter-spacing:.06em;
  opacity:0;transform:rotate(-14deg) scale(1.7);transition:opacity .15s,transform .28s cubic-bezier(.3,1.6,.5,1)}
.lz-seal small{display:block;font-size:.55em;font-weight:650;letter-spacing:.02em;margin-top:.25em}
.lz-seal.is-on{opacity:1;transform:rotate(-14deg) scale(1)}
.lz-mini{font-size:clamp(11px,1.85cqmin,15px);padding:.9em 1.05em;opacity:0;transform:translateY(14px);transition:opacity .3s,transform .35s}
.lz-mini__title{font-weight:760;font-stretch:82%;font-size:1.18em;margin-bottom:.45em!important}
.lz-mini dl{display:grid;grid-template-columns:1fr auto;gap:.28em 1em;font-variant-numeric:tabular-nums}
.lz-mini dt{color:var(--lz-ink-2)}
.lz-mini dd{text-align:right;font-weight:600}
.is-operate .lz-invoice,.is-city .lz-citycard{opacity:1;transform:none}
.lz-citycard{display:grid;grid-template-columns:auto 1fr;gap:.9em;align-items:center}
.lz-citycard svg{width:3.4em;height:3.4em}
.lz-festive{opacity:0;transition:opacity .3s}
.is-grow .lz-festive{opacity:1}
.lz-festive .lz-chip{opacity:1;transform:none}

/* Phones and tablets: stage on top, text below */
@media (max-width:959px){
  .lz-story{font-size:1rem}
  .lz-intro{grid-template-columns:1fr;align-items:start;padding-top:56px}
  .lz-body{display:block}
  .lz-stage{position:sticky;height:min(52vh,112vw);height:min(52svh,112vw);z-index:3;box-shadow:0 1px 0 rgba(31,33,32,.14)}
  .lz-stage__bar{display:block}
  .lz-steps-col{padding:0 20px 0 calc(var(--lz-pad) + 60px)}
  .lz-rail,.lz-rail-fill{left:calc(var(--lz-pad) + 26px)}
  .lz-step{min-height:0;justify-content:flex-start;padding:30px 0 26vh}
  .lz-step h3{font-size:1.7rem}
  .lz-plate{width:40px;height:40px;left:-52px;top:-3px;font-size:1.35rem;border-width:2.5px}
  .lz-step--prologue .lz-step__in::before,.lz-step--cta .lz-step__in::before{left:-44px;top:6px}
  .lz-checklist{grid-template-columns:1fr 1fr;gap:.45rem .8rem;font-size:.95rem}
  .lz-cta .lz-btn{flex:1 1 auto}
  #lz-start{scroll-margin-top:calc(var(--lz-header-offset) + min(52svh,112vw) + 16px)}
  .lz-ov--tl{top:7px;left:8px;right:8px}
  .lz-chips{flex-direction:row;flex-wrap:nowrap;gap:5px}
  .lz-chip{font-size:10.5px;padding:.22em .6em;font-stretch:85%;border-width:1.5px}
  .lz-note,.lz-matchcount,.lz-svg .lz-ringlabel{display:none}
  .lz-svg .lbl{font-size:31px}.lz-svg .lbl-lg{font-size:36px}.lz-svg .lbl-sm{font-size:27px}
  .lz-dot__in,.lz-cp__in,.lz-walker__in,.lz-shield__in{transform:scale(1.4)}
  .lz-ov--br{left:4.5%;width:auto}
}
@media (prefers-reduced-motion:reduce){
  .lz-js .lz-scene,.lz-js .lz-scene.is-past{transform:none;transition:opacity .2s}
  .is-matched .lz-match .pulse,.lz-field.is-cursor .lz-blank::after{animation:none}
}


/* ========== Lozy commercial warehousing scroll story (lzc-) ========== */
/* ========== Lozy commercial warehousing scroll story ========== */
.lzc-story{
  --lzc-red:#ED1C24;--lzc-red-ink:#C4161C;--lzc-red-deep:#A11015;
  --lzc-ink:#1F2120;--lzc-ink-2:#4A4F52;--lzc-steel:#8E9498;
  --lzc-concrete:#E6E7E3;--lzc-floor:#DEDFDA;--lzc-joint:rgba(31,33,32,.07);
  --lzc-kraft:#C79D6B;--lzc-kraft-edge:#94703F;--lzc-tape:#E9D7B3;--lzc-asphalt:#C3C6C1;
  --lzc-water:#A3B8C4;--lzc-block:#E9EAE6;
  --lzc-header-offset:0px;--lzc-pad:clamp(20px,4vw,56px);--lzc-gutter:88px;
  --lzc-font:"Anek Latin","Barlow",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --lzc-shadow:0 1px 0 rgba(31,33,32,.06),0 24px 46px -22px rgba(31,33,32,.45);
  position:relative;background:var(--lzc-concrete);color:var(--lzc-ink);
  font-family:var(--lzc-font);font-size:1.0625rem;line-height:1.55;-webkit-font-smoothing:antialiased;
}
.lzc-story *,.lzc-story *::before,.lzc-story *::after{box-sizing:border-box}
.lzc-story :is(h2,h3,p,ul,ol,dl,dd){margin:0}
.lzc-story a:focus-visible{outline:3px solid var(--lzc-ink);outline-offset:3px}

/* Intro */
.lzc-intro{max-width:1440px;margin:0 auto;padding:clamp(64px,9vw,128px) var(--lzc-pad) clamp(40px,5vw,72px);
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:end}
.lzc-title{font-weight:780;font-stretch:75%;font-size:clamp(2.5rem,1.4rem + 3.8vw,4.8rem);line-height:.95;letter-spacing:-.012em;text-wrap:balance}
.lzc-lede{margin-top:1.1rem!important;font-size:clamp(1.0625rem,1rem + .35vw,1.3rem);line-height:1.5;max-width:36em}
.lzc-skip{display:inline-flex;align-items:center;min-height:44px;margin-top:.6rem;color:var(--lzc-red-ink);font-weight:650;
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.22em}
.lzc-skip:hover{color:var(--lzc-red-deep)}
.lzc-legend{border-top:2px solid var(--lzc-ink);padding-top:1rem;font-size:.95rem;color:var(--lzc-ink-2)}
.lzc-legend__title{font-weight:700;color:var(--lzc-ink);margin-bottom:.7rem!important}
.lzc-legend ul{list-style:none;padding:0;display:grid;gap:.7rem}
.lzc-legend li{display:grid;grid-template-columns:30px 1fr;gap:.8rem;align-items:center;line-height:1.35}
.lzc-legend svg{width:30px;height:30px;display:block}

/* Layout: steps left, sticky stage right */
.lzc-body{position:relative;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(340px,5fr) minmax(0,7fr)}
.lzc-stage{grid-column:2;grid-row:1;align-self:start;position:sticky;top:var(--lzc-header-offset);
  height:calc(100vh - var(--lzc-header-offset));height:calc(100svh - var(--lzc-header-offset));overflow:hidden;
  background-color:var(--lzc-floor);
  background-image:linear-gradient(var(--lzc-joint) 2px,transparent 2px),linear-gradient(90deg,var(--lzc-joint) 2px,transparent 2px);
  background-size:132px 132px;background-position:center;container-type:size}
.lzc-steps-col{grid-column:1;grid-row:1;position:relative;padding:0 clamp(24px,3vw,48px) 0 calc(var(--lzc-pad) + var(--lzc-gutter))}
.lzc-rail,.lzc-rail-fill{position:absolute;top:0;bottom:0;left:calc(var(--lzc-pad) + 39px);width:4px;pointer-events:none}
.lzc-rail{background:repeating-linear-gradient(to bottom,rgba(31,33,32,.26) 0 16px,transparent 16px 28px)}
.lzc-rail-fill{background:var(--lzc-red);transform-origin:top;transform:scaleY(var(--lzc-prog,0))}
.lzc-steps{list-style:none;padding:0}
.lzc-step{position:relative;min-height:96vh;display:flex;flex-direction:column;justify-content:center;padding:12vh 0}
.lzc-step__in{position:relative;max-width:31em}
.lzc-step h3{font-weight:760;font-stretch:78%;font-size:clamp(1.75rem,1.2rem + 1.25vw,2.55rem);line-height:1.02;margin-bottom:.55em;text-wrap:balance}
.lzc-step p+p{margin-top:.8em}
.lzc-plate{position:absolute;left:calc(-1 * var(--lzc-gutter) + 16px);top:-4px;width:50px;height:50px;display:grid;place-items:center;
  background:var(--lzc-concrete);border:3px solid var(--lzc-ink);color:var(--lzc-ink);font-weight:800;font-stretch:75%;font-size:1.65rem;line-height:1;
  transition:background-color .25s,border-color .25s,color .25s;z-index:1}
.lzc-step.is-active .lzc-plate,.lzc-step.is-done .lzc-plate{background:var(--lzc-red-ink);border-color:var(--lzc-red-ink);color:#fff}
.lzc-step--prologue .lzc-step__in::before,.lzc-step--cta .lzc-step__in::before{content:"";position:absolute;
  left:calc(-1 * var(--lzc-gutter) + 29px);top:8px;width:24px;height:24px;border:3px solid var(--lzc-ink);background:var(--lzc-concrete)}
.lzc-step--cta .lzc-step__in::before{background:var(--lzc-red-ink);border-color:var(--lzc-red-ink)}
.lzc-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.lzc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.65em 1.3em;border-radius:3px;font:inherit;font-weight:700;
  text-decoration:none;cursor:pointer;transition:background-color .18s,border-color .18s}
.lzc-btn--primary{background:var(--lzc-red-ink);border:2px solid var(--lzc-red-ink);color:#fff}
.lzc-btn--primary:hover{background:var(--lzc-red-deep);border-color:var(--lzc-red-deep)}
.lzc-btn--ghost{background:transparent;border:2px solid var(--lzc-ink);color:var(--lzc-ink)}
.lzc-btn--ghost:hover{background:#fff}
#lzc-start{scroll-margin-top:calc(var(--lzc-header-offset) + 24px)}

/* Scenes: visibility, zoom and opacity are driven by scroll in JS */
.lzc-scene{position:absolute;inset:0;visibility:hidden;opacity:0}
.lzc-story:not(.lzc-js) .lzc-stage{display:none}
.lzc-story:not(.lzc-js) .lzc-step{min-height:0;padding:2.5rem 0}
.lzc-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.lzc-svg *{vector-effect:non-scaling-stroke}
.lzc-svg pattern *{vector-effect:none}
.lzc-ov{position:absolute;z-index:2;font-size:clamp(11.5px,2cqmin,16px);line-height:1.35;opacity:0;transition:opacity .3s}
.lzc-ov--tl{top:4.5%;left:4.5%}
.lzc-ov--br{bottom:4.5%;right:4.5%}
.lzc-scene[data-state="restored"] .lzc-ov[data-show~="restored"],
.lzc-scene[data-state="choose"] .lzc-ov[data-show~="choose"],
.lzc-scene[data-state="pickup"] .lzc-ov[data-show~="pickup"],
.lzc-scene[data-state="route"] .lzc-ov[data-show~="route"],
.lzc-scene[data-state="cta"] .lzc-ov[data-show~="cta"],
.lzc-scene[data-state="plan"] .lzc-ov[data-show~="plan"],
.lzc-scene[data-state="stockin"] .lzc-ov[data-show~="stockin"],
.lzc-scene[data-state="festive"] .lzc-ov[data-show~="festive"],
.lzc-scene.is-done .lzc-ov[data-show~="done"]{opacity:1}
.lzc-scene.is-moving .lzc-ov{opacity:0!important;transition-duration:.12s}
.lzc-stage__bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(31,33,32,.12);display:none;z-index:4}
.lzc-stage__bar span{display:block;height:100%;background:var(--lzc-red);transform-origin:left;transform:scaleX(var(--lzc-prog,0))}
.lzc-sm{display:none}

/* SVG drawing language (shared with the warehouse-for-rent story) */
.lzc-svg .lbl{font-family:var(--lzc-font);font-stretch:85%;font-weight:600;font-size:21px;fill:var(--lzc-ink-2)}
.lzc-svg .lbl-sm{font-size:18px}
.lzc-svg .lbl-lg{font-size:26px;font-weight:750;fill:var(--lzc-ink)}
.lzc-svg .lbl--red{fill:var(--lzc-red-deep);font-weight:750}
.lzc-svg .lbl--ink{fill:var(--lzc-ink)}
.lzc-svg .halo{paint-order:stroke;stroke:var(--lzc-floor);stroke-width:5px;stroke-linejoin:round}
.lzc-lane{fill:var(--lzc-asphalt)}
.lzc-lane-mark{stroke:#fff;stroke-width:3;stroke-dasharray:22 18}
.lzc-block{fill:var(--lzc-block);stroke:var(--lzc-steel);stroke-width:1.5}
.lzc-part{stroke:var(--lzc-steel);stroke-width:1.5;fill:none}
.lzc-roof rect{fill:#CDD0CB;stroke:var(--lzc-ink);stroke-width:3}
.lzc-roof path{stroke:var(--lzc-steel);stroke-width:1.5;fill:none}
.lzc-roof{opacity:0}
.lzc-truck-body{fill:#fff;stroke:var(--lzc-ink);stroke-width:2.5}
.lzc-truck-cab{fill:var(--lzc-ink)}
.lzc-carton{opacity:0}
.lzc-carton.is-in{opacity:1}
.lzc-carton .box{fill:var(--lzc-kraft);stroke:var(--lzc-kraft-edge);stroke-width:1.5}
.lzc-carton .tape{fill:var(--lzc-tape)}

/* Shop */
.lzc-shopfloor{fill:#F3F3F0}
.lzc-shelf{fill:#fff;stroke:var(--lzc-ink-2);stroke-width:2}
.lzc-counter{fill:#fff;stroke:var(--lzc-ink);stroke-width:2.5}
.lzc-walls{fill:none;stroke:var(--lzc-ink);stroke-width:7}
.lzc-shutter{stroke:var(--lzc-ink-2);stroke-width:2.5;stroke-dasharray:4 4}
.lzc-sell{fill:none;stroke:var(--lzc-ink-2);stroke-width:2;stroke-dasharray:8 6}
[data-state="restored"] .lzc-sell{fill:rgba(237,28,36,.045);stroke:var(--lzc-red);stroke-width:3.5;stroke-dasharray:none}
[data-state="restored"] .lzc-sell-label{fill:var(--lzc-red-deep);font-weight:750}

/* Map */
.lzc-border{fill:rgba(255,255,255,.3);stroke:var(--lzc-ink-2);stroke-width:2;stroke-dasharray:2 7;stroke-linecap:round}
.lzc-river{fill:none;stroke:var(--lzc-water);stroke-width:13;stroke-linecap:round}
.lzc-roads :is(ellipse,path){fill:none;stroke:var(--lzc-ink);stroke-width:4;stroke-linecap:round;opacity:.78}
.lzc-route{fill:none;stroke:var(--lzc-red);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.lzc-stopbar{stroke:var(--lzc-ink);stroke-width:7;stroke-linecap:round}
.lzc-mkt circle{fill:#fff;stroke:var(--lzc-ink);stroke-width:2.5}
.lzc-unit rect{fill:var(--lzc-ink);stroke:#fff;stroke-width:2}
.lzc-unit .lzc-u-on{display:none}
.lzc-unit.is-yours rect{fill:var(--lzc-red)}
.lzc-unit.is-yours .lzc-u-on{display:inline}
.lzc-unit.is-yours .lzc-u-off{display:none}
.lzc-unit{transition:opacity .3s}
.lzc-unit.is-dim{opacity:.45}
.lzc-shoppin .c{fill:var(--lzc-red);stroke:#fff;stroke-width:3}
.lzc-shoppin .pulse{fill:none;stroke:var(--lzc-red);stroke-width:2.5;opacity:0;transform-box:fill-box;transform-origin:center}
[data-state="choose"] .lzc-shoppin .pulse,[data-state="cta"] .lzc-shoppin .pulse{animation:lzc-pulse 1.8s ease-out infinite}
@keyframes lzc-pulse{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}
.lzc-shield rect{fill:#fff;stroke:var(--lzc-ink);stroke-width:2}
.lzc-shield text{font:750 17px var(--lzc-font);font-stretch:85%;fill:var(--lzc-ink)}
.lzc-air path{stroke:var(--lzc-ink-2);stroke-width:5;stroke-linecap:round}
.lzc-grap,.lzc-routelbl{transition:opacity .3s}
.lzc-chips{display:flex;flex-direction:column;align-items:flex-start;gap:.45em}
.lzc-chip{display:inline-block;padding:.32em .85em;border-radius:999px;background:#fff;border:2px solid var(--lzc-red);font-weight:650;
  opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .25s}
.lzc-chip.is-on,.lzc-chip--static{opacity:1;transform:none}
.lzc-note{color:var(--lzc-ink-2);max-width:17em;text-align:right}

/* Warehouse */
.lzc-wh{fill:#F3F3F0}
.lzc-wall{fill:none;stroke:var(--lzc-ink);stroke-width:7}
.lzc-dock{fill:var(--lzc-ink)}
.lzc-other{fill:var(--lzc-block);stroke:var(--lzc-steel);stroke-width:1.5}
.lzc-free{fill:url(#lzc-hatch);stroke:var(--lzc-steel);stroke-width:1.5;stroke-dasharray:7 5}
.lzc-hatch-line{stroke:rgba(31,33,32,.14);stroke-width:2}
.lzc-rack{fill:none;stroke:var(--lzc-steel);stroke-width:2;transition:stroke .25s}
.lzc-row.is-set .lzc-rack{stroke:var(--lzc-ink);stroke-width:3}
.lzc-slot{fill:none;stroke:rgba(31,33,32,.14);stroke-width:1}
.lzc-zone{opacity:0;transition:opacity .25s}
.lzc-zone.is-on{opacity:1}
.lzc-space{fill:rgba(237,28,36,.04);stroke:var(--lzc-red);stroke-width:4}
.lzc-pal .box{fill:var(--lzc-kraft);stroke:var(--lzc-kraft-edge);stroke-width:1.2}
.lzc-pal .tag{fill:#fff;opacity:0}
.lzc-pal.is-tagged .tag{opacity:1}
.lzc-pal .rib{stroke:var(--lzc-tape);stroke-width:3;fill:none}
.lzc-pinpad rect{fill:var(--lzc-ink)}

/* Paper props */
.lzc-paperish{background:#fff;box-shadow:var(--lzc-shadow);position:relative}
.lzc-mini{padding:.9em 1.05em}
.lzc-mini__title,.lzc-card__title{font-weight:760;font-stretch:82%;font-size:1.18em;line-height:1.15}
.lzc-mini__title{margin-bottom:.45em!important}
.lzc-mini dl{display:grid;grid-template-columns:1fr auto;gap:.28em 1.2em;font-variant-numeric:tabular-nums}
.lzc-mini dt,.lzc-kv dt,.lzc-inv dt{color:var(--lzc-ink-2)}
.lzc-mini dd{text-align:right;font-weight:600}
.lzc-lines{width:min(17.5em,46cqw)}
.lzc-lines ul{list-style:none;padding:0;display:grid;gap:.15em}
.lzc-lines li{display:flex;justify-content:space-between;gap:1em;padding:.22em 0;border-bottom:1px solid rgba(31,33,32,.1)}
.lzc-lines b{font-weight:700;opacity:0;transition:opacity .25s}
.lzc-lines li.is-on b{opacity:1}
.lzc-week{display:flex;align-items:center;gap:.7em;flex-wrap:wrap}
.lzc-week__title{font-weight:700}
.lzc-days{list-style:none;padding:0;display:flex;gap:.3em}
.lzc-days li{min-width:2.6em;text-align:center;padding:.25em .3em;border:2px solid var(--lzc-ink-2);background:#fff;font-weight:650;border-radius:3px;
  transition:background-color .2s,border-color .2s,color .2s}
.lzc-days li.is-on{background:var(--lzc-red-ink);border-color:var(--lzc-red-ink);color:#fff}
.lzc-paper-scene{font-size:clamp(11px,1.85cqmin,15.5px)}
.lzc-card{position:absolute;width:min(23em,72%);padding:1em 1.15em 1.1em;opacity:0;transform:translateY(22px);
  transition:opacity .3s,transform .4s cubic-bezier(.2,.75,.25,1)}
.lzc-card.is-in{opacity:1;transform:none}
.lzc-card__head{display:flex;justify-content:space-between;align-items:center;gap:1em;padding-bottom:.55em;margin-bottom:.4em;border-bottom:2px solid var(--lzc-ink)}
.lzc-tag{font-size:.8em;font-weight:700;color:var(--lzc-ink-2);border:1.5px solid currentColor;border-radius:999px;padding:.08em .7em;white-space:nowrap}
.lzc-card--gst{left:5%;top:5%;border-top:5px solid var(--lzc-ink)}
.lzc-card--stock{left:15%;top:31%}
.lzc-card--inv{right:5%;bottom:5%;border-top:5px solid var(--lzc-red)}
.lzc-kv>div{display:grid;grid-template-columns:9.5em 1fr;gap:.8em;padding:.42em 0;border-bottom:1px solid rgba(31,33,32,.1);align-items:baseline}
.lzc-kv dd{font-weight:600}
.lzc-apob{opacity:.12;transition:opacity .25s,background-color .25s}
.lzc-apob.is-on{opacity:1;background:rgba(237,28,36,.05);box-shadow:inset 3px 0 0 var(--lzc-red)}
.lzc-apob.is-on dt{padding-left:.6em}
.lzc-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.lzc-table :is(th,td){padding:.36em .4em;text-align:right;border-bottom:1px solid rgba(31,33,32,.1)}
.lzc-table :is(th,td):first-child{text-align:left;padding-left:0}
.lzc-table thead th{font-weight:700;color:var(--lzc-ink-2);font-size:.92em}
.lzc-table tbody td{font-weight:600}
.lzc-table tbody tr{opacity:.1;transition:opacity .25s}
.lzc-table tbody tr.is-in{opacity:1}
.lzc-inv>div{display:flex;justify-content:space-between;gap:1em;padding:.34em 0;border-bottom:1px solid rgba(31,33,32,.1);font-variant-numeric:tabular-nums;
  opacity:.1;transition:opacity .25s}
.lzc-inv>div.is-in{opacity:1}
.lzc-inv dd{font-weight:600;text-align:right}
.lzc-inv .lzc-inv__total{border-bottom:0;border-top:2px solid var(--lzc-ink);margin-top:.2em}
.lzc-inv .lzc-inv__total :is(dt,dd){font-weight:760;color:var(--lzc-ink)}
.lzc-itc{margin-top:.6em!important;display:inline-block;padding:.2em .7em;border:2px solid var(--lzc-red-ink);color:var(--lzc-red-deep);font-weight:700;border-radius:999px;
  opacity:0;transform:scale(1.15);transition:opacity .2s,transform .25s cubic-bezier(.3,1.6,.5,1)}
.lzc-itc.is-on{opacity:1;transform:none}

/* Phones and tablets: stage on top, text below */
@media (max-width:959px){
  .lzc-story{font-size:1rem}
  .lzc-intro{grid-template-columns:1fr;align-items:start;padding-top:56px}
  .lzc-body{display:block}
  .lzc-stage{position:sticky;height:min(52vh,112vw);height:min(52svh,112vw);z-index:3;box-shadow:0 1px 0 rgba(31,33,32,.14)}
  .lzc-stage__bar{display:block}
  .lzc-steps-col{padding:0 20px 0 calc(var(--lzc-pad) + 60px)}
  .lzc-rail,.lzc-rail-fill{left:calc(var(--lzc-pad) + 26px)}
  .lzc-step{min-height:0;justify-content:flex-start;padding:30px 0 26vh}
  .lzc-step h3{font-size:1.7rem}
  .lzc-plate{width:40px;height:40px;left:-52px;top:-3px;font-size:1.35rem;border-width:2.5px}
  .lzc-step--prologue .lzc-step__in::before,.lzc-step--cta .lzc-step__in::before{left:-44px;top:6px}
  .lzc-cta .lzc-btn{flex:1 1 auto}
  #lzc-start{scroll-margin-top:calc(var(--lzc-header-offset) + min(52svh,112vw) + 16px)}
  .lzc-svg .lbl{font-size:31px}.lzc-svg .lbl-sm{font-size:27px}.lzc-svg .lbl-lg{font-size:36px}
  .lzc-map .lbl{font-size:21px}.lzc-map .lbl-sm{font-size:18px}
  .lzc-lg{display:none}.lzc-sm{display:inline}
  .lzc-ov--tl{top:8px;left:8px;right:8px}
  .lzc-ov--br{bottom:8px;right:8px}
  .lzc-note{display:none}
  .lzc-chip{font-size:11px;padding:.25em .65em;border-width:1.5px}
  .lzc-paper-scene{font-size:10px}
  .lzc-card{width:72%;padding:.8em .95em .9em}
  .lzc-card--gst{left:3%;top:3%}
  .lzc-card--stock{left:14%;top:27%}
  .lzc-kv>div{grid-template-columns:auto 1fr}
  .lzc-kv dt{white-space:nowrap}
  .lzc-story .lzc-lg-row{display:none}
  .lzc-card--inv{right:3%;bottom:3%}
}
@media (prefers-reduced-motion:reduce){
  [data-state] .lzc-shoppin .pulse{animation:none}
  .lzc-card,.lzc-chip,.lzc-itc{transition:opacity .2s}
}