.process-steps{position:relative;padding-left:var(--s-6)}.process-steps__line{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--niccos-line-soft)}.process-steps__fill{display:block;width:100%;height:100%;background:var(--niccos-ink);transform-origin:top}.process-steps__step{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-2);border-top:1px solid var(--niccos-line-soft);padding-block:var(--s-6)}.process-steps__step:first-child{border-top:0;padding-top:0}.process-steps__number{font-family:var(--niccos-font-display);font-size:clamp(2rem,3.2vw,3rem);font-weight:400;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--niccos-line);transition:color .26s ease}.process-steps__step:hover .process-steps__number{color:var(--niccos-ink)}@media (min-width: 768px){.process-steps{padding-left:var(--s-7)}.process-steps__step{grid-template-columns:96px minmax(0,5fr) minmax(0,7fr);align-items:baseline;gap:var(--s-6)}}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.process-steps__fill{animation:process-steps-fill linear both;animation-timeline:view();animation-range:entry 30% cover 65%}}}@keyframes process-steps-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.process-steps__number{transition:none}}