.page-case-index{background:var(--bone);min-height:100vh;color:var(--ink)}.page-case-index .tm{vertical-align:super;font-size:.55em;line-height:0}.page-case-index main .wrap{max-width:880px;margin:0 auto;padding:0 32px}@media (max-width:640px){.page-case-index main .wrap{padding:0 20px}}.page-case-index .eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin:0;font-size:12.5px}.page-case-index .index-hero{padding:64px 0 28px}.page-case-index .index-hero h1{font-family:var(--font-display);margin:14px 0 0;font-size:clamp(34px,5vw,52px)}.page-case-index .lede{max-width:46ch;color:var(--ink-soft);margin-top:18px;font-size:17px}.page-case-index .index-list{padding:12px 0 80px}.page-case-index .case-index{gap:0;margin:0;padding:0;list-style:none;display:grid}.page-case-index .case-index-card{border-top:1px solid var(--line);padding:28px 0;text-decoration:none;display:block}.page-case-index .case-index li:last-child .case-index-card{border-bottom:1px solid var(--line)}.page-case-index .case-index-card h2{font-family:var(--font-display);margin:10px 0 0;font-size:clamp(24px,3vw,32px)}.page-case-index .case-index-card .dek{color:var(--ink-soft);max-width:52ch;margin:12px 0 0}.page-case-index .case-index-card .read{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-top:16px;font-size:12.5px;display:inline-block}.page-case-index .case-index-card:hover .read{color:var(--red)}