@layer components{.work-title{font-family:var(--font-display);color:var(--heading-color);letter-spacing:-.045em;text-wrap:balance;font-size:clamp(52px,8.4vw,128px);font-weight:300;line-height:.95}.work-case-title{font-family:var(--font-display);color:var(--heading-color);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(44px,6.2vw,96px);font-weight:300;line-height:.98}.work-card-more{opacity:0}@media (hover:none){.work-card-more{opacity:1}}.work-filter{scrollbar-width:none}}html[data-display=serif] .work-title{letter-spacing:-.02em;font-size:clamp(58px,9.6vw,148px);font-weight:400;line-height:.92}html[data-display=serif] .work-case-title{letter-spacing:-.015em;font-size:clamp(50px,7.2vw,112px);font-weight:400;line-height:.95}@media (min-width:768px) and (max-width:1023.98px){.work-hang>li:nth-child(2n){margin-top:96px}}@media (min-width:1024px){.work-hang>li:nth-child(3n+2){margin-top:120px}}@media (min-width:768px){.work-hang-pair>li:nth-child(2){margin-top:clamp(96px,12vw,168px)}}::view-transition-group(.work-morph){animation-duration:.7s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}::view-transition-old(.work-morph){object-fit:cover;height:100%;overflow:clip}::view-transition-new(.work-morph){object-fit:cover;height:100%;overflow:clip}::view-transition{pointer-events:none}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}}