/* Minimal service overview, scoped to this page. */
.services-page.with-line::before {
 opacity: .11;
 background:
  radial-gradient(circle at 16% 27%, transparent 0 58px, rgba(201,154,64,.35) 58.5px, transparent 59px),
  radial-gradient(circle at 82% 73%, transparent 0 88px, rgba(201,154,64,.3) 88.5px, transparent 89px),
  linear-gradient(120deg, transparent 20%, rgba(201,154,64,.24) 20.04%, transparent 20.08%),
  linear-gradient(25deg, transparent 55%, rgba(201,154,64,.18) 55.04%, transparent 55.08%);
 animation: services-lines-drift 28s ease-in-out infinite alternate;
}
@keyframes services-lines-drift {
 from { transform:translate(-8px,-5px); }
 to { transform:translate(10px,7px); }
}
.services-page::after {
 opacity:.12;
 animation:services-lines-drift 36s ease-in-out infinite alternate-reverse;
}
@media(prefers-reduced-motion:reduce) {
 .services-page.with-line::before, .services-page::after { animation:none; transform:none; }
}
.services-page { display:grid; grid-template-columns: .9fr 1.1fr; align-items:center; gap:72px; padding:64px 88px; }
.services-page .services-heading { align-self:center; }
.services-page .eyebrow { margin-bottom:28px; }
.services-page h2 { font-size:clamp(48px,5.5vw,88px); line-height:1.02; }
.services-page .services-list { width:100%; }
.services-page .service-item { display:flex; align-items:center; gap:24px; padding:24px 0; border-bottom:1px solid rgba(201,154,64,.19); }
.services-page .service-item:first-child { border-top:1px solid rgba(201,154,64,.19); }
.services-page .service-number { color:#c99a40; font-family:'Space Grotesk',Arial,sans-serif; font-size:12px; flex:0 0 24px; letter-spacing:.08em; opacity:.7; }
.services-page .service-item h3 { font-family:'Space Grotesk',Arial,sans-serif; font-size:clamp(20px,2.2vw,30px); font-weight:500; font-style:normal; line-height:1.2; letter-spacing:-.03em; margin:0; }
@media(max-width:900px) {
 .services-page { display:flex; flex-direction:column; align-items:stretch; justify-content:center; gap:40px; padding:48px 28px; }
 .services-page .services-heading { align-self:stretch; }
 .services-page h2 { font-size:clamp(44px,12vw,66px); }
 .services-page .eyebrow { margin-bottom:20px; }
 .services-page .service-item { padding:21px 0; gap:18px; }
 .services-page .service-item h3 { font-size:clamp(19px,5vw,25px); }
}
@media(min-width:901px) and (max-height:650px) {
 .services-page { padding-top:36px; padding-bottom:36px; }
 .services-page .service-item { padding:17px 0; }
}