.journey{--p:0;position:relative}.journey-act{border-block-end:1px solid var(--rule);scroll-margin-block-start:40px}.journey-stage{background:var(--cream);contain:layout paint;gap:28px;min-inline-size:0;padding:32px 16px;display:grid;position:relative}.journey-media,.journey-panel{min-inline-size:0}.journey-media{gap:16px;display:grid;position:relative}.journey-media .photo{margin:0}.journey-media .photo img{aspect-ratio:1.6;object-fit:cover;block-size:100%;inline-size:100%}.journey-panel{z-index:2;position:relative}.journey-panel>h2{max-inline-size:19ch;font-size:clamp(2rem,3.3vw,3.2rem)}.journey-panel p,.journey-panel li{font-size:1rem}.journey-panel p{max-inline-size:62ch}.journey-panel .fact-lines{margin-block:20px}.journey-panel .fact-lines dt,.journey-panel .fact-lines dd{font-size:.9rem}.literature-grades{padding:0;list-style:none}.literature-grades li{border-block-end:1px solid var(--rule);padding-block:12px}.journey-gauge{z-index:3;background:var(--cream);border:1px solid var(--rule);min-inline-size:0;padding:24px 16px;position:relative}.journey-gauge .compact-gauge{grid-template-columns:1fr;gap:20px;min-inline-size:0}.journey-gauge h3{font-size:1.5rem}.journey-gauge p,.journey-gauge a,.journey-gauge legend{font-size:.9rem}.journey-gauge .mesh-options{gap:8px;margin-block:16px}.journey-gauge .mesh-options label{min-block-size:44px;min-inline-size:48px}.journey-gauge .gauge-drawing{min-block-size:0;padding:16px}.journey-gauge .gauge-drawing svg{block-size:190px;inline-size:100%}.journey-gauge .gauge-drawing svg text{font-size:16px}.journey-gauge .gauge-output{min-block-size:3.2em;font-size:1rem}.journey-gauge .gauge-aperture{transition:none}.packing-chemical{background:var(--cream);border:1px solid var(--rule);padding:12px}.packing-chemical p,.packing-chemical a{font-size:.9rem}.packing-chemical p{margin-block:12px 8px}.act-packing .journey-stage,.act-choose .journey-stage{background:var(--sand)}.act-map .journey-media,.act-choose .journey-media{display:none}.act-map .map-layout{grid-template-columns:1fr;gap:24px}.act-map .route-map{padding:16px;position:static}.act-map .markets-list{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.act-map .markets-list li{padding-block:12px;display:block}.act-map .markets-list strong{font-size:1rem}.act-map .markets-list small{font-size:.85rem}.act-map .map-origin{animation:none}.choose-routes{gap:24px;margin-block-start:32px;display:grid}.choose-routes article{background:var(--cream);border-block-start:2px solid var(--navy);flex-direction:column;align-items:flex-start;padding:28px 24px;display:flex}.choose-routes article+article{background:var(--paper);border-color:var(--sky)}.choose-routes h3{font-size:clamp(1.8rem,3vw,2.7rem)}.choose-routes .fact-lines{inline-size:100%}.choose-routes .button{min-block-size:52px;inline-size:100%;margin-block-start:auto}.journey-progress{background:var(--cream);border-block-end:1px solid var(--rule);transition:opacity var(--reveal-dur) var(--ease-out);flex-wrap:wrap;gap:8px 20px;padding:16px;display:flex}.journey-progress a{min-block-size:32px;font:400 .85rem var(--font-sans);align-items:center;gap:8px;text-decoration:none;display:flex}.stop-dot{border:1px solid var(--ink-2);border-radius:50%;block-size:6px;inline-size:6px}.js-journey .journey-progress{z-index:19;opacity:0;visibility:hidden;pointer-events:none;justify-content:space-around;gap:0;padding:2px 8px;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 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-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 [aria-current]{color:var(--navy);text-underline-offset:5px;text-decoration:underline}.js-journey .journey-progress [aria-current] .stop-dot,.js-journey .journey-progress .is-past .stop-dot{background:var(--sky);border-color:var(--sky)}html.js-journey[data-act="0"] .journey-progress,html.js-journey:not([data-act]) .journey-progress{opacity:0;visibility:hidden;pointer-events:none}@media (width<=899px){.js-journey .journey-act.can-pin{min-block-size:130svh}.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);position:absolute;inset:0}.js-journey .journey-media .photo img{transform:translate3d(0,calc(var(--p)*-6px),0) scale(1.025)}.js-journey .act-packing .journey-media{min-block-size:540px;display:block}.js-journey .act-packing .journey-media>.photo:first-child{block-size:310px;inline-size:90%}.js-journey .act-packing .journey-media>.photo:nth-child(2){border:6px solid var(--sand);block-size:230px;inline-size:53%;transform:translate3d(0,calc((1 - var(--p))*8px),0);position:absolute;inset:130px 0 auto auto}.js-journey .packing-chemical{inline-size:74%;margin-block-start:12px;position:relative}.js-journey .packing-chemical .photo{block-size:150px}.js-journey .journey-act.is-active .photo img{will-change:transform}.js-journey .journey-act.is-active .photo+.photo{will-change:opacity}}@media (width>=900px){.journey-stage{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);align-items:center;gap:32px;min-block-size:740px;padding:56px 164px 56px 40px}.journey-panel{background:var(--cream);padding:32px}.journey-gauge{grid-column:1/-1;justify-self:start;inline-size:min(620px,100%);padding:24px}.journey-gauge .compact-gauge{grid-template-columns:1fr 1fr;gap:24px}.act-map .journey-stage,.act-choose .journey-stage{display:block}.act-map .journey-panel,.act-choose .journey-panel{background:0 0;padding:0}.act-map .map-layout{grid-template-columns:minmax(0,74fr) minmax(170px,26fr);align-items:center;gap:24px}.act-map .markets-list{display:block}.act-map .markets-list li{padding-block:6px}.act-map .markets-list li>div{flex-wrap:wrap;align-items:baseline;gap:0 8px;display:flex}.act-map .markets-list strong{font-size:.9rem}.act-map .markets-list small{font-size:.825rem;line-height:1.4}.act-map .journey-panel>h2,.act-choose .journey-panel>h2{max-inline-size:none}.act-map .route-map{padding:24px 16px}.act-map .route-map svg{inline-size:100%}.choose-routes{grid-template-columns:1fr 1fr;gap:32px;margin-block-start:48px}.choose-routes article{min-block-size:360px;padding:36px}.js-journey .journey-progress{border:1px solid var(--rule);gap:8px;max-inline-size:140px;padding:16px 12px;display:grid;inset-block:50% auto;inset-inline:auto 12px;transform:translateY(-50%)}.js-journey .journey-progress:after{display:none}.js-journey .journey-progress a{justify-content:flex-start;font-size:.75rem}.js-journey .stop-dot,.js-journey .stop-label{display:block}.js-journey .stop-number{display:none}.js-journey .journey-act.can-pin{block-size:200svh}.js-journey #processing.can-pin{block-size:220svh}.js-journey .journey-act.can-pin .journey-stage{block-size:100svh;position:sticky;inset-block-start:0}.js-journey .journey-stage{grid-template-columns:repeat(12,minmax(0,1fr));gap:0;min-block-size:max(740px,100svh);display:grid}.js-journey .journey-media{display:block;position:absolute;inset:0}.js-journey .journey-media .photo{border-radius:0;position:absolute;inset:0}.js-journey .journey-media .photo picture{block-size:100%;display:block}.js-journey .journey-media .photo img{aspect-ratio:auto}.js-journey .journey-panel{grid-area:1/1/auto/6;align-self:center}.js-journey #harvest .journey-panel{align-self:end;margin-block-end:12px}.js-journey #harvest .journey-media .photo:first-child img{transform:scale(calc(1 + var(--p)*.08))}.js-journey #harvest .journey-media .photo:nth-child(2){clip-path:inset(calc((1 - var(--p))*45%) calc((1 - var(--p))*50%));opacity:clamp(0,calc(var(--p)*2),1)}.js-journey #harvest .journey-media .photo:nth-child(2) img{transform:scale(calc(1.08 - var(--p)*.08))}.js-journey #processing .journey-media{inset-inline-end:26%}.js-journey #processing .journey-media .photo:nth-child(2){clip-path:inset(0 calc((1 - var(--p))*100%) 0 0)}.js-journey #processing .journey-panel{grid-column:8/-1;align-self:start;padding:28px}.js-journey #processing .journey-gauge{inline-size:min(560px,100%);transform:translate3d(0,calc((1 - clamp(0,(var(--p) - .3)*2,1))*14px),0);grid-area:1/1/auto/7;align-self:end;margin-block-start:24px}.js-journey .act-packing .journey-panel{grid-column:9/-1;align-self:start;padding:24px}.js-journey .act-packing .journey-media{inset:40px 30% 40px 0}.js-journey .act-packing .journey-media>.photo:first-child{inset:0 12% 12% 0}.js-journey .act-packing .journey-media>.photo:nth-child(2){border:8px solid var(--sand);transform:translate3d(calc((1 - var(--p))*16%),calc((1 - var(--p))*6%),0);inset:22% 0 4% 53%}.js-journey .packing-chemical{transform:translate3d(0,calc((1 - var(--p))*24px),0);position:absolute;inset:auto 34% 0 12%}.js-journey .packing-chemical .photo{block-size:150px;position:relative}.js-journey #warehouse .journey-panel{grid-column:1/7;align-self:end}.js-journey #warehouse .journey-media img{transform:scale(calc(1 + var(--p)*.04))}.js-journey #port .journey-panel{grid-column:7/-1;align-self:end}.js-journey #port .journey-media .photo:first-child img{transform:translate3d(calc((var(--p) - .5)*-8%),0,0) scale(1.08)}.js-journey #port .journey-media .photo:nth-child(2){clip-path:inset(0 calc((1 - var(--p))*100%) 0 0)}.js-journey .act-map .journey-panel,.js-journey .act-choose .journey-panel{grid-column:1/-1}.js-journey .act-map .map-route{stroke-dasharray:600;stroke-dashoffset:calc(600*(1 - var(--p)));animation:none}.js-journey .journey-act.is-active .photo img,.js-journey .act-packing.is-active .photo:nth-child(2),.js-journey .act-packing.is-active .packing-chemical{will-change:transform}.js-journey .journey-act.is-active:not(.act-packing) .photo+.photo{will-change:clip-path,opacity}}@media (width>=900px) and (width<=1150px){.journey-gauge .compact-gauge{grid-template-columns:1fr;gap:16px}.js-journey .journey-panel{grid-column:1/8}.js-journey #processing .journey-panel{grid-column:7/-1}.js-journey .act-packing .journey-panel{grid-column:8/-1}.js-journey #port .journey-panel{grid-column:6/-1}.journey-panel>h2{font-size:2rem}.journey-panel{padding:24px}}.journey-hero{touch-action:pan-y}.journey-hero .hero-content{background:linear-gradient(90deg,#fbf8f2fa 0% 65%,#fbf8f200 100%)}.hero-crust{z-index:-2;pointer-events:none;opacity:0;block-size:100%;inline-size:100%;transition:opacity var(--reveal-dur) var(--ease-out);position:absolute;inset:0}.crust-on .hero-crust{opacity:1}.crust-on .pan-overlay{visibility:hidden}.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);background:var(--cream);border:1px solid var(--rule);transition:opacity var(--reveal-dur) var(--ease-out),transform var(--reveal-dur) var(--ease-out);border-radius:2px;margin:0;padding:8px 14px;font-size:.85rem;position:absolute;inset-block-end:28px;inset-inline-end:32px}.crust-hint.is-gone{opacity:0;pointer-events:none;transform:translateY(14px)}@media (width<=899px){.crust-hint{inset-block-end:16px;inset-inline:16px auto}.journey-hero .hero-content{background:#fbf8f2f5}}@media (prefers-reduced-motion:reduce){.journey-stage{block-size:auto!important;position:static!important}.journey-act{block-size:auto!important;min-block-size:0!important}.journey-progress,.hero-crust,.crust-hint{transition:none}.journey .map-route{stroke-dashoffset:0;animation:none}}.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}
