.supply-chain-story{display:grid;grid-template-columns:5fr 7fr;column-gap:clamp(28px,4vw,64px);position:relative}.chain-viewport-measure{position:absolute;width:0;height:100vh;height:100svh;visibility:hidden;pointer-events:none}.chain-steps{grid-column:1;grid-row:1;min-width:0;padding-bottom:40px}.chain-step{min-height:64svh;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:120px}.chain-step-copy{max-width:40ch;padding:20px 0}.chain-step h3{margin:0 0 18px;font:400 clamp(26px,2.5vw,36px)/1.16 var(--display);color:var(--cloud)}.chain-step h3:before{content:"";display:block;width:24px;height:1px;background:var(--gunmetal);margin-bottom:22px}.chain-step[data-active=true] h3:before{height:1px;background:var(--signal)}.chain-step p{margin:0;color:var(--silver);font:18px/1.65 var(--sans);text-wrap:pretty}.chain-stage-column{grid-column:2;grid-row:1;position:relative;min-width:0}.chain-stage{position:sticky;top:100px;height:calc(100svh - 221px);display:flex;flex-direction:column}.chain-frame{position:relative;flex:1;min-height:0;overflow:hidden;isolation:isolate}.chain-world{position:absolute;top:0;left:0;width:1000px;height:1250px;transform-origin:0 0;transition:transform 1s cubic-bezier(.22,1,.36,1)}.chain-world>img,.supply-chain-flows{position:absolute;inset:0;width:1000px;height:1250px}.chain-world>img,.supply-chain-flows g[id]{transition:opacity .7s}.supply-chain-flows svg{width:1000px;height:1250px;overflow:visible}.chain-labels{position:absolute;inset:0;pointer-events:none;opacity:0}.chain-labels[data-ready=true]{opacity:1;transition:opacity .18s}.chain-labels>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chain-labels line{stroke:var(--silver);stroke-width:.8}.chain-labels circle{fill:var(--cloud)}.chain-label{position:absolute;white-space:nowrap}.chain-label-subtitle,.chain-label-title{display:block;width:fit-content;background:var(--graphite);padding:0 4px}.chain-label-title{color:var(--cloud);font:12.5px/16px var(--mono);letter-spacing:.02em}.chain-label-subtitle{color:var(--silver);font:12px/15px var(--sans);padding-bottom:1px}.chain-label[data-align=r]{text-align:right}.chain-label[data-align=r]>span{margin-left:auto}.chain-labels[data-compact=true] .chain-label-subtitle{display:none}.supply-chain-flows .proj{fill:none;stroke:#7C8691;stroke-width:.6;stroke-dasharray:1.5 3;vector-effect:non-scaling-stroke}.supply-chain-flows .e2{stroke:#7C8691;stroke-width:.7;stroke-linejoin:round;vector-effect:non-scaling-stroke;fill:none}.supply-chain-flows .e3{stroke:#3E464F;stroke-width:.6;vector-effect:non-scaling-stroke;fill:none}.supply-chain-flows .bus{stroke:#E8742C;stroke-width:1.1;fill:none;stroke-linecap:round}.supply-chain-flows .pipeo{stroke:#14181C;stroke-width:3;fill:none;stroke-linejoin:round;stroke-linecap:round}.supply-chain-flows .hot{stroke:#B8612F;stroke-width:1.6;fill:none;stroke-linejoin:round;stroke-linecap:round}.supply-chain-flows .cool{stroke:#8793A0;stroke-width:1.6;fill:none;stroke-linejoin:round;stroke-linecap:round}.supply-chain-flows .flow{stroke:#FF8A3D;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-dasharray:5 11}.supply-chain-flows .flows{stroke-dasharray:2.5 12}.supply-chain-flows .goods{stroke:#E8742C;stroke-width:3;fill:none;stroke-dasharray:3 13}.supply-chain-flows .heat{stroke:#C46A36;stroke-width:1.2;fill:none;stroke-dasharray:4 10;stroke-linecap:round}.supply-chain-flows .oglow{stroke:#E8742C;stroke-opacity:.16;stroke-width:5;fill:none;stroke-linecap:round}.supply-chain-flows .o1{stroke:#E8742C;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}.supply-chain-flows .ofill{fill:#E8742C}.supply-chain-flows .bn,.supply-chain-flows .bnp{fill:none;stroke:#FF8A3D;stroke-width:1.2;vector-effect:non-scaling-stroke}.supply-chain-flows .bnp{transform-box:fill-box;transform-origin:center}@media(max-width:1199px){.supply-chain-story{display:block}.chain-stage-column{position:sticky;top:80px;z-index:4;background:var(--graphite)}.chain-stage{position:relative;top:0;height:calc(44svh - 45px);min-height:255px}.chain-step{min-height:max(280px,calc(56svh - 136px))}.chain-step-copy{max-width:52ch}.chain-step p{font-size:17px}}@media(max-width:899px){.chain-label-subtitle{display:none}.chain-label-title{font-size:11px;line-height:14px}}.supply-chain-story[data-stacked=true]{display:block}.supply-chain-story[data-stacked=true]>.chain-stage-column{display:none}.supply-chain-story[data-stacked=true] .chain-step{min-height:0;padding:28px 0 40px;border-bottom:1px solid var(--gunmetal)}.supply-chain-story[data-stacked=true] .chain-frame{flex:none;width:100%;height:clamp(440px,70svh,700px)}.chain-frame[data-still=true] .chain-world{transition:none}@media(prefers-reduced-motion:reduce){.chain-labels,.chain-world,.chain-world>img,.supply-chain-flows g[id]{transition:none!important}.supply-chain-flows .bnp{opacity:0!important}}@media screen and (max-width:767px){.supply-chain-story,.supply-chain-story[data-stacked=true]{display:block}.chain-noscript-poster,.supply-chain-story .chain-frame,.supply-chain-story .chain-stage-column{display:none}.supply-chain-story .chain-steps{padding-bottom:0}.supply-chain-story .chain-step{min-height:0;padding:28px 0;border-bottom:1px solid var(--gunmetal);scroll-margin-top:100px}.supply-chain-story .chain-step:first-child{padding-top:8px}.supply-chain-story .chain-step:last-child{border-bottom:0;padding-bottom:0}.supply-chain-story .chain-step-copy{max-width:none;padding:0}.supply-chain-story .chain-step h3{margin-bottom:14px;font-size:clamp(25px,6.8vw,32px)}.supply-chain-story .chain-step h3:before{margin-bottom:16px}}@media print{.supply-chain-story{display:block}.chain-stage,.chain-stage-column{position:static}.chain-stage{height:700px}.chain-step{min-height:0;padding:16px 0;break-inside:avoid}.chain-labels{opacity:1}.supply-chain-flows .bnp{opacity:0!important}}.chain-frame[data-still=true] .chain-world>img,.chain-frame[data-still=true] .supply-chain-flows g[id]{transition:none}.chain-print-poster{display:none}@media print{.chain-stage-column,.chain-step>.chain-frame{display:none}.chain-print-poster{display:block;width:100%;height:auto}}