/* Services: two original particle sculptures, paired with outcome-led offers. */
#opportunity{background:var(--paper)}
#workflows.ai-services{background:linear-gradient(180deg,var(--paper) 0%,#f6f6fc 100%);border-block:0;padding-top:64px}
.ai-services .services-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:52px}
.ai-services .services-heading h2,.ai-services .services-heading p{font-size:clamp(32px,3.2vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.045em}
.ai-services .services-heading>div{max-width:1100px}
.ai-services .services-heading h2{margin:0}
.ai-services .services-heading p{margin:0;color:var(--muted);max-width:1100px;text-wrap:balance}


.services-pair{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.service-offer{min-width:0;display:flex;flex-direction:column}
.service-sculpture{width:100%;aspect-ratio:520/330;position:relative;margin:0 0 22px;background:transparent}
.service-sculpture img,.service-sculpture canvas{position:absolute;width:100%;height:100%;inset:0;object-fit:contain}
.service-sculpture canvas{opacity:0}
.service-sculpture.is-rendered canvas{opacity:1}
.service-sculpture.is-rendered img{opacity:0}

.service-offer h3{font-size:clamp(26px,2.7vw,36px);letter-spacing:-.045em;line-height:1.2;margin-bottom:22px;color:#4b50d4}
.service-offer .service-lead{font-size:22px;line-height:1.45;color:var(--ink);margin-bottom:16px;letter-spacing:-.025em;max-width:460px}
.service-offer .service-description{font-size:17px;line-height:1.8;color:var(--muted);margin-bottom:26px;max-width:490px}
.service-link{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;margin-top:auto;padding:4px 0;color:#4b50d4;font-size:16px;font-weight:500;transition:color .2s}
.service-link-label{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.service-link [aria-hidden]{font-size:20px;line-height:1}
.service-link:hover{color:#3035a7}
@media(max-width:800px){.services-pair{grid-template-columns:1fr;gap:54px}.ai-services .services-heading{align-items:start;margin-bottom:36px}.service-sculpture{max-width:540px;align-self:flex-start;margin-bottom:14px}.service-offer h3{font-size:32px}.service-offer .service-description{max-width:600px}.service-offer .service-lead{max-width:none}}
@media(max-width:480px){.ai-services .services-heading{flex-direction:column;gap:14px}.service-offer h3{font-size:29px}.service-offer .service-lead{font-size:21px}.service-offer .service-description{font-size:17px}.service-sculpture{margin-bottom:18px}}