/* Services opening fold aligned with the approved homepage hero system. */
body.services-hub .site-header {
  background:rgba(247,247,244,.94)!important;
  color:#111113!important;
  border-bottom-color:rgba(17,17,19,.2)!important;
  backdrop-filter:blur(12px)!important;
}
body.services-hub .site-header :is(a,.brand,.menu-button){color:#111113!important}
body.services-hub .site-header .brand span{color:#3f4ed7!important}
body.services-hub .site-header .header-cta{
  border-color:rgba(17,17,19,.38)!important;
  background:transparent!important;
  color:#111113!important;
}
body.services-hub .site-header .header-cta:hover,
body.services-hub .site-header .header-cta:focus-visible{
  border-color:#3f4ed7!important;
  background:#3f4ed7!important;
  color:#fff!important;
}

body.services-hub .hub-hero{
  isolation:isolate;
  min-height:100svh;
  padding:8.5rem 3.2vw 4rem;
  background:linear-gradient(90deg,#e7e4dd 0 73%,#d8defe 73% 100%);
  color:#111113;
}
body.services-hub .hub-hero::before{
  content:"05";
  position:absolute;
  top:11%;
  right:-3vw;
  z-index:-1;
  color:rgba(17,17,19,.07);
  font:700 min(45vw,46rem)/.8 Manrope,sans-serif;
  letter-spacing:-.12em;
  pointer-events:none;
}
body.services-hub .hub-hero::after{display:none}
body.services-hub .hub-kicker{
  font-size:.73rem;
  letter-spacing:.055em;
}
body.services-hub .hub-hero h1{
  max-width:none;
  margin:13vh 0 9vh;
  color:#111113;
  font-size:clamp(4.5rem,11vw,11.5rem);
  font-weight:500;
  line-height:.84;
  letter-spacing:-.085em;
  text-transform:uppercase;
  text-shadow:none;
}
body.services-hub .hub-hero h1 em{
  color:#3f4ed7;
  font-family:Manrope,sans-serif;
  font-style:normal;
  font-weight:500;
}
body.services-hub .hub-hero-foot{
  display:flex;
  justify-content:space-between;
  gap:3rem;
  align-items:flex-end;
}
body.services-hub .hub-hero-foot p{
  order:-1;
  max-width:36rem;
  color:#111113;
  font-size:clamp(1.2rem,1.65vw,1.65rem);
  line-height:1.3;
  letter-spacing:-.025em;
}
body.services-hub .hub-hero-foot a{
  width:max-content;
  padding-bottom:.2rem;
  border-bottom:1px solid rgba(17,17,19,.65);
  color:#111113;
}

@media(max-width:800px){
  body.services-hub .site-header .mobile-nav{
    background:#f7f7f4!important;
    color:#111113!important;
    border-color:rgba(17,17,19,.2)!important;
  }
  body.services-hub .hub-hero{
    min-height:48rem;
    padding:7rem 1.25rem 2rem!important;
    background:linear-gradient(90deg,#e7e4dd 0 82%,#d8defe 82% 100%);
  }
  body.services-hub .hub-hero::before{
    top:27%;
    right:-8vw;
    color:rgba(17,17,19,.055);
    font-size:72vw;
  }
  body.services-hub .hub-kicker span:last-child{display:none}
  body.services-hub .hub-hero h1{
    margin:8rem 0 5rem;
    font-size:16vw;
  }
  body.services-hub .hub-hero-foot{display:block}
  body.services-hub .hub-hero-foot p{
    max-width:90%;
    margin:0 0 2rem;
    font-size:1.05rem;
  }
}

@media(prefers-reduced-motion:reduce){
  body.services-hub .hub-hero,
  body.services-hub .site-header{transition:none}
}
