.b-services{--services-count:5;--services-closed:6em;--services-gap:.75em;--services-sticky-top:4rem;--services-card-extra:4.5em;--services-chrome:2em;--services-open:calc(100svh - var(--services-sticky-top) - var(--services-chrome) - var(--services-card-extra) - (var(--services-count) - 1) * (var(--services-closed) + var(--services-gap)));height:calc(var(--services-count) * 100svh);position:relative}.b-services__pin{top:var(--services-sticky-top);height:calc(100svh - var(--services-sticky-top));box-sizing:border-box;position:sticky;overflow:hidden}.b-services__accordion{align-items:stretch;column-gap:var(--services-gap);box-sizing:border-box;grid-template-columns:minmax(13em,18%) minmax(0,1fr);height:100%;padding:.75em 1.5em 1.25em;display:grid}.b-services__nav-col,.b-services__panel-col{align-content:start;align-items:stretch;row-gap:var(--services-gap);min-width:0;height:100%;transition:grid-template-rows var(--services-slide,.7s) cubic-bezier(.22, 1, .36, 1);display:grid}.b-services__nav-col .c-onpagenav__link{will-change:auto;order:0;align-self:stretch;width:100%;min-width:0;height:auto;min-height:0;max-height:none;transition:none;position:relative;inset:auto;overflow:hidden}.b-services__nav-col .c-onpagenav__link.is-current{min-height:0;max-height:none}.b-services__panel{pointer-events:none;height:100%;min-height:0;overflow:hidden}.b-services__panel.is-open{pointer-events:auto}.b-services__panel .c-sectioncard{box-sizing:border-box;height:100%;min-height:100%;max-height:100%;margin-bottom:0;overflow:hidden}.b-services__mobile-nav{display:none}@media screen and (max-width:1199px),(pointer:coarse){.b-services{height:auto}.b-services__pin{height:auto;position:static;overflow:visible}.b-services__accordion{flex-direction:column;gap:1em;height:auto;padding:.75em 1.25em 1.5em;display:flex}.b-services__nav-col{flex-flow:wrap;grid-template-rows:none;align-content:start;align-items:stretch;gap:.5em;height:auto;transition:none;display:flex}.b-services__nav-col .c-onpagenav__link,.b-services__nav-col .c-onpagenav__link.is-current{flex-flow:row;flex:8.5em;justify-content:flex-start;align-items:center;gap:.55em;width:auto;min-width:8.5em;max-width:none;height:auto;min-height:2.75rem;padding:.65em .9em;font-size:.95rem;line-height:1.2}.b-services__nav-col .c-onpagenav__link.is-current{box-shadow:inset 0 0 0 2px #ffffff8c}.b-services__nav-col .c-onpagenav__num{flex:none}.b-services__panel-col{flex-direction:column;grid-template-rows:none;gap:1.5em;height:auto;transition:none;display:flex}.b-services__panel,.b-services__panel.is-open{pointer-events:auto;height:auto;min-height:0;transition:none;overflow:visible}.b-services__panel .c-sectioncard{height:auto;min-height:0;max-height:none;padding-top:clamp(2.2em,3vw,3.2em);scroll-margin-top:clamp(4.5rem,8vw,7rem);overflow:visible}.b-services__mobile-nav{display:none}}.b-services.is-stacked{height:auto}.b-services.is-stacked .b-services__pin{height:auto;position:static;overflow:visible}.b-services.is-stacked .b-services__accordion{flex-direction:column;gap:1em;height:auto;padding:.75em 1.25em 1.5em;display:flex}.b-services.is-stacked .b-services__nav-col{flex-flow:wrap;grid-template-rows:none;align-content:start;align-items:stretch;gap:.5em;height:auto;transition:none;display:flex}.b-services.is-stacked .b-services__nav-col .c-onpagenav__link,.b-services.is-stacked .b-services__nav-col .c-onpagenav__link.is-current{flex-flow:row;flex:8.5em;justify-content:flex-start;align-items:center;gap:.55em;width:auto;min-width:8.5em;height:auto;min-height:2.75rem;padding:.65em .9em}.b-services.is-stacked .b-services__panel-col{flex-direction:column;grid-template-rows:none;gap:1.5em;height:auto;transition:none;display:flex}.b-services.is-stacked .b-services__panel,.b-services.is-stacked .b-services__panel.is-open{pointer-events:auto;height:auto;min-height:0;overflow:visible}.b-services.is-stacked .b-services__panel .c-sectioncard{height:auto;min-height:0;max-height:none;scroll-margin-top:clamp(4.5rem,8vw,7rem);overflow:visible}@media screen and (max-width:767px){.b-services .b-services__accordion,.b-services.is-stacked .b-services__accordion{padding:0 0 7em}.b-services .b-services__nav-col,.b-services.is-stacked .b-services__nav-col{display:none}.b-services__mobile-nav{display:block}}@media (prefers-reduced-motion:reduce){.b-services__nav-col,.b-services__panel-col{transition:none}}
