.v4-process{padding-block:var(--section-y);border-top:1px solid var(--c-line)}.v4-process__head{gap:1.25rem;margin-bottom:clamp(3rem,9vh,7rem);display:grid}.v4-process__title{max-width:12ch}.v4-process__lead{max-width:42ch;color:var(--c-muted)}@media (min-width:900px){.v4-process__head{grid-template-columns:1fr auto;align-items:end;column-gap:4rem}}.v4-process__list{--dot:11px;--rail:1px;gap:clamp(2.5rem,6vh,3.5rem);padding-left:2rem;list-style:none;display:grid;position:relative}.v4-process__list:before{content:"";top:.4em;bottom:0;left:calc(var(--dot) / 2 - var(--rail) / 2);width:var(--rail);background:var(--c-line);position:absolute}.v4-process__step{align-content:start;gap:.75rem;display:grid;position:relative}.v4-process__step:before{content:"";width:var(--dot);height:var(--dot);background:var(--c-bg);border:1px solid var(--c-ink);border-radius:50%;position:absolute;top:.25em;left:-2rem}.v4-process__step:first-child:before{background:var(--c-accent);border-color:var(--c-accent)}.v4-process__when{color:var(--c-muted)}.v4-process__name{letter-spacing:-.04em;font-size:clamp(1.5rem,1.6vw + .9rem,2.25rem);line-height:1.05}.v4-process__text{max-width:38ch;color:var(--c-muted)}.v4-process__call{background:linear-gradient(var(--c-accent), var(--c-accent)) left bottom / 100% 2px no-repeat;transition:background-size .4s var(--ease-out);justify-self:start;margin-top:.5rem;padding-bottom:.15em;font-weight:500}.v4-process__call:hover,.v4-process__call:focus-visible{background-size:100% 100%}@media (min-width:900px){.v4-process__list{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(1.5rem,3vw,3.5rem);padding-top:2.75rem;padding-left:0}.v4-process__list:before{top:calc(var(--dot) / 2 - var(--rail) / 2);width:auto;height:var(--rail);bottom:auto;left:0;right:0}.v4-process__step:before{top:-2.75rem;left:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.v4-process__list:before{transform-origin:top;animation:linear both v4-process-rail-y;animation-timeline:view();animation-range:entry 20% cover 60%}.v4-process__step{animation:linear both v4-process-in;animation-timeline:view();animation-range:entry entry 70%}@media (min-width:900px){.v4-process__list:before{transform-origin:0;animation-name:v4-process-rail-x}}}}@keyframes v4-process-rail-y{0%{transform:scaleY(0)}}@keyframes v4-process-rail-x{0%{transform:scaleX(0)}}@keyframes v4-process-in{0%{opacity:0;transform:translateY(1.5rem)}}