.work-page{padding-top:clamp(8rem,15vw,10rem);padding-bottom:var(--section-spacing);padding-inline:var(--page-gutter);max-width:100vw;margin:0 auto}.work-page-header{justify-content:space-between;align-items:flex-end;margin-bottom:4rem;display:flex}.work-page-title{font-family:var(--font-sans);color:var(--fg);letter-spacing:-.02em;opacity:0;margin-bottom:2rem;font-size:2.5rem;font-weight:500;animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeUp}.work-page-desc{font-family:var(--font-sans);color:var(--muted);opacity:0;max-width:520px;font-size:1.1rem;line-height:1.6;animation:.8s cubic-bezier(.2,.8,.2,1) .15s forwards fadeUp}.work-page-label{font-family:var(--font-sans);text-transform:uppercase;color:var(--fg);letter-spacing:.05em;opacity:0;margin-bottom:.5rem;font-size:.75rem;font-weight:600;animation:.8s cubic-bezier(.2,.8,.2,1) .2s forwards fadeUp}.work-page .work-list{opacity:0;grid-template-columns:repeat(3,1fr);gap:4rem 2rem;padding-top:2rem;animation:.8s cubic-bezier(.2,.8,.2,1) .4s forwards fadeUp;display:grid}.work-page .work-item{color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;display:flex}.work-page .work-thumb{aspect-ratio:4/3;background-color:#f1f1f1;border-radius:16px;width:100%;margin-bottom:1.5rem;position:relative;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.work-page .work-thumb img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.work-page .work-item:hover .work-thumb img{transform:scale(1.06)translateZ(0)}.work-page .work-name{font-family:var(--font-sans);color:#111;letter-spacing:-.02em;font-size:1.3rem;font-weight:600;transition:color .3s}.work-page .work-item:hover .work-name{color:var(--accent-primary)}.work-page .work-meta{font-family:var(--font-sans);color:#0009;letter-spacing:0;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.9rem;display:flex}@media (max-width:1024px){.work-page-header{flex-direction:column;align-items:flex-start;gap:3rem;margin-bottom:2rem}.work-page .work-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.work-page .work-list{grid-template-columns:repeat(2,1fr);gap:2rem}.work-page .work-thumb{border-radius:16px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}