.comic-preview{width:min(1120px,88%);margin:64px auto 90px;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(36px,7vw,100px);align-items:center}.comic-preview h1{font:400 clamp(2.8rem,5.5vw,5rem)/1.05 Georgia,serif;letter-spacing:-.045em;margin-bottom:24px}.comic-preview h1 span{color:var(--gold)}.comic-byline{font-size:.9375rem;color:var(--gray)}.comic-coming{margin:36px 0 30px;padding-top:28px;border-top:1px solid #34302a}.comic-coming .eyebrow{margin-bottom:15px}.comic-coming h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.04em}.comic-coming p:last-child{max-width:440px;color:#b8b3aa;line-height:1.8;margin-top:20px}.comic-preview-art{margin:0;width:100%;max-width:420px;justify-self:end}.comic-preview-art img{display:block;width:100%;height:auto;box-shadow:0 25px 70px #0008}.comic-preview-art figcaption{font-size:.75rem;letter-spacing:.1em;color:#b1a48e;text-align:center;margin-top:20px}.comic-notify{display:block;width:fit-content;margin-top:22px;font-size:.875rem;text-decoration:underline;text-underline-offset:5px}.comic-preview .button{text-align:center;justify-content:center}.comic-preview .eyebrow{font-size:.75rem}
@media(max-width:700px){.comic-preview{grid-template-columns:1fr;gap:36px;margin-top:38px;margin-bottom:50px}.comic-preview-art{justify-self:center;max-width:300px}.comic-preview h1{font-size:clamp(2.8rem,10vw,4rem)}.comic-coming{margin-top:26px}.comic-preview .button{width:100%;padding-inline:12px}.comic-preview .comic-notify{margin-inline:auto}}
.comic-reading{width:min(1120px,90%);margin:48px auto 70px}.comic-heading{display:flex;align-items:center;gap:30px;margin-bottom:36px}.comic-mini-cover{width:110px;height:auto;flex-shrink:0;box-shadow:0 10px 30px #0009}.comic-heading h1{font:400 clamp(2rem,4.5vw,4rem)/1.08 Georgia,serif;letter-spacing:-.035em;margin:12px 0 16px}.comic-heading h1 span{color:var(--gold)}.comic-heading .eyebrow{font-size:.75rem}.comic-series,.comic-selection-note{color:#b9b3a7;font-size:.9rem;line-height:1.7;margin:8px 0}.comic-selection-note{color:#d2c4a8}.comic-reader{max-width:850px;margin:auto;scroll-margin-top:12px}.comic-sheet{margin:0 0 20px;background:#030303}.comic-sheet[hidden]{display:none}.comic-sheet>img{display:block;width:auto;max-width:100%;max-height:1100px;height:auto;margin:auto}.comic-sheet figcaption{padding:16px;text-align:center;font-size:.8rem;letter-spacing:.1em;color:#c6a76b}.comic-transcript{padding:0 20px 18px;color:#bcb6aa;font-size:.85rem;line-height:1.75}.comic-transcript summary{cursor:pointer}.comic-transcript p{margin-top:14px}.comic-follow{max-width:850px;margin:50px auto 0;padding-top:35px;border-top:1px solid #34302a}.comic-follow h2{font:400 2.2rem/1.15 Georgia,serif;margin:18px 0}.comic-follow>p:not(.eyebrow){color:#b9b3a7;line-height:1.8;max-width:600px;margin-bottom:24px}.comic-zoom-open{overflow:hidden}.comic-zoom-dialog{padding:0;border:1px solid #40392e;background:#080808;color:#eee;width:96vw;max-width:1600px;height:94dvh;max-height:94dvh;margin:auto;overflow:hidden}.comic-zoom-dialog::backdrop{background:#000e}.comic-zoom-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:8px 20px;gap:16px;border-bottom:1px solid #40392e}.comic-zoom-bar p{font-size:.8rem;color:#b9b3a7}.comic-zoom-bar button{background:#191611;border:1px solid #76603c;color:#e7d4ac;min-height:44px;padding:8px 18px;cursor:pointer;white-space:nowrap}.comic-zoom-scroll{height:calc(100% - 64px);overflow:auto;overscroll-behavior:contain}.comic-zoom-scroll img{display:block;width:max(100%,1000px);max-width:none;height:auto}.comic-zoom-bar button:focus-visible,.comic-zoom-scroll:focus-visible,.comic-transcript summary:focus-visible{outline:2px solid #c6a76b;outline-offset:-3px}
@media(max-width:700px){.comic-reading{width:100%;margin-top:28px}.comic-heading{padding:0 5%;gap:18px;align-items:flex-start;margin-bottom:25px}.comic-mini-cover{width:74px}.comic-heading h1{font-size:clamp(1.8rem,6vw,2.6rem)}.comic-series,.comic-selection-note{font-size:.8rem}.comic-heading .eyebrow{font-size:.65rem;letter-spacing:.1em}.comic-sheet>img{width:100%;max-height:none}.comic-follow{margin:35px 5% 0}.comic-zoom-bar{padding:8px 12px}.comic-zoom-bar p{font-size:.7rem}.comic-reader .reader-toolbar{gap:8px}.comic-reader .reader-toolbar .page-count{font-size:.75rem;letter-spacing:0}.comic-follow .button{width:100%;justify-content:center;text-align:center}}
