.work-section,.project{padding:36px 32px 40px 24px}.work-title{font-family:var(--font-serif);margin:0 0 22px;font-size:44px;font-weight:400;line-height:1}.work-group+.work-group{margin-top:48px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.card{min-width:0;display:block}.card-cover{aspect-ratio:4/3;place-items:center;display:grid;overflow:hidden}.card-logo{aspect-ratio:1;background:var(--line);width:34%;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;transition:background-color .2s}.card:hover .card-logo,.card:focus-visible .card-logo{background:var(--sun)}.card-meta{grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;padding:12px 2px 4px;display:grid}.card-title{color:var(--line);grid-column:1;margin:0;font-size:21px;font-weight:400;line-height:1.1;transition:color .2s}.card:hover .card-title,.card:focus-visible .card-title{color:var(--sun)}.card-year{color:var(--muted);grid-area:1/2;font-size:11px}.card-summary{color:var(--muted);grid-column:1/-1;margin:2px 0 0;font-size:15px;line-height:1.35}.card-tag{color:var(--muted);grid-column:1/-1;margin-top:8px;font-size:11px}.work-empty{align-items:center;gap:14px;display:flex}.work-empty-mark{place-items:center;width:112px;height:112px;display:grid}.work-empty-line{color:var(--muted);margin:0}.project-back{color:var(--muted);margin-bottom:22px;display:inline-block}.project-header{margin-bottom:22px}.project-title{margin-bottom:8px}.project-year,.project-tags,.project-links{color:var(--muted);margin:0}.project-summary{max-width:60ch;color:var(--muted);margin:10px 0;font-size:15px}.project-tags,.project-links{flex-wrap:wrap;gap:4px 14px;display:flex}.project-tags{column-gap:0}.project-tags span:not(:last-child):after{content:"·" / "";margin:0 8px}.project-links{color:var(--line);margin-top:10px}.project-mark{place-items:center;margin-bottom:28px;padding:36px 16px;display:grid}.project-mark .mark{max-width:100%;height:auto}.project-cover{margin-bottom:28px;line-height:0;overflow:hidden}.project-cover img{width:100%;height:auto;display:block}.project-stats{flex-wrap:wrap;gap:18px 40px;margin:28px 0 0;display:flex}.project-stat-num{font-family:var(--font-serif);margin:0;font-size:44px;line-height:1}.project-stat-label{color:var(--muted);margin:6px 0 0}.project-next{gap:10px;margin-top:36px;padding-top:18px;display:grid}.project-next-link{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.project-next-label,.project-related-label{color:var(--muted)}.project-next-title{font-size:21px}.project-related{flex-wrap:wrap;gap:4px 14px;margin:0;display:flex}.mdx-body{max-width:60ch}.mdx-h2{margin:26px 0 8px;font-size:21px;font-weight:400;line-height:1.2}.mdx-p{max-width:60ch;margin:0 0 10px;font-size:15px}.mdx-a{border-bottom:1px solid var(--hairline)}.mdx-a:hover{color:var(--sun)}.mdx-img{margin:18px 0;line-height:0;display:block}.mdx-img img,.mdx-img video{width:100%;height:auto;display:block}.mdx-fallback{color:var(--muted);margin:0}@media (max-width:1099px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:759px){.work-section,.project{padding:28px 16px 32px}.card-grid{grid-template-columns:1fr}}
