#services{background:var(--white);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto auto 1fr;min-height:calc(101dvh - var(--header-h));position:relative}#services:before{background:var(--black);content:"";inset:0 50% 0 0;position:absolute}#services svg{align-self:center;display:block;grid-column:1;grid-row:1/-1;justify-self:center;max-width:clamp(80%,85%,800px);position:relative;width:100%;z-index:1}#services hgroup{display:flex;flex-direction:column;grid-column:2;grid-row:2;padding-inline:var(--gutter)}#services .kicker{margin-bottom:1.5rem;order:-1}#services .services-body{color:var(--black);grid-column:2;grid-row:3;padding-inline:var(--gutter)}#services svg .c-path{opacity:1}#services svg .c-fade{opacity:0}#services svg.in .c-path{animation:chart-draw 1.5s cubic-bezier(.4,0,.2,1) both}#services svg.in .c-fade{animation:chart-fade .55s ease both}#services svg.in .cp-d1{animation-delay:0s}#services svg.in .cp-d2{animation-delay:.5s}#services svg.in .cp-d3{animation-delay:.8s}#services svg.in .cf-d1{animation-delay:.4s}#services svg.in .cf-d2{animation-delay:1s}#services svg.in .cf-d3{animation-delay:1.3s}#services svg.in .cf-d4{animation-delay:1.6s}@keyframes chart-draw{to{stroke-dashoffset:0}}@keyframes chart-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){#services svg .c-fade,#services svg .c-path{animation:none;opacity:1}}