.steps{border-top:2px solid var(--line-dark);gap:2.5rem;padding-top:2.5rem;display:grid;position:relative}.steps:before{content:"";background:var(--black);height:2px;transform:scaleX(clamp(0, calc(var(--p,0) * 2.2 - .25), 1));transform-origin:0;position:absolute;top:-2px;left:0;right:0}.step{align-content:start;justify-items:start;gap:.6rem;display:grid}.aperture{fill:none;width:clamp(4rem,7vw,6.5rem);stroke:var(--black);stroke-width:2.5px;stroke-linejoin:round;margin-bottom:.75rem}.aperture polygon{fill:var(--neon)}.aperture-blades{transform-origin:50%;transition:transform 1.4s var(--ease-out);transition-delay:calc(var(--d,0) * 90ms + .2s)}.js .step[data-reveal] .aperture-blades{transform:rotate(-120deg)scale(.4)}.js .step[data-reveal].is-in .aperture-blades{transform:none}.step-no{color:#000000a3}.step-title{font-size:clamp(2.4rem,1.4rem + 3vw,4.25rem)}.step-text{max-width:22em;line-height:1.45}@media (min-width:40rem){.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2rem}}@media (min-width:68rem){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}