.work-index{max-width:var(--site-width);padding:24px var(--gutter) 64px;margin:0 auto}.work-index-header{flex-direction:column;gap:14px;margin-bottom:36px;display:flex}.work-index-heading{font-size:32px;font-weight:var(--weight-heading);letter-spacing:-.02em;line-height:1.15}.work-index-list{border-top:1px solid var(--border);position:relative}.work-index-row{border-bottom:1px solid var(--border);color:inherit;border-radius:0;grid-template-columns:1fr 1.15fr .85fr 24px;align-items:baseline;gap:0;padding:20px 0;text-decoration:none;transition:background-color .25s,color .25s;display:grid}a.work-index-row:hover .work-index-title,a.work-index-row:hover .work-index-arrow{color:var(--accent);opacity:1}.work-index-period{font-family:var(--font-geist-mono), monospace;font-size:var(--type-label);letter-spacing:normal;color:var(--ink-muted);white-space:nowrap;transition:color .25s}.work-index-title{font-family:var(--font-display);letter-spacing:normal;color:var(--ink);padding:0 24px 0 25px;font-size:16px;font-weight:400;line-height:1.4}.work-index-detail{-webkit-line-clamp:3;font-family:var(--font-geist-mono), monospace;font-size:var(--type-label);color:var(--ink-muted);-webkit-box-orient:vertical;line-height:1.5;transition:color .25s;display:-webkit-box;overflow:hidden}.work-index-arrow{text-align:right;opacity:.45;font-size:16px}.work-index-preview{aspect-ratio:16/10.5;opacity:0;pointer-events:none;width:280px;transition:opacity .28s ease, top var(--dur-4) var(--ease), transform var(--dur-4) var(--ease);z-index:10;border-radius:14px;position:absolute;right:8%;overflow:hidden;transform:translateY(-50%)rotate(2.5deg)scale(.92);box-shadow:0 30px 60px #1312104d,0 8px 18px #13121029}.work-index-preview.is-visible{opacity:1;transform:translateY(-50%)rotate(2.5deg)scale(1)}.work-index-preview-img{object-fit:cover}@media (max-width:880px){.work-index{padding:12px var(--gutter) 40px}.work-index-row{grid-template-columns:1fr 24px;gap:6px 12px}.work-index-period{order:1;grid-column:1/-1}.work-index-title{order:2;padding:0}.work-index-arrow{order:3}.work-index-detail{order:4;grid-column:1/-1}.work-index-preview{display:none}}.dark .work-index-preview{box-shadow:0 30px 60px #0009,0 0 0 1px #ffffff1a}