.web-comics{max-width:1200px;margin:auto;padding:48px 24px 0}.web-comics-heading{max-width:780px;margin:0 auto 42px;text-align:center}.web-comics-heading h1{font-size:clamp(52px,9vw,88px);line-height:1;margin:16px 0 22px}.web-comics-heading>p:not(.eyebrow){font-family:BookSerif,Georgia,serif;font-size:20px;line-height:1.6}.web-comics-heading .web-comics-intro{font-family:inherit;font-size:14px;color:var(--muted);max-width:52ch;margin:18px auto}.web-comics-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.web-comic-card{background:var(--surface);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--line);display:flex;flex-direction:column;min-width:0}.web-comic-thumbnail{display:block;overflow:hidden;border-bottom:2px solid var(--ink)}.web-comic-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;transition:transform .2s ease}.web-comic-thumbnail:hover img{transform:scale(1.025)}.web-comic-copy{padding:24px;display:flex;align-items:flex-start;flex-direction:column;flex:1}.web-comic-copy h2{font-size:34px;line-height:1.05;margin:12px 0}.web-comic-copy p{line-height:1.8;font-size:14px;margin:0 0 20px}.web-comic-copy .eyebrow{font-size:10px;margin:0}.web-comic-copy .web-comic-cast{font-size:12px;color:var(--muted);margin-bottom:16px}.web-comic-read{background:#ffd54a;color:#000;border:2px solid #000;box-shadow:3px 3px 0 #000;border-radius:0;font-family:BookDisplay,Impact,sans-serif;font-size:24px;font-weight:400;letter-spacing:.3px;min-height:48px;padding:10px 16px;text-decoration:none;display:flex;justify-content:space-between;gap:24px;align-items:center;width:100%;margin-top:auto}.web-comic-read:hover{background:#ffe27b;color:#000}.web-comic-read:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.web-comics-vault{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:56px 0 24px;padding-top:28px;border-top:2px solid var(--ink)}.web-comics-vault h2{font-size:30px;margin:10px 0}.web-comics-vault p{font-size:14px;line-height:1.8}.web-comics-vault .eyebrow{font-size:10px}@media(min-width:760px){.web-comics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.web-comic-thumbnail img{transition:none}.web-comic-thumbnail:hover img{transform:none}}