.page-works-wrapper{background-color:#fff!important;overflow:hidden}.page-works .works-viewport{align-items:center;display:flex;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;opacity:0;overflow:hidden;padding-bottom:5vh;width:100vw!important;will-change:opacity,transform;z-index:5}.page-works .works-track{backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;gap:1.8vw;will-change:transform}.page-works .work-item{cursor:default;display:flex;flex-direction:column;flex-shrink:0;gap:1.5rem;max-width:750px;min-width:300px;width:40vw}.page-works .work-link{color:inherit;display:block;text-decoration:none;user-select:none}.page-works .work-img-box{aspect-ratio:3/2;background:#f5f5f5;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.05);isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000);overflow:hidden;width:100%}.page-works .work-img-box img{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%;object-fit:cover;pointer-events:none;transform:translateZ(0);transition:transform 1.2s cubic-bezier(.16,1,.3,1);width:100%}@media (hover:hover){.page-works .work-link.is-manual-hover .work-img-box img{transform:scale(1.1)}}.page-works .work-title{cursor:text;font-family:Barlow,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0;text-align:center}@media (max-width:768px){.page-works-wrapper{overflow-x:hidden!important;overflow-y:auto!important}.page-works .works-viewport{display:block;height:auto;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);overflow:visible;padding:5rem 0 4rem;width:100vw}.page-works .works-track{flex-direction:column;gap:2.5rem;padding:0 1rem;transform:none!important;width:100%}.page-works .work-item{gap:.8rem;max-width:none;min-width:unset;width:100%}.page-works .work-img-box{border-radius:10px}.page-works .work-title{font-size:1.05rem;margin-top:.2rem;padding-left:.1rem;text-align:left}}