.project-filter [data-filter]{position:relative;margin:0;padding-inline:0;letter-spacing:.05em}.project-filter [data-filter]:before{position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:1px;background-color:#111;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.project-filter [data-filter].is-active:before{transform:scaleX(1);transform-origin:left}@media screen and (min-width:821px){.project-filter{margin-inline:1.25rem 21.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.9375rem}}@media screen and (max-width:820.98px){.project-filter{margin-inline:.5555555556rem;margin-block:.5555555556rem;display:flex;flex-direction:column;gap:2.2222222222rem}}.project-filter-title{margin:0}@media screen and (min-width:821px){.project-filter-title{font-size:.9375rem;line-height:1.2;font-weight:300;letter-spacing:.05em}}@media screen and (max-width:820.98px){.project-filter-title{font-size:.5555555556rem;line-height:1.2;font-weight:300;letter-spacing:.05em;border-bottom:1px solid #111;padding-bottom:.5555555556rem}}.project-filter-title-ja{font-weight:400}@media screen and (min-width:821px){.project-filter-button-wrapper{display:flex;gap:2.5rem}}@media screen and (max-width:820.98px){.project-filter-button-wrapper{display:flex;justify-content:flex-end;gap:.7407407407rem;font-size:.4814814815rem}}[data-category]{transition:opacity .25s ease}[data-category].filter-hidden{opacity:0;pointer-events:none}[data-year-section]{transition:opacity .25s ease}[data-year-section].filter-hidden{opacity:0;pointer-events:none}.project-year-wrapper{border-top:1px solid #111}@media screen and (min-width:821px){.project-year-wrapper{display:flex;margin-inline:1.25rem 21.25rem;padding-top:1.25rem}}@media screen and (max-width:820.98px){.project-year-wrapper{margin-inline:.5555555556rem;padding-top:.7407407407rem}}.project-year-wrapper:last-of-type{border-bottom:1px solid #111}@media screen and (min-width:821px){.project-year-wrapper:last-of-type{margin-bottom:26.25rem}}@media screen and (min-width:821px){.project-year-wrapper-header{min-width:5rem;width:5rem}}@media screen and (max-width:820.98px){.project-year-wrapper-header{font-size:.5555555556rem;padding-bottom:1.1111111111rem;border-bottom:1px solid #111;margin-bottom:.7407407407rem}}.project-year-wrapper-header h2{font-weight:400;margin:0}@media screen and (min-width:821px){.project-year-wrapper-header h2{font-size:.9375rem;line-height:1.2;letter-spacing:.05em}}.project-year-wrapper-list{width:100%;margin:0;padding-inline:0}.project-year-wrapper-list li{width:100%}@media screen and (min-width:821px){.project-year-wrapper-list li:not(:last-child){border-bottom:1px solid #111;margin-bottom:1.25rem}}@media screen and (max-width:820.98px){.project-year-wrapper-list li:not(:last-child){border-bottom:1px solid #111;padding-bottom:.7407407407rem;margin-bottom:.7407407407rem}}@media screen and (max-width:820.98px){.project-year-wrapper-list li{margin-bottom:.7407407407rem}}.project-link{position:relative;display:inline-block;width:100%}@media(hover:hover)and (pointer:fine){.project-link:hover .project-link-thumbnail{opacity:1}}@media screen and (min-width:821px){.project-link{display:flex;justify-content:space-between;padding-bottom:2.125rem}}.project-link-content{width:100%}.project-link-title{width:100%;font-weight:500;position:relative}@media screen and (min-width:821px){.project-link-title{font-size:1.125rem;line-height:1.2;letter-spacing:.05em}}@media screen and (max-width:820.98px){.project-link-title{font-size:.5925925926rem;line-height:1.2;letter-spacing:.05em}}.project-link-title-en,.project-link-title-jp{display:inline-block;transition:opacity .6s ease}.project-link-title-jp{position:absolute;top:0;left:0;opacity:0}@media(hover:hover)and (pointer:fine){.project-link:hover .project-link-title-en{opacity:0}.project-link:hover .project-link-title-jp{opacity:1}}.project-link-description{width:100%;position:relative}@media screen and (min-width:821px){.project-link-description{font-size:.8125rem;line-height:1.2;letter-spacing:.05em;margin-top:.625rem}}@media screen and (max-width:820.98px){.project-link-description{font-size:.4814814815rem;line-height:1.2;letter-spacing:.05em;margin-top:.3703703704rem}}.project-link-description-en,.project-link-description-jp{display:inline-block;transition:opacity .6s ease}.project-link-description-jp{position:absolute;top:0;left:0;opacity:0}@media(hover:hover)and (pointer:fine){.project-link:hover .project-link-description-en{opacity:0}.project-link:hover .project-link-description-jp{opacity:1}}.project-link-category{font-weight:400;position:relative}@media screen and (min-width:821px){.project-link-category{font-size:.9375rem;letter-spacing:.08em}}@media screen and (max-width:820.98px){.project-link-category{margin-top:1.6666666667rem;font-size:.4814814815rem;text-align:right;letter-spacing:.08em}}.project-link-category-en,.project-link-category-jp{display:inline-block;white-space:nowrap;transition:opacity .6s ease}.project-link-category-jp{position:absolute;top:0;right:0;opacity:0}@media(hover:hover)and (pointer:fine){.project-link:hover .project-link-category-en{opacity:0}.project-link:hover .project-link-category-jp{opacity:1}}@media screen and (min-width:821px){.project-link-thumbnail{opacity:0;transition:opacity .4s ease;position:absolute;left:calc(100% + 1.25rem);top:-1.25rem;width:18.75rem;object-fit:cover}}@media screen and (max-width:820.98px){.project-link-thumbnail{width:100%;object-fit:cover;margin-top:.5555555556rem}}