.services-hero{background:var(--personal-dark);color:var(--personal-paper);overflow:hidden}
.services-hero__inner{max-width:var(--personal-wrap);min-height:620px;margin:0 auto;padding:92px 28px 88px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:72px;align-items:center}
.services-hero h1{max-width:760px;margin:16px 0 24px;font-family:var(--personal-display);font-size:clamp(54px,7vw,96px);line-height:.96;letter-spacing:0}
.services-hero__lead{max-width:610px;margin:0 0 32px;color:#C9D0C9;font-size:19px;line-height:1.62}
.services-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.services-hero__media{position:relative;width:100%;max-width:390px;aspect-ratio:4/5;justify-self:end;margin:0;background:#2B3832}
.services-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.86)}
.services-hero__media:after{content:"";position:absolute;inset:0;border:1px solid rgba(245,242,234,.22);pointer-events:none}
.services-hero__caption{position:absolute;right:18px;bottom:18px;left:18px;z-index:1;padding:14px 16px;background:rgba(16,18,15,.86);color:#E7EDE6;font-size:13px;line-height:1.45}
.services-hero__caption strong{display:block;margin-bottom:5px;color:var(--personal-green-bright);font-family:var(--personal-mono);font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase}
.services-intro{padding:96px 0 72px;background:var(--personal-paper)}
.services-intro__inner{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px}
.services-intro h2{max-width:720px;margin:0;font-family:var(--personal-display);font-size:clamp(38px,5vw,68px);line-height:.98}
.services-intro__copy{max-width:680px;color:var(--personal-muted);font-size:19px;line-height:1.7}
.services-intro__copy p{margin:0}
.service-list{padding:0 0 112px;background:var(--personal-paper)}
.service-list__items{border-top:1px solid var(--personal-line)}
.service-item{display:grid;grid-template-columns:88px minmax(0,1.2fr) minmax(230px,.8fr) 32px;gap:28px;align-items:start;padding:34px 0;border-bottom:1px solid var(--personal-line);transition:padding .2s,background .2s}
.service-item:hover{padding-right:10px;padding-left:10px;background:var(--personal-paper-2)}
.service-item__number,.service-item__label{color:var(--personal-green);font-family:var(--personal-mono);font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase}
.service-item__number{padding-top:8px}
.service-item h3{margin:0 0 10px;font-family:var(--personal-display);font-size:clamp(28px,3vw,42px);line-height:1}
.service-item p{max-width:580px;margin:0;color:var(--personal-muted);font-size:16px;line-height:1.65}
.service-item__outcome{padding-top:5px;color:var(--personal-ink-2);font-size:14px;line-height:1.55}
.service-item__outcome strong{display:block;margin-bottom:8px;color:var(--personal-ink);font-family:var(--personal-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.service-item__arrow{padding-top:4px;color:var(--personal-green);font-size:24px;line-height:1;transition:transform .2s}
.service-item:hover .service-item__arrow{transform:translateX(4px)}
.services-cta{padding:92px 0;background:var(--personal-dark);color:var(--personal-paper)}
.services-cta__inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end}
.services-cta h2{max-width:680px;margin:14px 0 0;font-family:var(--personal-display);font-size:clamp(38px,5vw,68px);line-height:.98}
.services-cta__copy{max-width:520px;margin:0 0 24px;color:#C3C8C0;font-size:17px;line-height:1.65}
@media(max-width:900px){.services-hero__inner,.services-intro__inner,.services-cta__inner{grid-template-columns:1fr}.services-hero__inner{gap:48px}.services-hero__media{justify-self:start;max-width:310px}.service-item{grid-template-columns:64px minmax(0,1fr) 28px}.service-item__outcome{grid-column:2;padding-top:0}.service-item__arrow{grid-column:3;grid-row:1}}
@media(max-width:560px){.services-hero__inner{min-height:0;padding:64px 20px 72px}.services-hero__lead{font-size:17px}.services-hero__media{max-width:220px}.services-intro{padding:76px 0 52px}.service-list{padding-bottom:78px}.service-item{grid-template-columns:44px minmax(0,1fr) 24px;gap:14px;padding:28px 0}.service-item:hover{padding-right:5px;padding-left:5px}.service-item h3{font-size:30px}.services-cta{padding:76px 0}}
