/* Five vector scenes form one reversible, scroll-driven explanation. */
.journey-panel{--scene-progress:1}
.journey-scene{background-color:#e4e4dc;background-image:radial-gradient(ellipse at 50% 25%,#f9f9f3 0,transparent 65%),radial-gradient(#3131271a .7px,transparent .7px);background-size:auto,22px 22px;border:1px solid #d7d7cd}
.journey-scene:after{display:none}
.journey-art{position:absolute;inset:0 0 175px;display:grid;place-items:center;overflow:hidden}
.journey-art>svg{width:125%;height:100%;max-height:760px;overflow:visible}
.journey-scene .journey-result{bottom:25px;left:27px;right:27px;border:0;border-top:1px solid #bdbdb0;border-radius:0;padding:21px 0 0;background:transparent;box-shadow:none}
.journey-result>svg{background:#f7f7f0;border:1px solid #cfcfc2;border-radius:50%}
.journey-result h4{font-size:20px;font-weight:500;margin-right:50px}
.journey-result li{font-size:12px;gap:8px}
.journey-watermark{color:#191919;opacity:.07;font-size:120px;right:0;bottom:-22px}
.brief-stack{transform-origin:308px 226px;transform:rotate(calc((1 - var(--scene-progress))*-8deg)) translateY(calc((1 - var(--scene-progress))*24px))}
.brief-sheet{transform:translateY(calc((1 - var(--scene-progress))*-28px))}
.brief-checks{opacity:calc(.35 + var(--scene-progress)*.65)}
.brief-seal{opacity:var(--scene-progress)}
.inspection-scan{transform:translateY(calc(100px + var(--scene-progress)*246px))}
.inspection-points{opacity:calc(.3 + var(--scene-progress)*.7)}
.inspection-checks{opacity:var(--scene-progress)}
.inspection-loupe{translate:calc((1 - var(--scene-progress))*-35px) calc((1 - var(--scene-progress))*-15px)}
.calculation-paper{transform:translateY(calc((1 - var(--scene-progress))*-16px))}
.cost-bar{transform-box:fill-box;transform-origin:left;transform:scaleX(calc(.3 + var(--scene-progress)*.7))}
.cost-bar-2{transform:scaleX(calc(.15 + var(--scene-progress)*.85))}.cost-bar-3{transform:scaleX(calc(.25 + var(--scene-progress)*.75))}
.cost-sum{opacity:calc(.25 + var(--scene-progress)*.75)}
.calculation-stamp{opacity:var(--scene-progress);translate:0 calc((1 - var(--scene-progress))*-20px)}
.line-draw{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--scene-progress))}
.route-arrival{opacity:var(--scene-progress)}
.key-assembly{transform-origin:321px 221px;transform:rotate(calc((1 - var(--scene-progress))*-18deg)) translateY(calc((1 - var(--scene-progress))*-35px))}
.key-complete{opacity:var(--scene-progress);translate:0 calc((1 - var(--scene-progress))*22px)}
@media(max-width:1000px){.journey-art{bottom:170px}.journey-scene .journey-result{left:22px;right:22px;bottom:21px;padding-top:18px}.journey-result h4{font-size:18px}}
@media(max-width:700px){.journey-scene{min-height:350px}.journey-art{bottom:150px;inset-inline:-10px}.journey-scene .journey-result{left:20px;right:20px;bottom:21px}.journey-result h4{font-size:18px}.journey-result li{font-size:11px}.scroll-journey .journey-scene{min-height:0}.scroll-journey .journey-art{inset:-10px -8px 105px}.scroll-journey .journey-result{left:18px;right:18px;bottom:17px;padding-top:14px;background:none;border-top:1px solid #bdbdb0}.scroll-journey .journey-result h4{font-size:16px;margin-bottom:10px}.scroll-journey .journey-result li{font-size:10px}.scroll-journey .journey-watermark{bottom:-10px;font-size:85px}}
@media(prefers-reduced-motion:reduce){.journey-art{--scene-progress:1!important}.brief-stack,.brief-sheet,.inspection-scan,.inspection-loupe,.calculation-paper,.cost-bar,.calculation-stamp,.key-assembly,.key-complete{transform:none;translate:none}.inspection-scan{transform:translateY(235px)}.line-draw{stroke-dashoffset:0}}