/* The four-stage robot workshop; shared theme tokens remain authoritative. */
.approach-journey{--scene-paper:#fffaf3}.approach-journey .journey-grid{gap:22px;align-items:start;counter-reset:none}.approach-journey .journey-step{--scene-accent:#ed9959;position:relative;min-width:0;padding:24px 22px 0;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:0 8px 0 color-mix(in srgb,var(--line) 45%,transparent);overflow:hidden}.approach-journey .journey-step-2{--scene-accent:#b39bea}.approach-journey .journey-step-3{--scene-accent:#69c9d1}.approach-journey .journey-step-4{--scene-accent:#81c9a5}.approach-journey .journey-number{display:block;font:600 11px var(--font-mono);letter-spacing:1.5px;color:var(--ink)}.journey-scene{display:block;width:100%;height:auto;margin:14px 0 19px;overflow:visible}.approach-journey .journey-step h3{font-size:23px;line-height:1.2;margin:0 0 13px;letter-spacing:-.6px}.approach-journey .journey-step>p{font-size:14px;line-height:1.8;min-height:102px;margin:0 0 25px;color:var(--ink);opacity:.8}.journey-step details{border-top:1px solid var(--line);margin:0 -22px;background:color-mix(in srgb,var(--scene-accent) 9%,var(--card))}.journey-step summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:var(--ink);min-height:56px}.journey-step summary::-webkit-details-marker{display:none}.journey-step summary>span{font-size:22px;line-height:1;transition:transform .2s}.journey-step details[open] summary>span{transform:rotate(45deg)}.journey-step summary:focus-visible{outline:3px solid var(--ring);outline-offset:-5px;border-radius:9px}.journey-step summary:hover{background:color-mix(in srgb,var(--scene-accent) 15%,transparent)}.journey-detail{padding:0 22px 20px;color:var(--ink)}.journey-detail p{font-size:13px;line-height:1.7;margin:0 0 12px}.journey-detail strong{font-size:11px;text-transform:uppercase;letter-spacing:.8px}.journey-bot,.journey-prop{transform-box:fill-box;transform-origin:center;transition:transform .35s ease}.journey-step:hover .journey-bot,.journey-step:focus-within .journey-bot{transform:translateY(-5px) rotate(-3deg)}.journey-step:hover .journey-prop,.journey-step:focus-within .journey-prop{transform:translateY(-4px) rotate(3deg)}.motion-stopped .journey-bot,.motion-stopped .journey-prop{transform:none!important;transition:none}.approach-journey .section-heading>p{color:var(--ink);opacity:.75}@media(max-width:1100px){.approach-journey .journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-scene{max-width:280px;margin-inline:auto}.approach-journey .journey-step>p{min-height:76px}}@media(max-width:540px){.approach-journey .journey-grid{grid-template-columns:1fr;gap:24px}.approach-journey .journey-step{padding-top:22px}.journey-scene{max-width:250px;margin-block:6px 14px}.approach-journey .journey-step>p{min-height:0}.approach-journey .section-heading h2{font-size:36px}}@media(prefers-reduced-motion:reduce){.journey-bot,.journey-prop,.journey-step summary>span{transition:none!important;transform:none!important}}

/* Sculpted, illuminated exhibit cabinets. */
.approach-journey .journey-grid{gap:24px;perspective:1400px}
.approach-journey .journey-step{border-radius:20px 20px 26px 26px;border:1px solid color-mix(in srgb,var(--scene-accent) 32%,var(--line));border-top-color:color-mix(in srgb,var(--scene-accent) 65%,var(--card));background:linear-gradient(145deg,color-mix(in srgb,var(--scene-accent) 7%,var(--card)),var(--card) 55%);box-shadow:inset 0 1px 0 #ffffff38,0 7px 0 color-mix(in srgb,var(--card) 85%,#080b19),0 8px 0 color-mix(in srgb,var(--scene-accent) 35%,var(--line)),0 24px 35px #02061625;transition:transform .3s ease,box-shadow .3s ease}
.approach-journey .journey-step::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:var(--scene-accent);box-shadow:0 0 14px 3px color-mix(in srgb,var(--scene-accent) 65%,transparent)}
.approach-journey .journey-number{letter-spacing:1.8px;font-size:10px;display:flex;align-items:center;gap:10px}
.approach-journey .journey-number::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--scene-accent);box-shadow:0 0 10px var(--scene-accent)}
.journey-scene{width:calc(100% + 44px);max-width:none!important;margin:20px -22px 24px!important;background:radial-gradient(ellipse at 50% 45%,#24304c 0%,#0c1428 52%,#080d1c 100%);border-block:1px solid #8dadd32b;overflow:hidden}
.approach-journey .journey-step h3{font-size:24px;letter-spacing:-.7px}
.journey-step details{background:linear-gradient(125deg,color-mix(in srgb,var(--scene-accent) 12%,var(--card)),var(--card))}
.journey-step summary>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid color-mix(in srgb,var(--scene-accent) 50%,var(--line));border-radius:8px;color:var(--ink);box-shadow:inset 0 1px 0 #ffffff22}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.approach-journey .journey-step:hover{transform:translateY(-7px) rotateX(2deg);box-shadow:inset 0 1px 0 #ffffff50,0 7px 0 color-mix(in srgb,var(--card) 85%,#080b19),0 8px 0 var(--scene-accent),0 24px 38px #02061640,0 0 26px color-mix(in srgb,var(--scene-accent) 16%,transparent)}}
.motion-stopped .journey-step{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.approach-journey .journey-step{transform:none!important;transition:none!important}}