.work-index__list{border-top:1px solid var(--color-hairline);margin:0;padding:0;list-style:none}.work-index__row{border-bottom:1px solid var(--color-hairline);color:var(--color-ink);outline-offset:6px;grid-template-columns:minmax(0,1fr) minmax(14rem,22rem);align-items:center;column-gap:3rem;padding:clamp(1.4rem,2.6vw,2.4rem) 0;display:grid}.work-index__name{letter-spacing:-.045em;text-wrap:balance;transition:transform .7s cubic-bezier(.16, 1, .3, 1), color .4s var(--ease-dawn);margin-bottom:-.08em;padding-bottom:.08em;font-size:clamp(2.5rem,5.2vw,5rem);font-weight:500;line-height:1;display:block;overflow:hidden}.work-index__rise{display:inline-block}.work-index__line{color:var(--color-muted);text-wrap:pretty;transition:color .4s var(--ease-dawn);font-size:clamp(.95rem,1.1vw,1.125rem);line-height:1.45}@media (hover:hover){.work-index__row:hover .work-index__name{transform:translate(clamp(.75rem,1.4vw,1.5rem))}.work-index__row:hover .work-index__line{color:var(--color-ink)}.work-index__list:hover .work-index__row:not(:hover) :is(.work-index__name,.work-index__line){color:color-mix(in srgb, var(--color-ink) 22%, transparent)}}.work-index__row:focus-visible .work-index__name{transform:translate(clamp(.75rem,1.4vw,1.5rem))}.work-index__list:has(.work-index__row:focus-visible) .work-index__row:not(:focus-visible) :is(.work-index__name,.work-index__line){color:color-mix(in srgb, var(--color-ink) 22%, transparent)}.work-preview{z-index:45;aspect-ratio:4/3;pointer-events:none;clip-path:inset(50%);will-change:transform;width:clamp(240px,24vw,420px);transition:clip-path .6s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;overflow:hidden}.work-preview[data-on]{clip-path:inset(0)}.work-preview img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.work-preview img[data-on]{opacity:1}@media (prefers-reduced-motion:reduce){.work-preview,.work-index__name{transition:none}}@media (max-width:767px){.work-index__row{grid-template-columns:minmax(0,1fr);row-gap:.6rem}}