.work-filter{flex-wrap:wrap;gap:12rem 40rem;margin-bottom:120rem;display:flex}.work-filter__btn{color:inherit;cursor:pointer;min-height:44px;transition:transform .3s var(--ease);background:0 0;border:0;align-items:flex-start;gap:4rem;padding:0;display:inline-flex}.work-filter__btn[aria-pressed=false] .link{color:#6e6e6e;transition:color .3s var(--ease)}.work-filter__btn:hover .link{color:currentColor}.work-filter__btn:focus-visible{outline-offset:6rem;outline:1px solid}.work-filter__btn:active{transform:translateY(1px)}.work-filter__count{color:#6e6e6e;line-height:1}@media (max-width:767.98px){.work-filter{gap:10rem 24rem;margin-bottom:50rem}}.work-index .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:110rem 20rem}.work-index .work-grid .work-card{grid-column:auto;margin-top:0}.work-index .work-grid .work-card .work-frame{height:auto}.work-index .work-grid .work-card .work-frame .work-visual{aspect-ratio:16/9;flex:none}@media (max-width:767.98px){.work-index .work-grid{gap:50rem}}.work-index .work-caption{color:#6e6e6e;min-width:3em;font-family:inherit}.work-index .caption-in{color:#000}.work-index .caption-in:before{display:none}@media (hover:none){.work-index .work-card:hover .caption-out{transform:none}.work-index .work-card:hover .caption-in{transform:translateY(101%)}.work-index .work-card:hover .work-frame img{transform:none}}.work-index.is--filtered .work-card{animation:work-card-in 1.109s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms)}@keyframes work-card-in{0%{opacity:0;transform:translateY(60rem)}}@media (prefers-reduced-motion:reduce){.work-index.is--filtered .work-card{animation:none}}@media (max-width:767.98px){.work-index .work-card:nth-child(n+7){display:flex}}