.chapters{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.chapter{text-align:left;min-height:9.5rem;color:var(--foreground);transition:background .4s var(--ease-out), color .4s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.1rem 1.1rem 1.2rem;display:flex}@media (min-width:640px){.chapter{min-height:11rem;padding:1.4rem 1.4rem 1.5rem}}.chapter:hover{background:#ffffff09}.chapter:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.chapter[aria-pressed=true]{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.chapter-count{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,9vw,3.6rem);font-weight:700;line-height:.9}.chapter-label{letter-spacing:-.02em;align-items:center;gap:.4rem;margin-top:auto;font-size:clamp(1.1rem,3.4vw,1.4rem);font-weight:700;display:flex}.chapter-arrow{opacity:.5;transition:transform .3s var(--ease-out), opacity .3s var(--ease-out);font-size:.8em}.chapter:hover .chapter-arrow{opacity:1;transform:translateY(2px)}.chapter-preview{color:var(--faint);font-size:.8rem;line-height:1.35}.chapter[aria-pressed=true] .chapter-preview{color:#4a4842}.hero-cards{visibility:hidden;justify-content:center;align-items:center;padding:0 1.5rem;display:flex;position:absolute;inset:0}.hero-cards.on{visibility:visible}.hero-cards .chapters{width:100%;max-width:40rem}.hero-cards .chapter>*{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(.4em)}.hero-cards.on .chapter>*{opacity:1;transition-delay:calc(var(--k) * 90ms);transform:none}.hero-cards:not(.on) .chapter{background:0 0}