.services-intro { max-width: 670px; }
.services-list { border-top: 1px solid var(--line); }
.service-row { display: grid; grid-template-columns: .35fr 1fr .7fr auto; align-items: center; gap: 22px; padding: 30px 0; border-bottom: 1px solid var(--line); transition: padding .25s ease; }
.service-row:hover { padding-inline: 12px; }
.service-row__number { color: var(--coral); font: 700 13px var(--font-display); }
.service-row h2 { margin: 0; font: 600 clamp(1.6rem, 3vw, 2.7rem)/1.08 var(--font-display); letter-spacing: -.05em; }
.service-row p { max-width: 300px; margin: 0; color: var(--muted); font-size: 14px; }
.service-row__arrow { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-size: 20px; transition: background .2s ease, transform .2s ease; }
.service-row:hover .service-row__arrow { transform: rotate(45deg); background: var(--lime); }
.services-photo { display: grid; min-height: 470px; grid-template-columns: 1.1fr .9fr; overflow: hidden; border-radius: 22px; background: var(--ink); color: white; }
.services-photo__copy { align-self: center; padding: clamp(30px, 6vw, 80px); }
.services-photo__copy h2 { margin: 20px 0; font: 600 clamp(2.4rem, 4.2vw, 4rem)/1.04 var(--font-display); letter-spacing: -.06em; }
.services-photo__copy p { max-width: 390px; color: rgba(255,255,255,.68); }
.services-photo__image { width: 100%; height: 100%; min-height: 470px; object-fit: cover; }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.process-step { padding: 24px 20px; border-radius: 16px; background: white; }
.process-step__number { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--lime); font: 700 12px var(--font-display); }
.process-step h3 { margin: 32px 0 8px; font: 600 20px var(--font-display); }
.process-step p { margin: 0; color: var(--muted); font-size: 13px; }
@media (max-width: 760px) { .service-row { grid-template-columns: 40px 1fr auto; } .service-row p { grid-column: 2; } .service-row__arrow { grid-column: 3; grid-row: 1; } .services-photo { grid-template-columns: 1fr; } .services-photo__image { min-height: 300px; max-height: 380px; } .process-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .process-grid { grid-template-columns: 1fr; } }