.services .service{border-top:0;padding:0;gap:0;align-items:stretch;background:var(--paper);border-radius:16px;overflow:hidden;box-shadow:0 34px 80px -34px rgba(36,41,35,.45),0 0 0 1px rgba(36,41,35,.06)}
.services .service+.service{margin-top:28px}
.services .service-text{position:relative;z-index:1;background:var(--paper);padding:52px 56px 50px;border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center;min-width:0}
.services .service-num{display:flex;align-items:center;gap:14px;color:var(--accent)}
.services .service-num:after{content:"";width:44px;height:2px;border-radius:2px;background:var(--accent)}
.services .service-text>p.service-note{border-top:0;padding-top:0;margin-top:24px}
.services .service-text>p.service-note:before{content:"";display:block;width:28px;height:2px;border-radius:2px;background:var(--line);margin-bottom:12px}
.services .service-media{min-width:0;width:100%;height:100%;min-height:440px;aspect-ratio:auto;border-radius:0;box-shadow:none}
.services .service-media img{width:100%;height:100%;object-fit:cover}
.services .service-media--browser img{object-position:left top}
.process{margin-top:88px;background:var(--paper);border-radius:16px;padding:56px 60px 64px;box-shadow:0 1px 0 rgba(255,255,255,.7) inset}
.process .process-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;position:relative;margin-top:36px}

.process .process-list:before{content:"";position:absolute;left:calc((100% - 80px)/6);right:calc((100% - 80px)/6);top:17px;height:2px;background:var(--line)}
.process .process-list>div,.process .process-list>div:last-child{border:0;display:block;position:relative;padding:58px 0 0}
.process .process-list>div>span{position:absolute;top:0;left:calc(50% - 18px);width:36px;height:36px;border-radius:50%;background:var(--deep);color:var(--deep-ink);display:grid;place-items:center;font-size:12px;letter-spacing:.06em;font-weight:600;box-shadow:0 0 0 6px var(--paper)}
.process .process-list>div>h3{font-size:clamp(24px,2.2vw,32px);line-height:1.1;margin:0}
.process .process-list>div>p{margin:14px 0 0;font-size:17px;line-height:1.55;max-width:30em}
@media(max-width:1000px){
  .services .service{padding:0;gap:0}
  .services .service-media{order:-1;height:auto;min-height:0;aspect-ratio:4/3}
  .services .service-text{padding:32px 28px 30px}
  .process{padding:40px 32px 44px}
}
@media(max-width:700px){
  .services .service{border-radius:12px}
  .services .service-text{padding:24px 20px 22px}
  .process{margin-top:48px;padding:32px 20px 36px;border-radius:12px}
  .process .process-list{grid-template-columns:1fr;gap:32px 0;margin-top:28px}
  .process .process-list:before{left:17px;right:auto;top:18px;bottom:18px;width:2px;height:auto}
  .process .process-list>div>span{left:0}
  .process .process-list>div,.process .process-list>div:last-child{padding:0 0 0 56px;min-height:36px}
  .process .process-list>div>h3{font-size:22px}
  .process .process-list>div>p{font-size:15px;margin-top:10px}
}


.process .process-list>div{--k:0}
.process .process-list>div:nth-child(2){--k:1}
.process .process-list>div:nth-child(3){--k:2}
.process .process-list>div>span{z-index:1}

body.js-reveal .process .process-list:before{transform:scaleX(0);transform-origin:left center}
body.js-reveal .process .process-list>div>span{opacity:0;transform:scale(.35);filter:blur(6px)}
body.js-reveal .process .process-list>div>h3,body.js-reveal .process .process-list>div>p{opacity:0;transform:translateY(14px);filter:blur(8px)}

body.js-reveal .process.is-in .process-list:before{animation:pl-line 1.5s cubic-bezier(.16,1,.3,1) .45s forwards}
body.js-reveal .process.is-in .process-list>div>span{animation:pl-dot .7s cubic-bezier(.16,1,.3,1) calc(.45s + var(--k)*.55s) forwards}
body.js-reveal .process.is-in .process-list>div>h3{animation:pl-in .9s cubic-bezier(.16,1,.3,1) calc(.95s + var(--k)*.55s) forwards}
body.js-reveal .process.is-in .process-list>div>p{animation:pl-in .9s cubic-bezier(.16,1,.3,1) calc(1.08s + var(--k)*.55s) forwards}
@keyframes pl-line{to{transform:scaleX(1)}}
@keyframes pl-line-v{to{transform:scaleY(1)}}
@keyframes pl-dot{60%{filter:none}to{opacity:1;transform:scale(1);filter:none}}
@keyframes pl-in{to{opacity:1;transform:none;filter:none}}
@media(max-width:700px){
  body.js-reveal .process .process-list:before{transform:scaleY(0);transform-origin:center top}
  body.js-reveal .process.is-in .process-list:before{animation-name:pl-line-v}
}


.foot-cols{grid-template-columns:repeat(3,minmax(0,auto));justify-content:end;gap:24px 48px;max-width:none}
.foot-frage{color:rgba(241,240,229,.72)}
@media(max-width:1100px){.foot-cols{justify-content:start}.foot-frage{display:flex;align-items:center;min-height:44px}}