@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[data-in-view=true] .workCard-visInner:after{transform:scale(2)translate(100%,-100%)}.workCard[data-in-view=true] :is(.workCard-label,.workCard-meta){opacity:1;transform:translateY(0)}.workCard-box{height:100%}.workCard-box,.workCard-vis{width:100%;position:relative}.workCard-vis{aspect-ratio:342/610;filter:drop-shadow(12px 12px 24px #9737a32e);height:auto;display:inline-block}.workCard-vis--dummy .workCard-visInner,.workCard-visInner{background-color:var(--color-gray-secondary)}.workCard-visInner{clip-path:inset(0 round 32px);z-index:1;position:relative;overflow:hidden}.workCard-visInner img{clip-path:inset(1.5px round 30.5px);object-fit:cover;will-change:transform,border-radius;width:100%;height:100%;transition:transform .32s cubic-bezier(.08,.84,.8,.93),border-radius .32s cubic-bezier(.08,.84,.8,.93)}.workCard-visInner:after{aspect-ratio:1;background-color:var(--color-gray-secondary);will-change:transform;border-radius:50%;height:auto;margin:auto;transition:transform 1.36s cubic-bezier(.08,.84,.8,.93);inset:0;transform:scale(2)translate(0)}.workCard-visInner:after,.workCard-visInner:before{content:"";width:100%;display:block;position:absolute;bottom:0}.workCard-visInner:before{background:var(--works-card-overlay-gradient);height:167px;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-label,.workCard-meta{opacity:0;will-change:opacity,transform;transition:opacity .48s cubic-bezier(.06,.73,.75,1.01) .4s,transform .48s cubic-bezier(.13,.59,.73,.91) .4s;transform:translateY(8px)}.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.is-vt-first[data-in-view=true]:not(.is-filter-animate) .workCard-visInner:after{transition-delay:var(--vt-clip-delay,.55s)}html.is-vt-enter .workCard.is-vt-first[data-in-view=true]:not(.is-filter-animate) :is(.workCard-label,.workCard-meta){transition-delay:calc(var(--vt-clip-delay,.55s) + .4s)}html.is-vt-enter .workCard.is-vt-first[data-in-view=true]:not(.is-filter-animate):nth-child(2) .workCard-visInner:after{transition-delay:calc(var(--vt-clip-delay,.55s) + 80ms)}html.is-vt-enter .workCard.is-vt-first[data-in-view=true]:not(.is-filter-animate):nth-child(2) :is(.workCard-label,.workCard-meta){transition-delay:calc(var(--vt-clip-delay,.55s) + .48s)}html.is-vt-enter .workCard.is-vt-first[data-in-view=true]:not(.is-filter-animate):nth-child(3) .workCard-visInner:after{transition-delay:calc(var(--vt-clip-delay,.55s) + .12s)}html.is-vt-enter .workCard.is-vt-first[data-in-view=true]:not(.is-filter-animate):nth-child(3) :is(.workCard-label,.workCard-meta){transition-delay:calc(var(--vt-clip-delay,.55s) + .52s)}html.is-vt-enter .workCard.is-vt-first[data-in-view=true]:not(.is-filter-animate):nth-child(4) .workCard-visInner:after{transition-delay:calc(var(--vt-clip-delay,.55s) + .16s)}html.is-vt-enter .workCard.is-vt-first[data-in-view=true]:not(.is-filter-animate):nth-child(4) :is(.workCard-label,.workCard-meta){transition-delay:calc(var(--vt-clip-delay,.55s) + .56s)}html.is-vt-enter .workCard.is-vt-first[data-in-view=true]:not(.is-filter-animate):nth-child(5) .workCard-visInner:after{transition-delay:calc(var(--vt-clip-delay,.55s) + .2s)}html.is-vt-enter .workCard.is-vt-first[data-in-view=true]:not(.is-filter-animate):nth-child(5) :is(.workCard-label,.workCard-meta){transition-delay:calc(var(--vt-clip-delay,.55s) + .6s)}html.is-vt-enter .workCard.is-vt-first[data-in-view=true]:not(.is-filter-animate):nth-child(6) .workCard-visInner:after{transition-delay:calc(var(--vt-clip-delay,.55s) + .24s)}html.is-vt-enter .workCard.is-vt-first[data-in-view=true]:not(.is-filter-animate):nth-child(6) :is(.workCard-label,.workCard-meta){transition-delay:calc(var(--vt-clip-delay,.55s) + .64s)}@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.is-vt-first[data-in-view=true]:not(.is-filter-animate) .workCard-label,html.is-vt-enter .workCard.is-vt-first[data-in-view=true]:not(.is-filter-animate) .workCard-meta,html.is-vt-enter .workCard.is-vt-first[data-in-view=true]:not(.is-filter-animate) .workCard-visInner:after{transition-delay:0s}}@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)}}}