.index{min-height:100svh;padding-block:clamp(2rem,6vh,4rem) clamp(5rem,14vh,9rem);background:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(23,65,62,.55),transparent 70%),var(--ink-900)}.index__back{display:inline-flex;align-items:center;gap:.6rem;font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;color:var(--mist-dim);padding-block:.5rem;transition:color .4s var(--ease-out)}.index__back:hover{color:var(--moss)}.index__backIcon{width:.95rem;transform:rotate(-135deg)}.index__head{display:grid;gap:clamp(1.2rem,3vh,2rem);margin-top:clamp(3rem,12vh,7rem);padding-bottom:clamp(2.5rem,7vh,4rem);border-bottom:1px solid var(--hairline)}.index__title{font-size:var(--step-4);letter-spacing:-.045em;line-height:.88}.index__list{display:grid}.index__list a{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:clamp(1rem,3vw,2.6rem);padding-block:clamp(1.6rem,4vh,2.6rem);border-bottom:1px solid var(--hairline);transition:background .5s var(--ease-out)}.index__list a:hover{background:rgba(23,65,62,.24)}.index__num{font-family:var(--font-display);font-weight:500;font-size:var(--step--1);letter-spacing:.22em;color:var(--moss)}.index__body{display:grid;gap:.4rem}.index__name{font-family:var(--font-display);font-weight:800;font-size:var(--step-3);line-height:.95;letter-spacing:-.04em}.index__tagline{font-size:var(--step-1);color:var(--crystal);line-height:1.3;max-width:40ch}.index__meta{font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--mist-dim);margin-top:.35rem}.index__arrow{width:1.2rem;color:var(--mist-dim);transition:transform .45s var(--ease-out),color .45s var(--ease-out)}.index__list a:hover .index__arrow{transform:translate(3px,-3px);color:var(--moss)}@media (max-width:560px){.index__list a{grid-template-columns:auto 1fr}.index__arrow{display:none}}