.works-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 16px;align-items:start}.work-card{display:block;min-width:0;contain:layout paint;content-visibility:auto;contain-intrinsic-size:auto 220px}.work-card.is-hidden{display:none}.work-card:not(.work-card--link){cursor:default}.work-thumbnail{position:relative;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--color-line);border-radius:var(--radius-subtle);background:linear-gradient(90deg,rgb(17 17 17 / .035) 1px,transparent 1px),linear-gradient(180deg,rgb(17 17 17 / .035) 1px,transparent 1px),#f7f7f7;background-size:16px 16px}.work-thumbnail::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 62%,rgb(17 17 17 / .09) 62.2%,transparent 62.4%),linear-gradient(90deg,rgb(255 255 255 / .36),rgb(255 255 255 / .08));pointer-events:none}.work-thumbnail-img{position:relative;z-index:1;display:block;width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover}.work-card--link:hover .work-thumbnail{border-color:rgb(17 17 17 / .28)}.work-number{position:absolute;inset:0;display:grid;place-items:center;color:rgb(17 17 17 / .28);font-family:var(--font-en);font-size:clamp(20px, 2vw, 30px);line-height:1;font-weight:700;letter-spacing:.04em;pointer-events:none}.work-info{display:grid;gap:8px;min-width:0;padding-top:11px}.work-info h3{display:-webkit-box;width:100%;min-width:0;max-width:100%;color:#111;font-size:11.5px;height:1.55em;line-height:1.55;letter-spacing:.04em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.work-credit{display:grid;gap:3px;min-width:0;margin:0;color:#666;font-family:var(--font-en);font-size:8px;line-height:1.35;letter-spacing:.08em}.work-credit div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;min-width:0}.work-credit dt,.work-credit dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-credit dt{color:#666;text-transform:none}.work-credit dd{color:#444}.work-card-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;min-width:0}.work-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px;min-width:0}.work-tag{display:inline-flex;align-items:center;padding-bottom:3px;border-bottom:1px solid currentColor;color:#555;font-family:var(--font-en);font-size:8px;line-height:1;letter-spacing:.12em;text-align:left;white-space:nowrap}.work-link-label{display:inline-flex;align-items:center;justify-content:flex-end;padding-bottom:3px;border-bottom:1px solid currentColor;color:#111;font-family:var(--font-en);font-size:8px;line-height:1;letter-spacing:.12em;text-align:right;white-space:nowrap}.work-card--link:hover .work-link-label,.work-card--link:focus-visible .work-link-label{color:#000}.empty-message{display:none;padding:42px 0;color:#666;font-size:12px;text-align:center}.empty-message.is-visible{display:block}@media (min-width:901px) and (max-width:1120px){.works-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 14px}}@media (max-width:900px){.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 14px}}@media (max-width:520px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.work-info h3{font-size:11px}}