#process{padding:0 0 100px;overflow:hidden;background:#e7e7da}
#process .process-strip{max-width:none;padding:52px 6vw 40px;align-items:end}
#process .process-strip .eyebrow{font-size:12px;letter-spacing:.1em}
#process .process-strip p{font-size:clamp(20px,2.6vw,34px)}
#process .spatial-pair{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:55px 2vw;padding:0 6vw;max-width:1700px;perspective:1600px}
.spatial-scene{min-width:0;position:relative;--tilt-x:0deg;--tilt-y:0deg;--lift:0px;transform:translateY(var(--lift));transition:transform .15s linear}
.spatial-scene:nth-child(1){grid-column:1/8}
.spatial-scene:nth-child(2){grid-column:9/13;margin-top:12vw}
.spatial-scene:nth-child(3){grid-column:3/12;margin-top:2vw}
.spatial-scene:nth-child(4){grid-column:1/6}
.spatial-scene:nth-child(5){grid-column:7/13;margin-top:10vw}
.spatial-scene:nth-child(6){grid-column:2/11;margin-top:2vw}
.spatial-image{display:block;width:100%;padding:0;transform:perspective(1300px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .35s cubic-bezier(.2,.7,.2,1);position:relative;isolation:isolate}
.spatial-image img{display:block;width:100%;height:auto;object-fit:contain;box-shadow:0 25px 35px -28px #193b425c;transition:filter .3s}
.spatial-image:after{content:'View';position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-30%);border-radius:50%;height:68px;width:68px;background:#ecf0e1df;color:#263d45;display:grid;place-items:center;font-size:12px;opacity:0;transition:opacity .25s,transform .25s;backdrop-filter:blur(6px);pointer-events:none}
.spatial-image:hover:after,.spatial-image:focus-visible:after{opacity:1;transform:translate(-50%,-50%)}
.spatial-caption{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:14px;padding-top:20px}
.spatial-caption h3{font-size:clamp(19px,2vw,29px);font-weight:500;letter-spacing:-.045em;margin:0}
.spatial-number{font:11px var(--mono);color:#869384}
.spatial-caption a{font-size:12px;color:#607468;white-space:nowrap}
#work .visual-tools{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px 25px;max-width:1500px;padding:40px 6vw 12px;margin:0 auto;color:#dfebde}
#work .visual-tools .tool-name{font:400 clamp(25px,3.6vw,56px)/1.15 var(--sans);letter-spacing:-.055em;white-space:nowrap;color:#d6e4dc;position:relative;padding-left:20px;transition:color .3s,transform .5s}
#work .tool-name:before{content:'01';position:absolute;left:0;top:.65em;font:9px var(--mono);letter-spacing:0;color:#738c9a}
#work .tool-name:nth-child(1){grid-column:1/6}
#work .tool-name:nth-child(2){grid-column:6/9;font-family:var(--serif);font-style:italic;color:#b9c9cf}
#work .tool-name:nth-child(2):before{content:'02'}
#work .tool-name:nth-child(3){grid-column:3/10}
#work .tool-name:nth-child(3):before{content:'03'}
#work .tool-name:nth-child(4){grid-column:10/13;font-family:var(--serif);font-style:italic;color:#b9c9cf}
#work .tool-name:nth-child(4):before{content:'04'}
#work .tool-name:nth-child(5){grid-column:5/12}
#work .tool-name:nth-child(5):before{content:'05'}
#work .tool-name:hover{color:#efb898;transform:translateX(7px)}
.article-leaf{gap:28px}.article-excerpt{font:400 clamp(17px,1.5vw,22px)/1.5 var(--serif);color:#567078;max-width:35ch;letter-spacing:0}.article-end{margin-top:auto}
.motion-paused .spatial-scene,.motion-paused .spatial-image{transform:none!important}
@media(max-width:900px){#process .spatial-pair{gap:45px 3vw}.spatial-caption{grid-template-columns:auto 1fr;gap:10px}.spatial-caption a{grid-column:2}#work .visual-tools .tool-name{font-size:clamp(24px,4.8vw,40px)}#work .tool-name:nth-child(1){grid-column:1/7}#work .tool-name:nth-child(2){grid-column:8/13}#work .tool-name:nth-child(3){grid-column:2/10}#work .tool-name:nth-child(4){grid-column:9/13}#work .tool-name:nth-child(5){grid-column:3/12}}
@media(max-width:600px){#process{padding-bottom:55px}#process .process-strip{padding:35px 24px}#process .process-strip .eyebrow{font-size:10px}#process .spatial-pair{padding:0 24px;gap:45px;grid-template-columns:repeat(12,minmax(0,1fr))}.spatial-scene:nth-child(n){grid-column:1/13;margin-top:0}.spatial-scene:nth-child(2n){grid-column:2/13}.spatial-scene:nth-child(3n){grid-column:1/12}.spatial-caption{padding-top:15px;grid-template-columns:auto 1fr auto;gap:9px}.spatial-caption h3{font-size:19px}.spatial-caption a{grid-column:auto;font-size:10px}.spatial-number{font-size:9px}.spatial-image:after{height:54px;width:54px}#work .visual-tools{padding:30px 24px 10px;gap:13px 0}#work .visual-tools .tool-name{font-size:clamp(24px,6.5vw,38px);padding-left:17px}#work .tool-name:nth-child(3){grid-column:1/12}#work .tool-name:nth-child(4){grid-column:2/8}#work .tool-name:nth-child(5){grid-column:4/13}.article-excerpt{font-size:20px}}
@media(prefers-reduced-motion:reduce){.spatial-scene,.spatial-image{transform:none!important}}