.ct-context-story{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,5vw,76px);position:relative;align-items:stretch;margin:40px 0 50px;isolation:isolate}
.ct-motion-visual-column{min-width:0;position:relative}
.ct-motion-frame{position:sticky;top:110px;margin:0!important;background:#f1f2ed;border:1px solid #dbe0d9;border-radius:18px;overflow:hidden;box-shadow:0 24px 65px #2638300b}
.ct-motion-route{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 25px 0;font:600 11px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#687770}
.ct-motion-route span{display:flex;align-items:center;gap:7px}
.ct-motion-route span:before{content:"";width:6px;height:6px;background:#bbc6bd;border-radius:50%;flex:none}
.ct-motion-route span.is-current{color:#b35631}
.ct-motion-route span.is-current:before{background:#ce6739;box-shadow:0 0 0 4px #ce673913}
.ct-motion-scene{height:450px;position:relative;touch-action:pan-y}
.ct-motion-scene canvas{display:block;width:100%;height:100%;pointer-events:none}
.ct-motion-loading{position:absolute;inset:40% 24px auto;text-align:center;color:#5d6d66;font-size:14px;line-height:1.6}
.ct-motion-frame figcaption{display:flex;flex-direction:column;gap:8px;padding:0 25px 25px;min-height:92px}
.ct-motion-phase{font:600 18px/1.3 Arial,sans-serif;color:#233037}
.ct-motion-hint{font:400 12px/1.5 Arial,sans-serif;color:#6a7772}
.ct-motion-meter{height:3px;background:#dce2da}
.ct-motion-meter span{display:block;width:100%;height:100%;background:#ce6739;transform-origin:left;transform:scaleX(0)}
.ct-context-story .ct-motion-steps{display:flex!important;flex-direction:column;gap:0!important;padding:0!important;margin:0!important;list-style:none;counter-reset:none;border:0!important}
.ct-context-story .ct-motion-steps>li{position:relative;min-height:300px;padding:38px 0 44px!important;border-top:1px solid #dbe0e2;border-bottom:0!important;display:block!important;background:transparent!important}
.ct-context-story .ct-motion-steps>li:before{content:""!important;position:absolute;left:0;top:-1px;width:52px;height:3px;background:#c55c32;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.ct-context-story .ct-motion-steps>li.is-motion-active:before{transform:scaleX(1)}
.ct-context-story .ct-motion-steps>li:after{display:none!important}
.ct-context-story .ct-journey-symbol{display:none!important}
.ct-context-story .ct-journey>li:after{display:none!important}
.ct-context-story .ct-journey>li h3{font-size:30px;line-height:1.15;letter-spacing:-.035em;margin:0 0 16px}
.ct-context-story .ct-journey>li p{font-size:17px;line-height:1.65;margin:0;color:#647076}
.ct-context-story .cti-timeline>li{min-height:305px;padding-top:30px!important}
.ct-context-story .cti-step-no{position:static;display:block;background:transparent;border:0;padding:0;margin-bottom:15px;color:#ac5838;font-size:12px}
.ct-context-story .cti-timeline h3{font-size:27px;line-height:1.2;margin:8px 0 14px;letter-spacing:-.025em}
.ct-context-story .cti-timeline p{font-size:16px;line-height:1.65;color:#647076}
.ct-motion-evidence{margin:45px 0 0}
.ct-motion-evidence .cti-process-visual{display:grid;grid-template-columns:.85fr 1.15fr;min-height:0;background:#1c2a2f;border-radius:12px;overflow:hidden}
.ct-motion-evidence .cti-process-visual>img{position:static;width:100%;height:310px;min-height:0;object-fit:cover}
.ct-motion-evidence .cti-process-visual>div{position:static;padding:36px;background:none}
.ct-motion-evidence .cti-process-visual:after{display:none}
.ct-motion-evidence .cti-process-visual h3{font-size:30px;line-height:1.16;margin:14px 0}
#process,#import-process{scroll-margin-top:108px}
@media(max-width:1050px){.ct-context-story{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.ct-motion-scene{height:370px}.ct-motion-phase{font-size:16px}.ct-context-story .ct-journey>li h3,.ct-context-story .cti-timeline h3{font-size:25px}.ct-motion-route{font-size:10px;padding:18px 16px 0;letter-spacing:.06em}.ct-motion-frame figcaption{padding:0 18px 20px}}
@media(max-width:760px){.ct-context-story{display:flex;flex-direction:column;gap:25px;margin-top:28px}.ct-motion-visual-column{display:contents}.ct-motion-frame{top:82px;z-index:3;flex:none;width:100%;box-shadow:0 12px 30px #26383015}.ct-motion-route{padding:13px 15px 0;font-size:9px}.ct-motion-scene{height:225px}.ct-motion-frame figcaption{padding:0 16px 13px;min-height:57px;gap:4px}.ct-motion-phase{font-size:15px}.ct-motion-hint{font-size:10px}.ct-context-story .ct-motion-steps>li,.ct-context-story .cti-timeline>li{min-height:345px;padding-top:30px!important;padding-bottom:50px!important}.ct-context-story .ct-motion-steps{padding-bottom:160px!important}.ct-motion-evidence .cti-process-visual{grid-template-columns:1fr}.ct-motion-evidence .cti-process-visual>img{height:240px}.ct-motion-evidence .cti-process-visual>div{padding:28px}#process,#import-process{scroll-margin-top:85px}}
@media(prefers-reduced-motion:reduce){.ct-context-story *{transition:none!important;scroll-behavior:auto!important}}
.ct-context-story .ct-motion-steps>li:before{left:0!important;right:auto!important;top:-1px!important;bottom:auto!important;border:0!important;display:block!important;width:52px!important;height:3px!important}
.ct-context-story .ct-journey>li p{max-width:none!important}
.ct-logistics:has([data-ct-process-motion]),.cti-page:has([data-ct-process-motion]){overflow:clip!important}
.ct-motion-frame{top:28px}
.ct-motion-scene{height:clamp(260px,calc(100svh - 260px),450px)}
.ct-context-story .ct-journey{counter-reset:ct-motion-step}
.ct-context-story .ct-journey>li{counter-increment:ct-motion-step}
.ct-context-story .ct-journey h3:before{content:"0" counter(ct-motion-step);display:block;font:500 12px/1.4 Arial,sans-serif;color:#a65d40;letter-spacing:.08em;margin-bottom:22px}
@media(max-width:760px){.ct-motion-frame{top:12px}.ct-motion-scene{height:225px}}
/* Static content stays visible if scripting or WebGL is unavailable. */
.ct-motion-static{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.ct-motion-scene canvas{position:absolute;inset:0}
.ct-context-story[data-motion-state="ready"] .ct-motion-static{display:none}
.ct-context-story[data-motion-state="static"] canvas{visibility:hidden}
@media(max-width:760px) and (max-height:650px){.ct-motion-scene{height:150px}.ct-motion-frame{top:8px}.ct-motion-phase{font-size:13px}.ct-motion-frame figcaption{min-height:42px;padding-bottom:8px}.ct-motion-hint{display:none}}