/* L::eS shared service-page modules: hero, intro, service entries and CTA. */
.service-hero{background:radial-gradient(ellipse at 90% 18%,rgba(184,155,77,.16),transparent 52%),#101216;color:#fff}
.service-hero>.container{padding-top:clamp(158px,16vw,226px);padding-bottom:clamp(80px,9vw,130px)}
.service-hero .eyebrow{margin-bottom:26px}
.service-hero h1{max-width:1030px;font-size:clamp(48px,7.5vw,100px);line-height:1.08;letter-spacing:-.059em;margin:0 0 26px}
.service-hero h1:after{content:".";color:#b89b4d}
.service-lead{font-size:clamp(17px,1.9vw,22px);line-height:1.7;color:#c2c5ca;max-width:750px;margin:0}
.service-body{background:#f5f4f0;color:#101216;padding:clamp(75px,9vw,130px) 0}
.service-columns{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(32px,8vw,122px)}
.service-summary h2{font-size:clamp(34px,4vw,57px);margin:0 0 25px}
.service-summary p{font-size:16px;line-height:1.85;color:#555e65}
.service-entry{padding:29px 0;border-top:1px solid #d3d1c9}
.service-entry:first-child{padding-top:0;border-top:0}
.service-entry h3{font-size:clamp(23px,2.5vw,31px);line-height:1.22;margin:0 0 14px}
.service-entry p{font-size:15px;line-height:1.8;color:#5a6268;margin:0}
.service-cta{background:#191c21;color:#fff;padding:clamp(72px,8vw,112px) 0}
.service-cta h2{font-size:clamp(36px,4.5vw,62px);max-width:900px;margin:0 0 22px}
.service-cta p{color:#bfc3c8;line-height:1.8;max-width:700px;margin:0 0 26px}
.service-cta .inline-link{display:inline-flex;margin:0;min-height:56px;padding:16px 27px;border-radius:14px;border:1px solid rgba(184,155,77,.7);color:#fff;background:linear-gradient(155deg,#626468,#44474c);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 28px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%)}.service-cta .inline-link:hover{background:linear-gradient(155deg,#6c6f73,#4e5156);border-color:#b89b4d}
@media(max-width:800px){.service-columns{grid-template-columns:1fr;gap:42px}}
@media(max-width:700px){.service-hero>.container{padding-top:155px;padding-bottom:84px}.service-hero h1{font-size:clamp(42px,12vw,65px)}.service-entry{padding:24px 0}.service-summary p{font-size:16px}.service-cta h2{font-size:38px}}

/* Shared service-page CTA component: use on service landing pages instead of page-specific button skins. */
.les-service-action{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:54px;padding:15px 25px;border:1px solid rgba(184,155,77,.75);border-radius:14px;background:#343940;color:#fff;text-decoration:none;text-align:center;font-size:13px;font-weight:700;line-height:1.45;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 10px 24px rgba(16,18,22,.10);transition:background .2s,border-color .2s,color .2s,transform .2s}
.les-service-action:hover{background:#4c5158;color:#fff;border-color:#d6b86f;transform:translateY(-2px)}
.les-service-action--dark{background:rgba(51,55,63,.45);color:#f7e5ba}
.les-service-action--dark:hover{background:rgba(80,85,94,.8);color:#fff}
.les-service-action:focus-visible{outline:2px solid #e6c87c;outline-offset:4px}
@media(max-width:700px){.les-service-action--mobile-full{width:100%}}

/* Contextual navigation between established services and AI specialisms. */
.les-context-note{display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,4vw,48px);margin-top:31px;padding:25px 0 0;border-top:1px solid rgba(184,155,77,.35)}
.les-context-note p{color:#c8cdd2;font-size:15px;line-height:1.75;max-width:680px;margin:0}
.les-context-note .les-service-action{flex-shrink:0}
.service-entry>.les-service-action--context{margin-top:17px;min-height:43px;padding:11px 17px;font-size:12px}
@media(max-width:700px){.les-context-note{flex-direction:column;align-items:stretch;gap:17px}.les-context-note .les-service-action{width:100%}}
