.cardIndex__inner{max-width:1240px;margin:0 auto;padding:88px 7vw}.cardIndex__eyebrow{color:var(--ink-soft);font:500 10.5px/1.35 var(--font-ui);letter-spacing:.24em;text-transform:uppercase;margin:0}.cardIndex__lead{max-width:58ch;color:var(--ink-body);font:400 clamp(17px, 1.3vw, 19.5px)/1.74 var(--font-serif);margin:18px 0 0}.cardIndex__group{border-top:1px solid var(--hairline);margin-top:clamp(36px,6vh,60px);padding-top:clamp(20px,3vh,28px)}.cardIndex__groupHead{flex-wrap:wrap;align-items:baseline;gap:6px 18px;display:flex}.cardIndex__groupHead h2{color:var(--ink);font:400 clamp(24px, 2.6vw, 36px)/1.08 var(--font-display);margin:0}.cardIndex__groupHead p{color:var(--ink-soft);font:500 10.5px/1.35 var(--font-ui);letter-spacing:.22em;text-transform:uppercase;margin:0}.cardIndex__grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:30px 24px;margin:26px 0 0;padding:0;list-style:none;display:grid}.cardIndex__card{color:var(--ink-soft);flex-direction:column;align-items:center;gap:14px;text-decoration:none;display:flex}.cardIndex__card:focus-visible{outline:1.5px solid var(--brass);outline-offset:4px}.cardIndex__art{width:100%;height:auto;box-shadow:var(--shadow-card);transition:transform .32s var(--ease-scene), box-shadow .32s var(--ease-scene);border-radius:8px;display:block}.cardIndex__card:hover .cardIndex__art,.cardIndex__card:focus-visible .cardIndex__art{box-shadow:var(--shadow-card-lift);transform:translateY(-6px)}.cardIndex__name{font:500 10.5px/1.35 var(--font-ui);letter-spacing:.18em;text-align:center;text-transform:uppercase;transition:color .24s var(--ease-scene)}.cardIndex__card:hover .cardIndex__name,.cardIndex__card:focus-visible .cardIndex__name{color:var(--accent-ink)}.cardIndex .reading__outro{margin-top:clamp(44px,7vh,72px)}@media (prefers-reduced-motion:reduce){.cardIndex__art{transition:none}.cardIndex__card:hover .cardIndex__art,.cardIndex__card:focus-visible .cardIndex__art{transform:none}}@media (max-width:640px){.cardIndex__inner{padding:72px 7vw 64px}.cardIndex__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px}.cardIndex__name{letter-spacing:.12em;font-size:10px}}