.machining-scroll{display:grid;grid-template-columns:1fr 1fr;background:#d7dedb;color:#0b1113}.machining-stage{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,#263135 0 2px,transparent 3px),linear-gradient(135deg,#091013,#283338)}.part-visual{position:relative;width:min(52vw,560px);aspect-ratio:1;border:clamp(32px,5vw,70px) solid #aab6b5;border-radius:50%;box-shadow:inset 18px 20px 30px #20292b,inset -15px -17px 24px #eef7f5,0 45px 80px #0008;will-change:transform}.part-visual:before,.part-visual:after,.part-visual span,.part-visual i{content:"";position:absolute;border-radius:50%}.part-visual:before{inset:18%;border:22px dashed #62e4ca}.part-visual:after{inset:36%;background:#070b0d;border:8px solid #737f80}.part-visual span{width:14%;height:14%;left:43%;top:-8%;background:#111;border:5px solid #62e4ca}.part-visual i{inset:-14%;border:1px solid #62e4ca55}.stage-readout{position:absolute;left:4vw;bottom:4vw;display:flex;gap:18px;padding:12px 16px;border:1px solid #62e4ca;background:#08100edb;color:#62e4ca;font-family:monospace}.machining-steps article{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:10vw 7vw;border-bottom:1px solid #87918e}.machining-steps small{font:11px monospace;color:#186f60}.machining-steps h2{font-size:clamp(44px,5.2vw,78px);line-height:.95;letter-spacing:-.06em;font-weight:300}.machining-steps p{max-width:430px;line-height:1.9}.machining-steps article.active{background:#eef2ef}
@media(max-width:760px){.machining-scroll{grid-template-columns:1fr}.machining-stage{height:55vh;z-index:1}.part-visual{width:64vw}.machining-steps article{min-height:75vh;padding:80px 22px}.machining-steps h2{font-size:48px}.stage-readout{left:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.machining-stage{position:relative}.part-visual{transform:none!important}}