.approach-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:48px;align-items:center}.approach-hero h1{font-size:clamp(36px,3.6vw,48px)}.approach-hero header>p:nth-last-child(2){font-size:20px}.approach-hero header>p:last-child{font-size:16px}.factory-experience{min-width:0}.factory-caption{display:flex;justify-content:space-between;gap:16px;align-items:center}.factory-caption>span:last-child{font:9px var(--font-mono);color:var(--muted-foreground);white-space:nowrap}.factory-caption .eyebrow{font-size:9px;letter-spacing:.08em}.factory-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:22px;border-bottom:1px solid var(--border)}.factory-stages button{display:flex;align-items:center;gap:8px;padding:14px 4px;text-align:left;font-size:13px;border-bottom:2px solid transparent;color:var(--muted-foreground);cursor:pointer}.factory-stages button span{font:10px var(--font-mono);opacity:.6}.factory-stages button[aria-pressed=true]{color:var(--foreground);border-color:var(--primary)}.factory-scene{height:390px;position:relative}.factory-scene canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y pinch-zoom}.factory-scene[data-state=unavailable] canvas{visibility:hidden}.factory-view-controls{position:absolute;bottom:8px;right:0;display:flex;gap:16px}.factory-follow,.factory-view-controls button{font:10px var(--font-mono);color:var(--muted-foreground);cursor:pointer}.factory-experience button:disabled{opacity:.4;cursor:default}.factory-experience button:focus-visible,.factory-scene canvas:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:3px}.factory-hover{position:absolute;top:16px;left:16px;padding:10px 14px;background:var(--background);border:1px solid var(--border);border-radius:8px;pointer-events:none;font-size:13px}.factory-hover span{display:block;color:var(--muted-foreground);font-size:10px;margin-top:4px}.factory-help{font:9px/1.5 var(--font-mono);color:var(--muted-foreground);margin:10px 0 24px}.factory-narrative{min-height:114px}.factory-narrative h2{font-size:24px;line-height:1.2;font-weight:500}.factory-detail p,.factory-narrative p{font-size:13px;line-height:1.7;color:var(--muted-foreground);margin-top:9px;max-width:560px}.factory-stations{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0;border-top:1px solid var(--border)}.factory-stations button{font-size:11px;padding:6px 10px;border:1px solid var(--border);border-radius:5px;cursor:pointer;color:var(--muted-foreground)}.factory-stations button[aria-pressed=true]{background:var(--secondary);color:var(--foreground);border-color:var(--muted-foreground)}.factory-stations .factory-follow{margin-left:auto;border:0;padding-right:0}.factory-detail{min-height:105px}.factory-detail h3{font-size:14px;font-weight:500}.factory-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.factory-fallback>div{font-size:20px}.factory-fallback span{color:var(--muted-foreground);padding:0 8px}.factory-fallback p{font-size:12px;color:var(--muted-foreground);margin-top:20px}@media (min-width:1400px){.approach-hero{gap:64px}}@media (max-width:1000px){.approach-hero{grid-template-columns:1fr;gap:48px}.approach-hero header{max-width:700px}.factory-scene{height:440px}.factory-detail,.factory-narrative{min-height:0}.factory-stations{margin-top:20px}}@media (max-width:600px){.factory-caption{align-items:start}.factory-caption .eyebrow{max-width:190px;line-height:1.6}.factory-scene{height:320px}.factory-stages button{font-size:12px}.factory-stations{gap:6px}.factory-stations button{padding:6px 8px}.factory-stations .factory-follow{width:100%;text-align:left;margin-left:0;padding-left:0}.factory-help{max-width:300px}}