.idx{--idx-img: 36%;--idx-gap: clamp(1.5rem, 5vw, 4rem);position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--idx-img);gap:var(--idx-gap);align-items:start}.idx__list{list-style:none;margin:0;padding:0}.idx__row{border-top:1px solid var(--hair)}.idx__row:last-child{border-bottom:1px solid var(--hair)}.idx__row>a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1rem,3vw,2.2rem);padding-block:clamp(1.4rem,3.4vw,2.4rem);align-items:baseline}.idx__n{font:500 var(--step--1) / 1 var(--data);letter-spacing:.12em;color:var(--haze);transition:color .35s var(--trace-ease)}.idx__meta{display:block;font:500 var(--step--1) / 1 var(--data);letter-spacing:.12em;text-transform:uppercase;color:var(--haze);margin-bottom:.7rem}.idx__t{font-family:var(--display);font-size:var(--step-2);font-variation-settings:"wdth" 96,"wght" 640;text-transform:uppercase;line-height:1.05;max-width:24ch;transition:color .35s var(--trace-ease),transform .45s var(--trace-ease)}.idx__w{display:block;margin-top:.9rem;max-width:52ch;color:#f4f4f4b8;font-size:var(--step--1);line-height:1.55}.idx__row:hover .idx__t,.idx__row:focus-within .idx__t{color:var(--signal);transform:translate(clamp(.25rem,.8vw,.6rem))}.idx__row:hover .idx__n,.idx__row:focus-within .idx__n{color:var(--signal)}.idx__stage{position:sticky;top:clamp(5rem,12vh,8rem);aspect-ratio:16 / 9;border:1px solid var(--hair);background:var(--ink)}.idx__img{position:absolute;inset:0;opacity:0;transition:opacity .5s var(--trace-ease);pointer-events:none}.idx__img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}.idx:has(.idx__row:nth-child(1):hover) .idx__img:nth-child(1),.idx:has(.idx__row:nth-child(1):focus-within) .idx__img:nth-child(1),.idx:has(.idx__row:nth-child(2):hover) .idx__img:nth-child(2),.idx:has(.idx__row:nth-child(2):focus-within) .idx__img:nth-child(2),.idx:has(.idx__row:nth-child(3):hover) .idx__img:nth-child(3),.idx:has(.idx__row:nth-child(3):focus-within) .idx__img:nth-child(3),.idx:has(.idx__row:nth-child(4):hover) .idx__img:nth-child(4),.idx:has(.idx__row:nth-child(4):focus-within) .idx__img:nth-child(4),.idx:has(.idx__row:nth-child(5):hover) .idx__img:nth-child(5),.idx:has(.idx__row:nth-child(5):focus-within) .idx__img:nth-child(5){opacity:1}@media(max-width:900px){.idx{grid-template-columns:1fr}.idx__stage{display:none}.idx__row>a{padding-bottom:clamp(1rem,3vw,1.4rem)}.idx__t{font-size:var(--step-1)}}@media(prefers-reduced-motion:reduce){.idx__t,.idx__n,.idx__img{transition:none}.idx__row:hover .idx__t,.idx__row:focus-within .idx__t{transform:none}}