.filed-process{padding:112px 0 40px}.filed-process .s-grid{max-width:var(--container-page);grid-template-columns:4fr 8fr;gap:64px;margin:0 auto;padding:0 40px;display:grid}.filed-process .s-side{align-self:start;position:sticky;top:120px}.filed-process .s-sub{color:#0f2a1dad}.filed-process .s-index{gap:4px;margin-top:48px;display:grid}.filed-process .s-index li{letter-spacing:-.01em;opacity:.65;transition:opacity .5s var(--ease-out-expo);align-items:center;gap:14px;padding:10px 0;font-size:17px;font-weight:500;display:flex}.filed-process .s-index li span{font-variant-numeric:tabular-nums;width:30px;height:30px;transition:background .5s var(--ease-out-expo);background:#0f2a1d12;border-radius:50%;place-items:center;font-size:13px;display:grid}.filed-process .s-index li.on{opacity:1}.filed-process .s-index li.on span{background:var(--lime)}.filed-process .s-stack{padding-bottom:80px}.filed-process .s-card{top:calc(120px + var(--i) * 22px);transform-origin:50% 0;border-radius:20px;grid-template-columns:1fr 1.05fr;gap:36px;height:500px;margin-bottom:48px;padding:36px;display:grid;position:sticky;overflow:hidden;box-shadow:0 -18px 48px -28px #0f2a1d73}.filed-process .s-card:after{content:"";background:var(--ink);opacity:var(--dim,0);pointer-events:none;position:absolute;inset:0}.filed-process .s-page:last-child .s-card{margin-bottom:0}.filed-process .s-txt{flex-direction:column;justify-content:space-between;display:flex}.filed-process .s-num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(4rem,7vw,6.25rem);font-weight:500;line-height:.9}.filed-process .s-txt h3{letter-spacing:-.03em;font-size:clamp(26px,2.4vw,34px);font-weight:500;line-height:1.08}.filed-process .s-txt p{max-width:32ch;margin-top:12px;font-size:16px;line-height:1.6}.filed-process .s-art{border-radius:14px;place-items:center;padding:20px;display:grid}.filed-process .s-art svg{width:100%;height:100%;max-height:380px;overflow:visible}.filed-process .c1{background:var(--paper)}.filed-process .c1 .s-num{color:var(--moss)}.filed-process .c1 p{color:#0f2a1dad}.filed-process .c1 .s-art{background:var(--mist)}.filed-process .c2{background:var(--sage)}.filed-process .c2 .s-num{color:var(--moss)}.filed-process .c2 p{color:#0f2a1db8}.filed-process .c2 .s-art{background:#fbfcfa99}.filed-process .c3{background:var(--forest);color:var(--paper)}.filed-process .c3 .s-num{color:var(--lime)}.filed-process .c3 p{color:#fbfcfab3}.filed-process .c3 .s-art{background:#fbfcfa0d}.filed-process .c4{background:var(--lime)}.filed-process .c4 p{color:#0f2a1dc7}.filed-process .c4 .s-art{background:#0f2a1d0f}.filed-process .cell{opacity:0;transition:opacity .5s var(--ease-out-expo);transition-delay:calc(var(--n) * 30ms)}.filed-process .on .cell{opacity:1}.filed-process .pick{transform-box:fill-box;transform-origin:50%;transition:transform .7s var(--ease-out-expo) .7s;transform:scale(0)}.filed-process .on .pick{transform:scale(1)}.filed-process .pulse{transform-box:fill-box;transform-origin:50%;opacity:0}.filed-process .on .pulse{animation:process-pulse 2.4s var(--ease-out-expo) 1.4s infinite}.filed-process .scan{opacity:0}.filed-process .on .scan{opacity:1;animation:3.6s ease-in-out infinite alternate process-scan}.filed-process .tk .f{transform-box:fill-box;transform-origin:50%;transition:transform .5s var(--ease-out-expo);transition-delay:calc(.5s + var(--n) * .38s);transform:scale(0)}.filed-process .tk path{stroke-dasharray:14;stroke-dashoffset:14px;transition:stroke-dashoffset .3s;transition-delay:calc(.7s + var(--n) * .38s)}.filed-process .on .tk .f{transform:scale(1)}.filed-process .on .tk path{stroke-dashoffset:0}.filed-process .ln{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s var(--ease-out-expo);transition-delay:calc(var(--n) * .12s)}.filed-process .on .ln{stroke-dashoffset:0}.filed-process .pop{opacity:0;transition:opacity .5s var(--ease-out-expo), transform .5s var(--ease-out-expo);transition-delay:calc(var(--n) * .12s);transform:translateY(6px)}.filed-process .on .pop{opacity:1;transform:none}.filed-process .day{fill:#0000;transition:fill .3s;transition-delay:calc(var(--n) * 32ms)}.filed-process .on .day{fill:var(--ink)}.filed-process .stamp{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .4s ease 1.5s, transform .7s var(--ease-out-expo) 1.5s;transform:scale(1.5)rotate(-18deg)}.filed-process .on .stamp{opacity:1;transform:scale(1)rotate(-8deg)}@media (max-width:900px){.filed-process{padding-top:88px}.filed-process .s-grid{grid-template-columns:1fr;gap:40px;padding:0 24px}.filed-process .s-side{position:static}.filed-process .s-index{display:none}.filed-process .s-card{top:calc(72px + var(--i) * 14px);grid-template-columns:1fr;gap:24px;height:auto;min-height:560px;padding:28px}.filed-process .s-art{order:2;height:260px}.filed-process .s-num{font-size:3.5rem}}@media (prefers-reduced-motion:reduce){.filed-process .s-card{position:relative;top:auto;transform:none!important}.filed-process .cell,.filed-process .pick,.filed-process .pop,.filed-process .stamp{opacity:1;transform:none}.filed-process .ln{stroke-dashoffset:0}.filed-process .tk .f{transform:none}.filed-process .tk path{stroke-dashoffset:0}.filed-process .day{fill:var(--ink)}.filed-process .pulse,.filed-process .scan{display:none}}.filed-process .s-page{display:contents}.filed-process .s-marker{height:0}.filed-process .s-side h2{letter-spacing:-.035em;text-wrap:balance;max-width:14ch;font-size:clamp(2.25rem,4vw,3.5rem);font-weight:500;line-height:1.04}.filed-process .s-sub{max-width:40ch;margin-top:18px;font-size:17px;line-height:1.6}.filed-process:not(.has-motion) .cell,.filed-process:not(.has-motion) .pick,.filed-process:not(.has-motion) .pop,.filed-process:not(.has-motion) .stamp{opacity:1;transform:none}.filed-process:not(.has-motion) .ln{stroke-dashoffset:0}.filed-process:not(.has-motion) .tk .f{transform:none}.filed-process:not(.has-motion) .tk path{stroke-dashoffset:0}.filed-process:not(.has-motion) .day{fill:var(--ink)}.filed-process:not(.has-motion) .pulse,.filed-process:not(.has-motion) .scan{display:none}.filed-process .s-card:not(.playing) .pulse,.filed-process .s-card:not(.playing) .scan{animation-play-state:paused}@keyframes process-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes process-scan{0%{transform:translateY(0)}to{transform:translateY(228px)}}