.comic-article{padding-block:var(--space-md) var(--space-xl);--article-muted: color-mix(in oklab, var(--color-text) 78%, var(--color-background))}.comic-article__breadcrumbs{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;font-size:var(--text-xs);color:var(--article-muted)}.comic-article__breadcrumbs a{display:inline-flex;align-items:center;min-height:2.75rem;text-decoration:none}.comic-article__breadcrumbs a:hover{text-decoration:underline}.comic-article__heading{display:grid;grid-template-columns:minmax(0,1fr) 17.5rem;align-items:end;gap:var(--space-lg);padding-block:var(--space-sm) var(--space-lg)}.comic-article__heading-copy{max-width:45rem}.comic-article__heading h1{font-size:clamp(2rem,3.5vw,3rem);max-width:24ch;text-wrap:balance;overflow-wrap:anywhere}.comic-article__eyebrow{color:var(--comic-ink);font-size:var(--text-xs);margin-block:0 var(--space-xs)}.comic-article__summary{color:var(--article-muted);margin-block-start:var(--space-sm);max-width:62ch;font-size:var(--text-base)}.comic-article__reading{padding:0;border:0}.comic-article__layout{display:grid;grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:var(--space-xl)}.comic-article__reader{position:relative;margin-inline:0;max-width:43rem}.comic-article .comic-stories__pages{max-width:100%}.comic-article .comic-stories__artwork{border-radius:var(--radius-card)}.comic-article .is-ready .comic-stories__artwork{animation:none}.comic-article__expand{position:absolute;z-index:1;inset-block-start:var(--space-xs);inset-inline-start:var(--space-xs);display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--color-rule);border-radius:50%;background:var(--color-background);color:var(--comic-ink);cursor:pointer}.comic-article__expand svg{width:1.375rem;height:1.375rem}.comic-article__expand:hover{background:var(--color-accent-soft)}.comic-article__aside{margin:0;padding:var(--space-md);border-radius:var(--radius-card);background:var(--tint-hero);color:var(--article-muted);font-size:var(--text-sm)}.comic-article__topic{color:var(--color-text);font-family:var(--font-heading--family);font-size:var(--text-xl);line-height:1.3;margin:0}.comic-article__aside-count{font-size:var(--text-xs);margin-block-start:var(--space-xs)}.comic-article__aside-rule{border-block-start:1px solid var(--color-rule);margin-block:var(--space-md)}.comic-article__aside h2{color:var(--color-text);font-size:var(--text-2xl)}.comic-article__aside h2+p{margin-block:var(--space-sm) var(--space-md)}.comic-article__aside>.comic-article__text-link{margin-block-start:var(--space-sm)}.comic-article__text-link{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:2.75rem;color:var(--comic-ink);text-decoration:none;text-underline-offset:.2em;font-size:var(--text-sm)}.comic-article__text-link:hover{text-decoration:underline}.comic-article__about{max-width:40.625rem;margin:var(--space-xl) auto;--story-muted: color-mix(in oklab, var(--color-text) 70%, var(--color-background))}.comic-article__about-heading{text-align:center}.comic-article__about-eyebrow{color:var(--comic-ink);font-size:var(--text-xs);font-weight:500;margin-block:0 var(--space-sm)}.comic-article__about-heading h2{font-size:clamp(1.625rem,3vw,2.25rem);line-height:1.25;letter-spacing:-.02em;margin:0}.comic-article__about-heading h2 span{color:var(--comic-ink)}.comic-article__service-intro{max-width:35rem;margin:var(--space-md) auto;padding-block-end:var(--space-md);border-block-end:1px solid var(--color-rule);color:var(--story-muted);font-size:.875rem;line-height:1.7}.comic-article__prose{color:var(--color-text);font-size:var(--text-base);line-height:1.75;text-align:left}.comic-article__prose :is(h2,h3){font-size:var(--text-xl);color:var(--color-text);margin-block:var(--space-md) var(--space-sm)}.comic-article__prose blockquote{margin:var(--space-sm) 0;padding-inline-start:var(--space-md);border-inline-start:2px solid var(--color-rule)}.comic-article__prose .comic-article__story-note{font-size:.875rem}.comic-article__prose p+p{margin-block-start:var(--space-sm)}.comic-article__prose :is(img,video,iframe){max-width:100%}.comic-article__prose img{height:auto}.comic-article__story-ending{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);margin-block-start:var(--space-md);padding-block-start:var(--space-sm);border-block-start:1px solid var(--color-rule);color:var(--article-muted);font-size:var(--text-xs)}.comic-article__story-ending p{margin:0}.comic-article__story-ending .comic-article__text-link{font-size:.875rem;font-weight:500;text-decoration:underline;text-decoration-color:var(--color-rule)}.comic-article__availability{margin-block-start:var(--space-3xs);color:var(--article-muted);font-size:var(--text-xs)}.comic-article__share-ending{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-lg);border-block:1px solid var(--color-rule)}.comic-article__share-ending h2,.comic-article__related h2{font-size:var(--text-2xl)}.comic-article__share-ending p{color:var(--article-muted);font-size:var(--text-sm)}.comic-article__related{padding-block:var(--space-lg)}.comic-article__related-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-block-end:var(--space-md)}.comic-article [hidden]{display:none!important}@media(max-width:69.99rem){.comic-article__layout{gap:var(--space-lg)}.comic-article__heading{grid-template-columns:minmax(0,1fr) 16rem}}@media(max-width:59.99rem){.comic-article__layout{grid-template-columns:minmax(0,1fr)}.comic-article__reader{margin-inline:auto}.comic-article__aside{display:none}.comic-article__heading{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.comic-article__about{margin-inline:auto}.comic-article__share-ending{align-items:flex-start;flex-direction:column;gap:var(--space-md)}}@media(max-width:39.99rem){.comic-article{padding-block-start:var(--space-xs)}.comic-article__heading h1{font-size:clamp(1.8125rem,8vw,2.375rem)}.comic-article__summary{font-size:var(--text-sm)}.comic-article__related-heading{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}.comic-article__story-ending{align-items:flex-start;flex-direction:column;gap:var(--space-3xs)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/comic-article.css.map */