.works-list-page { background:#020405; color:#f7f7f7; }
.works-list { padding:150px 3.8vw 60px; }
.works-list-heading { display:flex; align-items:baseline; gap:32px; border-bottom:1px solid #555; padding-bottom:28px; }
.works-list-heading h1 { font-size:88px; line-height:1; letter-spacing:-.03em; font-weight:500; margin:0; }.works-list-heading p { font-size:16px; margin:0; }
.works-list-filters { display:flex; flex-wrap:wrap; gap:26px; margin:28px 0 18px; }.works-list-filters button { background:none; border:0; border-bottom:1px solid transparent; color:inherit; padding:8px 0; font:13px Arial,sans-serif; letter-spacing:.06em; cursor:pointer; }.works-list-filters button[aria-pressed=true] { border-bottom-color:#fff; }
.works-list-count { font-size:11px; letter-spacing:.15em; color:#aaa; margin:0 0 24px; }
.works-list-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 20px; }.works-list-card { min-width:0; }.works-list-card[hidden] { display:none; }.works-list-card a { display:block; color:inherit; text-decoration:none; }
.works-list-image { position:relative; aspect-ratio:16 / 9; background:#111; }.works-list-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.works-list-information { display:grid; grid-template-columns:1fr auto; gap:8px 12px; margin-top:16px; }.works-list-information h2 { grid-column:1/-1; font-size:19px; font-weight:500; line-height:1.4; margin:0; }.works-list-information p { font-size:13px; line-height:1.6; letter-spacing:.04em; margin:0; }.works-list-view { font-size:11px; line-height:1.6; border-bottom:1px solid #777; align-self:end; white-space:nowrap; }
.works-list-home { display:inline-block; margin-top:50px; font-size:13px; letter-spacing:.08em; color:inherit; text-decoration:none; border-bottom:1px solid #777; padding-bottom:6px; }.works-list-page a:focus-visible,.works-list-page button:focus-visible { outline:2px solid white; outline-offset:5px; }
@media(max-width:1100px) { .works-list-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
 .works-list-page .brand { top:20px; left:20px; }.works-list-page .wordmark { font-size:22px; }.works-list-page .brand-message { font-size:6px; margin-top:6px; }.works-list-page .navigation { top:84px; left:20px; right:20px; justify-content:space-between; font-size:10px; }.works-list-page .header-tools { top:22px; right:20px; gap:12px; }.works-list-page .languages { font-size:8px; gap:12px; }.works-list-page .menu-icon { width:32px; height:32px; gap:4px; }.works-list-page .menu-icon i { width:14px; }
 .works-list { padding:128px 20px 36px; }.works-list-heading { display:block; padding-bottom:22px; }.works-list-heading h1 { font-size:56px; }.works-list-heading p { font-size:14px; line-height:1.8; margin-top:16px; }.works-list-filters { gap:10px 18px; margin:20px 0 14px; }.works-list-filters button { font-size:12px; min-height:44px; }.works-list-grid { grid-template-columns:1fr; gap:30px; }.works-list-information h2 { font-size:18px; }.works-list-information p { font-size:14px; }.works-list-home { margin-top:36px; }
}
@media(max-width:360px) { .works-list-page .wordmark { font-size:18px; }.works-list-page .brand-message { font-size:5px; } }

.works-list-page .navigation a { color:inherit; text-decoration:none; }

/* Match HOME card typography and title/category/link grouping. */
.works-list-information { display:flex; justify-content:space-between; align-items:flex-end; gap:.5vw; margin-top:1vw; }
.works-list-information h2 { font-size:1.3vw; line-height:1.1; letter-spacing:.01em; }
.works-list-information p { font-size:1.04vw; line-height:1; letter-spacing:.06em; margin-top:.3vw; }
.works-list-view { font-size:.72vw; line-height:1.6; padding-bottom:.2vw; letter-spacing:.03em; }
@media(min-width:701px) and (max-width:1100px) { .works-list-information h2 { font-size:17px; }.works-list-information p { font-size:14px; }.works-list-view { font-size:11px; } }
@media(max-width:700px) {
 .works-list-information { display:grid; grid-template-columns:1fr; gap:12px; margin-top:14px; }
 .works-list-information h2 { font-size:17px; line-height:1.4; }
 .works-list-information p { font-size:14px; line-height:1.6; margin-top:4px; letter-spacing:.02em; }
 .works-list-view { justify-self:start; font-size:11px; padding-bottom:3px; }
}