/* ============ Logistics journey: one scroll, four modes ============ */
body.journey{background:#0a0b0c}
.jr{position:relative;height:calc(var(--jr-len,10.4) * 100vh);background:#0a0b0c}
.jr__scene{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden}
.jr__poster,.jr__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jr__v{opacity:0;transition:opacity .35s linear}
.jr__v.is-on{opacity:1}
.jr.is-ready .jr__poster{opacity:0;transition:opacity .4s}
.jr__tint{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,14,15,.55) 0%,rgba(2,14,15,.08) 26%,rgba(2,14,15,.05) 58%,rgba(2,14,15,.62) 100%)}
.jr__top{position:absolute;left:0;right:0;top:calc(var(--hdr-h,72px) + 22px);padding-inline:var(--gut);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;transition:opacity .5s,transform .6s var(--ease-out)}
.jr__title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,4.4vw,4rem);line-height:1;margin:0;text-shadow:0 12px 36px rgba(0,0,0,.5)}
.jr__hint{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--teal-200);display:flex;align-items:center;gap:10px}
.jr__hint::after{content:"";width:1px;height:26px;background:linear-gradient(var(--teal-200),transparent);animation:jrh 1.8s ease-in-out infinite}
@keyframes jrh{50%{transform:translateY(6px);opacity:.4}}
.jr.is-moving .jr__top{opacity:0;transform:translateY(-16px);pointer-events:none}
.jr__chs{position:absolute;inset:0;pointer-events:none}
.jr__ch{position:absolute;left:0;right:0;bottom:calc(96px + env(safe-area-inset-bottom,0px));padding-inline:var(--gut);display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(12px,2vh,22px);opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .45s,transform .7s var(--ease-out),visibility 0s .45s}
.jr__ch.is-on{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .6s,transform .8s var(--ease-out),visibility 0s}
.jr__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:#F7F5EF;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.jr__ico .ico{width:20px;height:20px;color:var(--orange)}
.jr__h{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(2rem,5.2vw,4.6rem);line-height:.98;letter-spacing:-.005em;margin:0;color:#F7F5EF;text-shadow:0 14px 40px rgba(0,0,0,.55)}
.jr__h span{display:inline}
.jr__h span::after{content:" "}
.jr__fs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,280px));gap:12px;justify-content:center}
.jr__f{padding:16px 18px;border-radius:18px;text-align:start;display:grid;grid-template-columns:28px 1fr;column-gap:12px;row-gap:4px;background:rgba(2,14,15,.42)}
.jr__fi{grid-row:1/3;width:26px;height:26px;color:#F9F9F9}
.jr__fi svg{width:100%;height:100%}
.jr__f b{font-size:.86rem;text-transform:uppercase;letter-spacing:.04em}
.jr__f span:last-child{font-size:.84rem;line-height:1.45;color:var(--text-dim)}
.jr__more{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;color:var(--teal-200)}
.jr__more .ico{width:16px;height:16px}
.jr__rail{position:absolute;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:5;max-width:calc(100vw - 24px)}
.jr__rail button{display:inline-flex;align-items:center;gap:8px;padding:0 16px;position:relative;z-index:1}
.jr__rail .ico{width:18px;height:18px}
.jr__bar{position:absolute;left:10px;right:10px;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--teal-400),var(--orange));transform-origin:left;transform:scaleX(var(--p,0))}
[dir=rtl] .jr__bar{transform-origin:right}
.jr.is-done .jr__rail{opacity:0;transform:translate(-50%,140%);transition:all .5s}
@media (max-width:900px){.jr__fs{grid-template-columns:1fr;max-width:420px;width:100%}.jr__f:nth-child(n+3){display:none}}
@media (max-width:560px){.jr__f:nth-child(n+2){display:none}.jr__ch{bottom:86px}.jr__rail button{padding:0 12px}.jr__rail button span{display:none}}
@media (max-height:640px){.jr__fs{display:none}}
@media (min-width:901px) and (min-height:641px){
  .jr__ch{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto auto 1fr;column-gap:40px;align-items:end;text-align:start;bottom:110px;top:calc(var(--hdr-h,72px) + 40px);align-content:end}
  .jr__eyebrow{grid-column:1;grid-row:1;justify-self:start}
  .jr__h{grid-column:1;grid-row:2;max-width:9.5ch;font-size:clamp(2.2rem,4.6vw,4.4rem)}
  .jr__h span{display:block}
  .jr__more{grid-column:1;grid-row:3;align-self:start;justify-self:start;margin-top:8px}
  .jr__fs{grid-column:2;grid-row:1/4;grid-template-columns:1fr;align-self:end}
}