.service-perspective{--perspective-progress:.5;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px 7%;padding:85px var(--edge) 75px;overflow:clip;background:#dfe1cd;color:#173c33}
.perspective-heading h2{font-size:clamp(60px,7.8vw,124px);font-weight:400;line-height:.98;letter-spacing:-.065em}
.perspective-heading h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}
.perspective-art{position:relative;min-width:0;aspect-ratio:1.35;margin:20px 0 35px;isolation:isolate}
.perspective-frame{position:absolute;inset:12% 0 14%;overflow:hidden;transform:translateY(calc((.5 - var(--perspective-progress))*28px)) rotate(calc((var(--perspective-progress) - .5)*5deg));border:6px solid #eeecdf;box-shadow:0 16px 35px #173c3320}
.perspective-frame img{height:100%;width:100%;object-fit:cover;transform:scale(1.09) translateX(calc((var(--perspective-progress) - .5)*4%))}
.perspective-crop{position:absolute;inset:0 29%;border:1px solid #173c3380;transform:translateX(calc((var(--perspective-progress) - .5)*70px));pointer-events:none}
.perspective-rule{position:absolute;bottom:4%;height:1px;background:#173c3360;width:100%;transform:scaleX(calc(.35 + var(--perspective-progress)*.65));transform-origin:left}
.perspective-details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7%;border-top:1px solid #173c3330;padding-top:35px}
.perspective-details h3{font-family:var(--serif);font-style:italic;font-size:clamp(30px,3.1vw,46px);font-weight:400;line-height:1.15;letter-spacing:-.035em;margin-bottom:15px}
.perspective-details p{font-size:clamp(15px,1.2vw,18px);line-height:1.7;max-width:42ch}
.service-end{padding-top:65px}
.portfolio-partnership{background:#dfe1cd;color:#173c33;padding:0 var(--edge) 60px}
.portfolio-partnership-inner{display:grid;grid-template-columns:1fr 1fr;gap:28px 7%;border-top:1px solid #173c3330;padding-top:35px;align-items:start}
.portfolio-partnership h2{font-size:clamp(27px,2.8vw,42px);font-weight:400;line-height:1.2;letter-spacing:-.035em;max-width:24ch}
.portfolio-partnership h2 em{font-family:var(--serif);font-weight:400}
.portfolio-partnership p{font-size:clamp(15px,1.2vw,18px);line-height:1.7;max-width:46ch}
@media(max-width:760px){.portfolio-partnership{padding-bottom:40px}.portfolio-partnership-inner{grid-template-columns:1fr;gap:20px}}
@media(max-width:760px){
 .services-page .service-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
 .service-perspective{grid-template-columns:1fr;gap:25px;padding:50px var(--edge) 45px}
 .perspective-heading h2{font-size:clamp(56px,12.8vw,90px)}
 .perspective-art{width:100%;max-width:500px;justify-self:center;margin:5px 0 30px}
 .perspective-details{grid-template-columns:1fr;gap:28px;padding-top:28px}
 .perspective-details p{max-width:42ch}
 .perspective-frame{border-width:4px}
 .perspective-crop{transform:translateX(calc((var(--perspective-progress) - .5)*36px))}
 .service-end{padding-top:38px}
}
html[data-motion=off] .perspective-frame,html[data-motion=off] .perspective-frame img,html[data-motion=off] .perspective-crop{transform:none}