/* A single spatial grammar: context gathers, a decision moves to the front. */
.process-scene{position:relative;min-width:0;height:510px;isolation:isolate;perspective:1100px}
.process-orbit{position:absolute;inset:45px 0 30px;background:radial-gradient(ellipse at 60% 50%,#f05a2250 0%,#e7b18640 35%,transparent 68%);border-radius:50%;pointer-events:none}
.process-deck{position:absolute;inset:0;transform-style:flat}
.scene-controls{position:absolute;bottom:2px;left:7%;display:none;gap:9px}
.process-enabled .scene-controls{display:flex}
.scene-controls button{width:44px;height:44px;border:1px solid #a8775440;border-radius:50%;background:transparent;color:#704124;font-size:11px;transition:background-color 160ms var(--motion-state),color 160ms var(--motion-state)}
.scene-controls button[aria-pressed=true]{background:#b8461b;border-color:#b8461b;color:white}
.process-panel{position:absolute;top:125px;left:7%;width:83%;height:305px;padding:28px 30px;border:1px solid #fff9;border-radius:20px;color:#331a0d;background:linear-gradient(135deg,#fffaf0f5,#f8dfc5ed 55%,#d9a77bec);box-shadow:0 24px 45px #62311622,inset 0 1px #fff;transform-origin:50% 70%;transition:transform 320ms var(--motion-state),opacity 240ms var(--motion-state);opacity:0;transform:translate3d(0,-80px,-100px) rotate(-6deg);pointer-events:none}
.panel-top,.panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:650;letter-spacing:.09em}
.panel-mark{border:1px solid #a26a4440;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:11px}
.process-panel strong{display:block;margin:24px 0;font-size:clamp(25px,2.35vw,36px);line-height:1.08;letter-spacing:-.045em;font-weight:650}
.panel-map{display:flex;align-items:center;gap:8px;margin-bottom:22px}
.panel-map span{display:inline-block;padding:7px 11px;border:1px solid #8b4c272d;border-radius:50px;font-size:11px;background:#fff5}
.panel-bottom{padding-top:13px;border-top:1px solid #8b4c272d;letter-spacing:.01em;font-size:11px}
.panel-bottom span:last-child{font-size:21px;color:#b8461b}
.scene-caption{position:absolute;bottom:14px;left:7%;font-size:9px;letter-spacing:.1em;color:#8f674e}
.process-panel.is-front,.process-scene:not(.scene-ready) .process-panel:first-child{opacity:1;z-index:4;background:linear-gradient(135deg,#fffaf0,#f8dfc5 55%,#d9a77b);transform:translate3d(0,0,35px) rotateY(-8deg) rotateX(4deg) rotate(-4deg)}
.process-panel.is-rear-1{opacity:.95;z-index:3;transform:translate3d(20px,-35px,0) rotate(2deg)}
.process-panel.is-rear-2{opacity:.85;z-index:2;transform:translate3d(-14px,-70px,-30px) rotate(-7deg)}
.process-panel.is-rear-3{opacity:.75;z-index:1;transform:translate3d(26px,-100px,-60px) rotate(5deg)}
.process-hint{margin-top:26px;font-size:12px;letter-spacing:.02em;color:#77523c;display:none}
.process-hint span{margin-left:8px;color:var(--orange)}
.process-enabled .process-hint{display:block}
.process-step{display:block;width:100%;height:100%;text-align:left;padding:0 0 20px;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:inherit;transition:border-color 160ms var(--motion-state)}
.process-step .step-title{display:block;font-size:25px;line-height:1.04;letter-spacing:-.025em;font-weight:750;margin:24px 0 18px}
.step-description{display:block;font-size:17px;line-height:1.5;color:var(--muted)}
.process-step[aria-pressed=true]{border-bottom-color:var(--orange)}
.process-step:hover .step-title,.process-step:focus-visible .step-title{color:var(--orange)}
.process-step:disabled{cursor:default}
.process-step:disabled:hover .step-title{color:inherit}
.feature-art,.case-hero .hero-art{transform-origin:78% 65%}
@media(max-width:1100px){.process-scene{height:425px}.process-panel{top:115px;left:3%;width:94%;height:275px;padding:22px}.process-panel strong{font-size:29px;margin:18px 0}.panel-map{gap:5px;margin-bottom:16px}.panel-map span{padding:6px 8px;font-size:10px}.process-step .step-title{font-size:23px}.scene-caption{left:3%;bottom:0}}
@media(max-width:760px){.process-scene{height:420px;margin-top:12px}.process-panel{top:110px;left:7%;width:83%;height:255px;padding:22px}.process-panel strong{font-size:29px;margin:16px 0}.panel-map span{font-size:10px;padding:6px 9px}.panel-bottom{padding-top:10px}.scene-caption{left:7%;bottom:0;font-size:8px}.process-step .step-title{font-size:21px;margin:14px 0}.step-description{font-size:16px}.process-hint{margin-top:24px}.process-enabled .method-steps{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.process-panel,.process-step{transition:none!important}}
@media(min-width:761px) and (max-width:1100px){.process-scene{height:460px}}
@media(max-width:760px){.process-scene{height:432px}}