.journey{--p:0;position:relative}.journey .crystals{display:none}.journey-progress{background:var(--cream);border-block-end:1px solid var(--rule);flex-wrap:wrap;gap:12px 24px;padding:18px 32px;display:flex}.journey-progress a{font:400 .65rem var(--font-sans);align-items:center;gap:8px;min-block-size:30px;text-decoration:none;display:flex}.stop-dot{border:1px solid var(--ink-2);border-radius:50%;block-size:6px;inline-size:6px}.journey-act{border-block-end:1px solid var(--rule);scroll-margin-block-start:20px}.journey-stage{background:var(--cream);contain:layout paint;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;min-block-size:680px;padding:64px max(32px,50vw - 620px);display:grid}.journey-media{min-inline-size:0;position:relative}.journey-media .photo+.photo{margin-block-start:20px}.journey-media .photo img{aspect-ratio:1.15;object-fit:cover}.journey-panel{z-index:2;min-inline-size:0;position:relative}.journey-panel>h2{font-size:clamp(2rem,3.3vw,3.2rem)}.journey-panel>p{font-size:.88rem}.journey-panel .mono{font-size:.65rem}.journey-panel .fact-lines{margin-block:18px}.act-right .journey-media{order:2}.act-right .journey-panel{order:1}.act-packing,.act-packing .journey-stage{background:var(--sand)}.act-packing .journey-media{grid-template-columns:1fr 1fr;gap:12px;display:grid}.act-packing .journey-media .photo+.photo{margin:0}.act-packing .journey-media .photo:first-child{grid-column:1/-1}.act-packing .journey-media .photo img{aspect-ratio:1.8}.act-map .journey-stage,.act-choose .journey-stage{display:block}.act-map .journey-media,.act-choose .journey-media{display:none}.act-map .journey-panel>h2{margin-block-end:24px}.act-map .map-layout{grid-template-columns:1fr 1fr;gap:30px}.act-map .route-map{padding:14px;position:static}.act-map .markets-list li{padding-block:7px}.act-map .markets-list strong{font-size:.73rem}.act-map .markets-list small{font-size:.6rem}.act-map .market-stats{gap:32px;margin-block:18px 0;padding-block-start:14px}.act-map .market-stats dt{font-size:1.8rem}.act-map .market-stats dd{font-size:.65rem}.act-choose .journey-stage{background:var(--sand);align-content:center;display:grid}.choose-routes{grid-template-columns:1fr 1fr;gap:64px;margin-block-start:36px;display:grid}.choose-routes article{border-block-start:1px solid var(--navy);padding-block-start:25px}.choose-routes h3{font-size:2rem}.choose-routes p{font-size:.85rem}.compact-gauge{grid-template-columns:1fr 1fr;gap:15px;padding-block-start:18px}.compact-gauge h3{font-size:1.3rem}.compact-gauge p{font-size:.7rem}.compact-gauge .mesh-options{margin-block:10px}.compact-gauge .mesh-options legend{font-size:.65rem}.compact-gauge .mesh-options label{min-block-size:40px;min-inline-size:37px;font-size:.7rem}.compact-gauge .gauge-drawing{min-block-size:0;padding:12px}.compact-gauge .gauge-drawing svg{block-size:130px}.compact-gauge .gauge-output{font-size:.63rem}.compact-gauge .gauge-source{font-size:.58rem}.compact-gauge>a,.compact-gauge a{font-size:.7rem}.literature-grades{padding:0;list-style:none}.literature-grades li{border-block-end:1px solid var(--rule);padding-block:15px;font-size:.9rem}.chemical-list{padding:0;list-style:none}.chemical-list li{border-block-end:1px solid var(--rule);padding-block:24px}.chemical-list h2{font-size:1.8rem}.chemical-list p{font-size:.8rem}.chemical-entry ul{margin-block:16px 0;padding:0;list-style:none}.chemical-entry li{border-block-start:1px solid var(--rule);padding-block:8px}.chemical-entry li a{font-size:.8rem}.chemical-entry li .mono{font-size:.65rem;display:block}.journey-compact-convert .convert{padding-block:42px}.journey-compact-convert .convert h2{font-size:2.1rem}.journey-compact-convert .convert p{display:none}@media (width>=900px){.js-journey .journey-progress{z-index:15;background:var(--cream);border:1px solid var(--rule);opacity:0;visibility:hidden;pointer-events:none;gap:8px;max-inline-size:145px;padding:18px 12px;display:grid;position:fixed;inset-block-start:50%;inset-inline-end:14px;transform:translateY(-50%)}.js-journey .journey-visible .journey-progress{opacity:1;visibility:visible;pointer-events:auto}.js-journey .journey-progress a{gap:7px;font-size:.58rem;position:relative}.js-journey .journey-progress a:not(:last-child):after{content:"";background:var(--rule);block-size:26px;inline-size:1px;position:absolute;inset-block-start:23px;inset-inline-start:3px}.js-journey .journey-progress .is-past:after{background:var(--sky)}.js-journey .journey-stage{gap:48px;min-block-size:680px;padding-inline:48px 180px}.js-journey .journey-act.can-pin{block-size:200vh}.js-journey .journey-act.can-pin .journey-stage{block-size:100svh;position:sticky;inset-block-start:0}.js-journey .journey-media .photo+.photo:not(.act-packing .photo){clip-path:inset(calc((1 - var(--p))*100%) 0 0 0);opacity:clamp(0,calc(var(--p)*2),1);margin:0;position:absolute;inset:0}.js-journey .journey-media .photo img{transform:translate3d(0,calc(var(--p)*-3%),0) scale(calc(1 + var(--p)*.08));transform-origin:50%}.js-journey .journey-media .photo figcaption{z-index:2;position:relative}.js-journey .act-right .journey-panel{transform:translate3d(0,calc((.5 - var(--p))*16px),0)}.js-journey .journey-act.is-active .photo img{will-change:transform}.js-journey .journey-act.is-active .journey-media .photo+.photo{will-change:clip-path,opacity}.js-journey .act-map .map-route{stroke-dasharray:600;stroke-dashoffset:calc(600*(1 - var(--p)));animation:none}.js-journey .act-map .map-route:nth-child(4n){stroke:var(--sky);stroke-width:1.8px}}.js-journey .journey-progress [aria-current] .stop-dot,.js-journey .journey-progress .is-past .stop-dot{background:var(--sky);border-color:var(--sky)}.js-journey .journey-progress [aria-current]{color:var(--navy);text-decoration:underline;text-decoration-color:var(--sky);text-underline-offset:5px}.js-journey .journey .crystals{z-index:3;opacity:.22;pointer-events:none;display:block;position:fixed;inset:0}.js-journey .journey:not(.journey-visible) .crystals{visibility:hidden}@media (width<=899px){.journey-stage{grid-template-columns:1fr;gap:28px;min-block-size:0;padding:32px 16px}.journey-media,.act-right .journey-media{order:0}.journey-panel,.act-right .journey-panel{order:1}.journey-media .photo img{aspect-ratio:1.6}.journey-panel>h2{font-size:2rem}.journey-panel>p{font-size:.83rem}.journey-media .photo+.photo{display:block}.journey-media .photo-fallback{aspect-ratio:1.6}.act-packing .journey-media{grid-template-columns:1fr 1fr 1fr;gap:8px}.act-packing .journey-media .photo,.act-packing .journey-media .photo:first-child{grid-column:auto;display:block}.act-packing .journey-media .photo img{aspect-ratio:1}.act-packing .photo figcaption{padding:5px;font-size:.48rem}.act-map .journey-stage{padding-block:40px}.act-map .map-layout{grid-template-columns:1fr}.act-map .markets-list{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.act-map .markets-list li{display:block}.act-map .market-stats{gap:24px}.choose-routes{grid-template-columns:1fr;gap:25px;margin-block-start:20px}.choose-routes h3{font-size:1.6rem}.choose-routes .fact-lines{margin-block:12px}.choose-routes .button{inline-size:100%}.compact-gauge{grid-template-columns:1fr 1fr;gap:16px}.compact-gauge p,.compact-gauge .gauge-source{display:none}.compact-gauge .gauge-drawing svg{block-size:95px}.compact-gauge .mesh-options{gap:5px}.compact-gauge .mesh-options label{min-inline-size:34px}.compact-gauge .gauge-output{min-block-size:3em}.journey-progress{gap:8px 20px;padding:12px 16px}.js-journey .journey-progress{z-index:19;opacity:0;visibility:hidden;pointer-events:none;background:var(--cream);box-shadow:0 1px 0 var(--rule);border:0;justify-content:space-around;gap:0;padding:2px 8px;display:flex;position:fixed;inset-block-start:0;inset-inline:0}.js-journey .journey-visible .journey-progress{opacity:1;visibility:visible;pointer-events:auto}.js-journey .journey-progress:after{content:"";background:var(--sky);transform-origin:0;block-size:2px;inline-size:100%;transform:scaleX(var(--jp,0));position:absolute;inset-block-end:0;inset-inline-start:0}.js-journey .journey-progress a{justify-content:center;min-block-size:34px;min-inline-size:35px}.js-journey .stop-label,.js-journey .stop-dot{display:none}.js-journey .journey-act.can-pin{min-block-size:130vh}.js-journey .journey-act.can-pin .journey-stage{min-block-size:calc(100svh - 36px);position:sticky;inset-block-start:36px}.js-journey .journey-act:not(.act-packing) .journey-media .photo+.photo{opacity:var(--p);pointer-events:none;margin:0;display:block;position:absolute;inset:0}.js-journey .journey-media img{transform:translate3d(0,calc(var(--p)*-6px),0)}.js-journey .journey-act.is-active .photo img{will-change:transform}.js-journey .journey-act.is-active .photo+.photo{will-change:opacity}.journey-act{scroll-margin-block-start:40px}}@media (prefers-reduced-motion:reduce){.journey .crystals{display:none!important}.journey-stage{block-size:auto!important;position:static!important}.journey-act{block-size:auto!important;min-block-size:0!important}.journey-media .photo{clip-path:none!important;transform:none!important}.journey-progress{opacity:1!important;pointer-events:auto!important;position:static!important;transform:none!important}.map-route{stroke-dashoffset:0!important}}.journey-hero{touch-action:pan-y}.hero-crust{z-index:-2;pointer-events:none;opacity:0;block-size:100%;inline-size:100%;transition:opacity .9s var(--ease-out,ease-out);position:absolute;inset:0}.crust-on .hero-crust{opacity:1}.crust-on .pan-overlay{display:none}.hero-spec-link{min-block-size:44px;margin-block-start:4px;font-size:.85rem;line-height:44px;display:inline-block}.crust-hint{color:var(--navy);border:1px solid var(--rule);background:#fbf8f2e6;border-radius:2px;margin:0;padding:8px 14px;font-size:.72rem;transition:opacity .6s,transform .6s;position:absolute;inset-block-end:28px;inset-inline-end:32px}.crust-hint.is-gone{opacity:0;pointer-events:none;transform:translateY(6px)}@media (width<=760px){.crust-hint{inset-block-end:16px;inset-inline:16px auto}}.journey-progress{transition:opacity .5s var(--ease-out,ease-out),visibility .5s}html.js-journey[data-act="0"] .journey-progress,html.js-journey:not([data-act]) .journey-progress,html[data-act="0"] .journey .journey-progress{pointer-events:none;opacity:0!important;visibility:hidden!important}
