.work-index{padding:calc(128px - var(--nav-h)) 0 0;color:var(--ink);flex-direction:column;align-items:center;gap:80px;display:flex}.work-index__head{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:900px;padding:0 20px;display:flex}.work-index__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 24px;width:min(1200px,100% - 200px);margin:0;padding:0;list-style:none;display:grid}.work-index__grid>li{opacity:1;transition:opacity .22s var(--ease-out-expo), transform .22s var(--ease-out-expo);display:flex;transform:none}@starting-style{.work-index__grid>li{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.work-index__grid>li{transition:none}}@media (width<=1399.98px){.work-index__grid{width:min(1200px,100% - 120px)}}@media (width<=1099.98px){.work-index__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=809.98px){.work-index{gap:56px}.work-index__grid{grid-template-columns:1fr;gap:40px;width:calc(100% - 40px)}}.work-index>.case-closing{padding-top:40px}