.jump{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;animation:pop 700ms 500ms var(--ease) both}
.jump a{font-family:var(--display);text-transform:uppercase;font-size:17px;letter-spacing:.02em;color:var(--deep);text-decoration:none;border:2px solid var(--deep);border-radius:40px;padding:10px 18px;transition:background 150ms,color 150ms}
.jump a:hover{background:var(--deep);color:var(--cream)}
/* service rows */
.svc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center;padding:56px 0;border-top:1px solid var(--line);scroll-margin-top:24px}
.svc:first-child{border-top:0;padding-top:0}
.svc.flip .svc-img{order:2}
.svc-img{position:relative;border-radius:40px;background:var(--red);aspect-ratio:5/4;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;transition:transform 400ms var(--ease)}
.svc:hover .svc-img{transform:rotate(-1deg) scale(1.01)}
.svc-img.deep{background:var(--deep)}
.svc-img svg{position:absolute;inset:0;width:100%;height:100%}
.svc-img img{position:relative;height:84%;width:auto;max-width:none;transition:transform 400ms var(--ease)}
.svc-img img.wide{height:auto;width:84%;max-width:100%;margin-bottom:9%}
.svc:hover .svc-img img{transform:translateY(-8px)}
.svc-num{position:absolute;left:28px;top:20px;font-family:var(--display);font-size:64px;line-height:1;color:var(--cream);opacity:.9}
.svc-c{display:flex;flex-direction:column;gap:18px}
.svc-c h2{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(46px,5vw,72px);line-height:.95;margin:0}
.meta{display:flex;flex-wrap:wrap;gap:8px}
.meta span{background:var(--sand);border-radius:40px;padding:8px 14px;font-weight:700;font-size:16px;letter-spacing:.04em;text-transform:uppercase}
.meta .price{background:var(--deep);color:var(--cream)}
.svc-c p{font-size:20px;line-height:1.5;margin:0;max-width:480px}
.inc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.inc li{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600}
.inc svg{flex:none;width:22px;height:22px;color:var(--red)}
.svc-c .btn{align-self:flex-start;margin-top:8px}
/* steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px;position:relative}
.steps::before{content:'';position:absolute;left:16%;right:16%;top:44px;border-top:2px dashed var(--red)}
.step{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.step-n{width:88px;height:88px;border-radius:50%;background:var(--red);color:var(--cream);display:grid;place-items:center;font-family:var(--display);font-size:40px;box-shadow:0 0 0 10px var(--cream);transition:transform 300ms var(--spring)}
.step:hover .step-n{transform:rotate(-10deg) scale(1.08)}
.step h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:32px;margin:12px 0 0}
.step p{font-size:19px;line-height:1.45;margin:0;max-width:300px}
@media (max-width: 1024px){
.svc{grid-template-columns:minmax(0,1fr)}
.svc.flip .svc-img{order:0}
}
@media (max-width: 810px){
.svc-img{border-radius:28px}
.svc-num{font-size:48px;left:20px;top:14px}
.steps{grid-template-columns:minmax(0,1fr);gap:40px}
.steps::before{display:none}
}