.process-explorer{background:#e9ece2}.phase-view{display:grid;grid-template-columns:1fr 1.08fr;gap:65px;align-items:start}.phase-visual{position:sticky;top:24px;align-self:start;min-width:0}.phase-progress>.eyebrow{font-size:9px;margin:0 0 12px}.phase-counter{font-size:15px;margin:0;line-height:1.4}.phase-counter strong{font-size:28px;font-weight:400}.phase-counter>span{margin-left:14px;font-family:var(--serif);font-size:24px}.phase-scroll-hint{font-size:11px;color:var(--muted);margin:10px 0 18px}.phase-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #c1cbbb;border-bottom:1px solid #c1cbbb;margin-bottom:16px}.phase-nav a{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 8px;font-size:11px;border-bottom:2px solid transparent;overflow-wrap:anywhere}.phase-nav a>span{font-size:9px;color:var(--muted)}.phase-nav a[aria-current=step]{background:#dce5d2;border-bottom-color:var(--green)}.phase-nav a:hover{background:#dfe6d6}.module-diagram{margin:0;min-width:0}.module-diagram svg{display:block;width:100%;height:auto;max-height:calc(100svh - 300px)}.module-diagram figcaption{font-size:11px;line-height:1.7;color:#58684f;padding:12px 0;border-top:1px solid #c1cbbb}.module-diagram small{display:block;font-size:9px;margin-top:4px;color:var(--muted)}.phase-mobile-note{display:none}.phase-track{min-width:0}.phase-track .stage{display:block;padding:34px 0 58px;scroll-margin-top:var(--phase-offset,100px);border-bottom:1px solid #c1cbbb}.phase-track .stage:first-child{padding-top:0}.phase-track .stage-label{display:flex;align-items:center;gap:18px;margin-bottom:24px}.phase-track .stage-label>span{font-size:35px}.phase-track .stage-label>p{margin:0;font-size:9px}.phase-track .stage h2{font-size:clamp(28px,3vw,38px)}.phase-track .stage p:not(.stage-label>p){font-size:14px;line-height:1.75}.phase-track .stage.is-current .stage-label>span{color:var(--green)}.phase-track .stage-output{margin-top:25px}.phase-complete{padding:42px 0 10px}.phase-complete>.eyebrow{margin-bottom:18px}.phase-complete h3{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.3;margin:0 0 16px}.phase-complete>p:not(.eyebrow){font-size:14px;color:var(--muted)}
.module-body{transition:transform 800ms var(--motion-ease)}.module-body>g{transition:transform 800ms var(--motion-ease),opacity 800ms var(--motion-ease)}.site-frame,.dimension-lines,.quality-mark,.trace-mark,.travel-mark,.connection-mark{transition:opacity 700ms var(--motion-ease)}.site-frame,.dimension-lines,.quality-mark,.trace-mark,.travel-mark,.connection-mark{opacity:0}.part-roof{opacity:.22}.process-explorer[data-phase=estudio] .site-frame,.process-explorer[data-phase=estudio] .dimension-lines{opacity:1}.process-explorer[data-phase=estudio] .part-left,.process-explorer[data-phase=estudio] .part-back,.process-explorer[data-phase=estudio] .part-fixtures{opacity:.3}.process-explorer[data-phase=diseno] .part-left{transform:translate(-32px,-16px)}.process-explorer[data-phase=diseno] .part-back{transform:translate(32px,-16px)}.process-explorer[data-phase=diseno] .part-roof{transform:translateY(-24px);opacity:.6}.process-explorer[data-phase=diseno] .dimension-lines{opacity:1}.process-explorer[data-phase=prototipo] .quality-mark{opacity:1}.process-explorer[data-phase=fabricacion] .trace-mark,.process-explorer[data-phase=fabricacion] .quality-mark{opacity:1}.process-explorer[data-phase=logistica] .travel-mark,.process-explorer[data-phase=logistica] .site-frame{opacity:1}.process-explorer[data-phase=entrega] .connection-mark,.process-explorer[data-phase=entrega] .quality-mark{opacity:1}
.scope-split{border-bottom:1px solid var(--line)}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.scope-grid article{padding:32px;border:1px solid var(--line)}.scope-grid article:last-child{background:#e9ece2}.scope-grid .eyebrow{display:block;margin-bottom:20px;font-size:9px}.scope-grid h3{font-family:var(--serif);font-size:30px;letter-spacing:-1px;line-height:1.2;margin:0 0 23px}.scope-grid ul{padding-left:18px;font-size:14px;color:var(--muted)}.scope-grid li{padding:8px 0;line-height:1.7}
@media(max-width:1050px){.phase-view{gap:32px}.phase-nav a{font-size:10px;gap:5px;padding-left:6px;padding-right:6px}}
@media(max-width:760px){.phase-view{display:block}.phase-visual{display:grid;grid-template-columns:minmax(0,1fr) clamp(144px,44vw,180px);gap:8px;position:sticky;top:0;z-index:6;background:#e9ece2;padding:12px 0 8px;border-bottom:1px solid #bcc9b3}.phase-progress{grid-column:1;grid-row:1}.phase-progress>.eyebrow{font-size:8px;margin-bottom:6px}.phase-counter{font-size:12px}.phase-counter strong{font-size:23px}.phase-counter>span{display:block;font-size:17px;margin:3px 0 0}.phase-scroll-hint{font-size:10px;margin:5px 0 0}.phase-nav{grid-column:1/-1;grid-row:2;margin:0}.phase-nav a{font-size:10px;min-height:38px;padding:8px;gap:7px}.module-diagram{grid-column:2;grid-row:1;align-self:center}.module-diagram svg{width:100%;height:auto;max-height:none}.module-diagram figcaption{display:none}.phase-mobile-note{display:block;grid-column:1/-1;grid-row:3;font-size:8px;color:var(--muted);margin:0}.phase-track .stage{padding:30px 0 40px}.phase-track .stage:first-child{padding-top:28px}.phase-track .stage h2{font-size:29px}.phase-track .stage-label{margin-bottom:20px}.phase-track .stage-label>span{font-size:30px}.scope-grid{grid-template-columns:1fr;gap:20px}.scope-grid article{padding:24px}.scope-grid h3{font-size:27px}}
@media(max-height:540px){.phase-visual{position:static}.module-diagram svg{max-height:150px}}
@media(prefers-reduced-motion:reduce){.module-body,.module-body>g,.site-frame,.dimension-lines,.quality-mark,.trace-mark,.travel-mark,.connection-mark{transition:none}}

.phase-counter{display:none}.flow-ready .phase-counter{display:block}