@layer component{.category{flex-wrap:wrap;gap:12px;display:flex}.category:not(.is-ready) .category-item,.category:not(.is-ready) .category-item .swapTxt,.category:not(.is-ready) .category-item a,.category:not(.is-ready) .category-item span{transition:none}.category-item{will-change:opacity;transition:opacity .28s cubic-bezier(.19,.59,.74,.94)}.category-item.is-notHover{opacity:.2}.category-item a{background-color:var(--category-bg-primary);will-change:background-color;border-radius:40px;justify-content:center;align-items:center;width:auto;min-width:72px;height:32px;padding:0 13px;transition:background-color .28s cubic-bezier(.19,.59,.74,.94);display:inline-flex;position:relative;overflow:hidden}.category-item a .swapTxt{color:var(--category-txt-primary);font-family:var(--font-family-en);will-change:color;font-size:.875rem;font-weight:700;line-height:1;transition:color .28s cubic-bezier(.19,.59,.74,.94)}.category-item a .swapTxt>span{height:1em}:is(.category-item.is-active,.category-item.is-hover) .swapTxt>span{opacity:0;transform:translateY(-100%)}:is(.category-item.is-active,.category-item.is-hover) .swapTxt>span+span{opacity:1;transform:translateY(0)}.category-item.is-active{pointer-events:none}.category-item.is-active a{background-color:var(--category-bg-secondary)}.category-item.is-active a .swapTxt{color:var(--category-txt-secondary)}@media print and (width>=768px),screen and (width>=768px){.category{gap:16px}.category-item a .swapTxt{font-size:.9375rem}}.workCard{opacity:0;will-change:opacity,transform;transition:opacity .74s cubic-bezier(.11,.46,.51,1.07),transform .74s cubic-bezier(.11,.46,.51,1.07);transform:translateY(32px)}.workCard[data-in-view=true]{opacity:1;transform:translateY(0)}.workCard-inner{width:100%;height:100%;position:relative}.workCard-vis{aspect-ratio:342/610;filter:drop-shadow(12px 12px 24px #9737a32e);width:100%;height:auto;display:inline-block;position:relative}.workCard-vis--dummy .workCard-visInner{background-color:var(--color-gray-secondary)}.workCard-visInner{background-color:var(--color-white);clip-path:inset(0 round 32px);z-index:1;position:relative;overflow:hidden}.workCard-visInner img{object-fit:cover;will-change:all;width:100%;height:100%;transition:all .32s cubic-bezier(.08,.84,.8,.93)}.workCard-visInner:before{background:var(--works-card-overlay-gradient);content:"";width:100%;height:167px;display:block;position:absolute;bottom:0;left:0}.workCard-visInner span{display:none}.workCard-label{color:var(--color-white);font-family:var(--font-family-en);text-shadow:2px 4px 4px #00000040;font-size:1.5rem;font-weight:700;line-height:1.3}.workCard-meta{z-index:2;width:100%;padding:0 16px 24px;position:absolute;bottom:0;left:0}.workCard-name{color:var(--color-white);margin-top:8px;font-size:.875rem;font-weight:700;line-height:1.8}.workCard-tag{flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;display:flex}.workCard-tag .tag{height:28px;font-size:.75rem}.workCard-tag .tag:before{width:calc(100% - 2px);height:calc(100% - 2px)}.workCard[data-in-view=true] .workCard-visCover{transform:translate(100%,-250%)}.workCard.is-filter-hidden{display:none}.workCard.is-filter-animate{animation:.9s cubic-bezier(.24,.13,.26,1.01) both workCardFilterEnter;animation-delay:var(--filter-delay,0s);will-change:opacity,transform}.workCard.is-filter-leave{animation:.4s cubic-bezier(.18,.3,.62,.89) both workCardFilterLeave;animation-delay:var(--filter-delay,0s);will-change:opacity,transform}@keyframes workCardFilterEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes workCardFilterEnterMd{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes workCardFilterLeave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes workCardFilterLeaveMd{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}html.is-vt-enter .workCard[data-in-view=true]:not(.is-filter-animate){animation:.52s cubic-bezier(.18,.3,.62,.89) both workCardVtEnter;animation-delay:var(--vt-clip-delay,.55s);opacity:0;transition:none;transform:translateY(32px)}html.is-vt-enter .workCard[data-in-view=true]:not(.is-filter-animate):nth-child(2){animation-delay:calc(var(--vt-clip-delay,.55s) + 80ms)}html.is-vt-enter .workCard[data-in-view=true]:not(.is-filter-animate):nth-child(3){animation-delay:calc(var(--vt-clip-delay,.55s) + .12s)}html.is-vt-enter .workCard[data-in-view=true]:not(.is-filter-animate):nth-child(4){animation-delay:calc(var(--vt-clip-delay,.55s) + .16s)}html.is-vt-enter .workCard[data-in-view=true]:not(.is-filter-animate):nth-child(5){animation-delay:calc(var(--vt-clip-delay,.55s) + .2s)}html.is-vt-enter .workCard[data-in-view=true]:not(.is-filter-animate):nth-child(6){animation-delay:calc(var(--vt-clip-delay,.55s) + .24s)}@keyframes workCardVtEnter{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.workCard-visInner:hover img{border-radius:40px;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.workCard.is-filter-animate,.workCard.is-filter-leave{animation:none}html.is-vt-enter .workCard[data-in-view=true]:not(.is-filter-animate){opacity:1;animation:none;transform:translateY(0)}}@media print and (width>=768px),screen and (width>=768px){.workCard-visInner:before{display:none}.workCard-visInner span{padding:0 16px clamp(16px,calc(var(--vw)*1.75439 + 2.52632px),24px);display:block;position:absolute;bottom:0;left:0}.workCard-label{font-size:clamp(20px,calc(var(--vw)*.87719 + 13.2632px),24px);display:none}.workCard-meta{margin-top:clamp(16px,calc(var(--vw)*1.75439 + 2.52632px),24px);padding:0;position:relative}.workCard-name{color:var(--color-text-tertiary);margin-top:0;line-height:1.5}.workCard-tag{margin-top:16px}.workCard.is-filter-animate{animation-name:workCardFilterEnterMd}.workCard.is-filter-leave{animation-name:workCardFilterLeaveMd}}}@layer project{.works-category{align-items:center;width:100%;margin:0 auto;display:flex}.works-list{margin-top:64px;padding-inline:52px}.works-list .workCard{width:100%}.works-list .workCard+.workCard{margin-top:32px}@media print and (width>=576px),screen and (width>=576px){.works-list{flex-wrap:wrap;justify-content:space-between;display:flex}.works-list .workCard{width:calc(50% - 12px)}.works-list .workCard+.workCard{margin-top:0}.works-list .workCard:not([data-stagger-sm]):nth-child(odd) .workCard-meta,.works-list .workCard[data-stagger-sm="0"] .workCard-meta{margin-bottom:32px}.works-list .workCard:not([data-stagger-sm]):nth-child(2n),.works-list .workCard[data-stagger-sm="1"]{margin-top:32px}}@media print and (width>=768px),screen and (width>=768px){.works-category{max-width:1104px}.works-list{gap:clamp(80px,calc(var(--vw)*4.38596 + 46.3158px),100px) clamp(24px,calc(var(--vw)*12.2807 - 70.3158px),80px);justify-content:flex-start;margin-top:80px;padding-inline:40px}.works-list .workCard{width:calc(33.3333% - clamp(16px, calc(8.33333 * var(--vw) + -48px), 54px))}.works-list .workCard:not([data-stagger-sm]):nth-child(odd) .workCard-meta,.works-list .workCard[data-stagger-sm="0"] .workCard-meta{margin-bottom:0}.works-list .workCard:not([data-stagger-md]):nth-child(3n+1),.works-list .workCard[data-stagger-md="0"]{margin-top:0}.works-list .workCard:not([data-stagger-md]):nth-child(3n+2),.works-list .workCard[data-stagger-md="1"]{margin-top:clamp(32px,calc(var(--vw)*3.50877 + 5.05263px),48px)}.works-list .workCard:not([data-stagger-md]):nth-child(3n),.works-list .workCard[data-stagger-md="2"]{margin-top:clamp(64px,calc(var(--vw)*7.01754 + 10.1053px),96px)}}}