.works-page{background:#fff}.works-wrap{width:min(1440px,calc(100% - 64px));margin:auto}.works-intro{padding:82px 0 46px}.works-intro h1{font-size:clamp(2.3rem,4.3vw,4.25rem);font-weight:700;line-height:1.3;letter-spacing:-.055em;margin:20px 0 24px}.works-intro p{font-size:1.05rem;color:#555;line-height:1.85;margin:0}.works-portfolio{padding-bottom:100px}.works-filters{display:flex;gap:clamp(20px,3vw,44px);align-items:center;flex-wrap:wrap;border-bottom:1px solid #ddd}.works-filters button{border:0;border-bottom:2px solid transparent;background:none;color:#777;padding:16px 0;min-height:48px;font-size:.875rem;letter-spacing:.025em;font-weight:500}.works-filters button[aria-pressed="true"]{color:#171719;border-bottom-color:#171719;font-weight:800}.works-filters button:hover{color:#171719}.works-count{font-size:.875rem;color:#777;margin:22px 0 28px}.works-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px}.works-project{min-width:0}.works-project[hidden],.works-empty[hidden]{display:none}.works-project-photo{overflow:hidden}.works-project-photo img{display:block;width:100%;height:auto;transition:transform .45s ease}.works-project-info{padding-top:21px}.works-project-no{font-size:.875rem;color:#888;letter-spacing:.08em}.works-project-info h2{font-size:clamp(1.25rem,1.8vw,1.8rem);line-height:1.4;letter-spacing:-.03em;margin:8px 0 11px;font-weight:700}.works-project-category{font-size:.875rem;letter-spacing:.06em;color:#777}.works-project-info p{font-size:.95rem;line-height:1.8;color:#555;margin:8px 0 0}.works-empty{color:#777;padding:70px 0;border-top:1px solid #ddd;font-size:1rem}.works-cta{background:#171719}.works-cta h2{font-size:clamp(1.9rem,4vw,3.5rem);line-height:1.4;letter-spacing:-.045em;margin:20px 0 26px}.works-cta p{font-size:1.05rem;line-height:1.9;margin:0 0 28px;color:#dedbe2}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.works-project-photo:hover img{transform:scale(1.015)}}
@media(max-width:800px){.works-wrap{width:calc(100% - 40px)}.works-intro{padding:54px 0 36px}.works-project-grid{grid-template-columns:1fr;gap:48px}.works-filters{gap:6px 24px}.works-filters button{padding:12px 0}.works-project-info h2{font-size:1.4rem}.works-portfolio{padding-bottom:65px}.works-cta{padding:65px 0}.works-project-info{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.works-project-photo img{transition:none}}

/* Only the WORKS 09 thumbnail uses a fixed landscape crop. */
.works-page #styrofoam-sphere .works-project-photo{aspect-ratio:3/2}
.works-page #styrofoam-sphere .works-project-photo img{height:100%;object-fit:cover;object-position:50% 68%}

/* Only the WORKS 10 thumbnail uses this crop. */
.works-page #cj-onlyone-fair .works-project-photo{aspect-ratio:3/2}
.works-page #cj-onlyone-fair .works-project-photo img{height:100%;object-fit:cover;object-position:50% 36%}

/* Match WORKS 03 to the adjacent CHOCO YOYO thumbnail only. */
.works-page #disney-hulu .works-project-photo{aspect-ratio:3/2}
.works-page #disney-hulu .works-project-photo img{height:100%;object-fit:cover;object-position:center}