:root{--bg:#eef0ea;--bg-elev:#fbfcfa;--ink:#11140f;--muted:#5f6558;--line:rgba(17, 20, 15, 0.09);--line-strong:rgba(17, 20, 15, 0.16);--accent:#c8f542;--accent-ink:#11140f;--accent-soft:rgba(200, 245, 66, 0.22);--shade:rgba(8, 10, 6, 0.72);--radius:20px;--radius-sm:12px;--max:1240px;--header:68px;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--ease:cubic-bezier(0.22, 1, 0.36, 1);--ring:0 0 0 1px var(--line);--lift:0 18px 40px rgba(17, 20, 15, 0.1)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}body{margin:0;font-family:var(--font-body);color:var(--ink);background-color:var(--bg);background-image:radial-gradient(980px 460px at 92% -8%, rgba(200, 245, 66, 0.2), transparent 58%),
radial-gradient(720px 420px at -4% 18%, rgba(17, 20, 15, 0.045), transparent 52%),
radial-gradient(rgba(17, 20, 15, 0.035) 0.7px, transparent 0.7px);background-size:auto, auto, 22px 22px;background-attachment:scroll;line-height:1.55;letter-spacing:-0.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;border:0;background:none;cursor:pointer;color:inherit}.container{width:min(100% - 2rem, var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;height:var(--header);display:flex;align-items:center;-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);background:rgba(238, 240, 234, 0.78);border-bottom:1px solid transparent}.site-header.is-scrolled{border-bottom-color:var(--line);background:rgba(251, 252, 250, 0.88)}.header-inner{width:min(100% - 2rem, var(--max));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{font-family:var(--font-body);font-weight:800;font-size:1.15rem;letter-spacing:-0.05em;display:inline-flex;align-items:center;gap:0.5rem}.logo-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.nav{display:flex;align-items:center;gap:0.15rem;font-size:0.9rem;font-weight:600}.nav
a{padding:0.45rem 0.8rem;border-radius:999px;opacity:0.55;transition:opacity 0.2s var(--ease), background 0.2s var(--ease)}.nav a:hover,
.nav a.is-active{opacity:1;background:rgba(17, 20, 15, 0.05)}.menu-toggle{display:none;width:42px;height:42px;place-items:center;border-radius:12px;border:1px
solid var(--line);background:var(--bg-elev)}.menu-toggle span,
.menu-toggle span::before,
.menu-toggle span::after{display:block;width:16px;height:1.5px;background:var(--ink);position:relative}.menu-toggle span::before,
.menu-toggle span::after{content:"";position:absolute;left:0}.menu-toggle span::before{top:-5px}.menu-toggle span::after{top:5px}.hero{padding:2.25rem 0 1.5rem}.hero-grid{display:grid;grid-template-columns:1.08fr 0.92fr;gap:2.5rem;align-items:center;min-height:0}.hero-eyebrow{display:inline-flex;align-items:center;gap:0.55rem;margin:0
0 1rem;font-size:0.72rem;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted)}.hero-eyebrow::before{content:"";width:1.5rem;height:2px;border-radius:999px;background:var(--accent)}.hero-copy
h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(2rem, 4.2vw, 3.15rem);line-height:1.08;letter-spacing:-0.045em;max-width:14ch}.hero-copy h1
em{font-style:normal;background:linear-gradient(120deg, var(--accent) 0%, var(--accent) 100%);background-repeat:no-repeat;background-size:100% 0.22em;background-position:0 90%}.hero-lead{margin:1.35rem 0 1.9rem;max-width:30rem;color:var(--muted);font-size:1.06rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:0.7rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;min-height:48px;padding:0.75rem 1.35rem;border-radius:999px;font-weight:700;font-size:0.92rem;letter-spacing:-0.015em;transition:transform 0.25s var(--ease), background 0.25s var(--ease), border-color 0.25s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#000}.btn-lime{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 28px rgba(200, 245, 66, 0.35)}.btn-ghost{background:rgba(251, 252, 250, 0.72);border:1px
solid var(--line-strong)}.btn-ghost:hover{border-color:var(--ink);background:var(--bg-elev)}.hero-feature{position:relative;justify-self:end;width:min(100%, 360px);padding:0.7rem}.hero-feature::before{content:"";position:absolute;inset:0;border-radius:calc(var(--radius) + 14px);background:linear-gradient(145deg, rgba(200, 245, 66, 0.55), transparent 42%, rgba(17, 20, 15, 0.08));opacity:0.9;pointer-events:none}.hero-feature::after{content:"";position:absolute;inset:0.55rem;border-radius:calc(var(--radius) + 8px);border:1px
solid rgba(255, 255, 255, 0.35);pointer-events:none;z-index:2}.hero-feature
a{display:block;position:relative;z-index:1;border-radius:calc(var(--radius) + 8px);overflow:hidden;aspect-ratio:3 / 4;max-height:480px;background:#11140f;box-shadow:var(--lift);transform:rotate(1.25deg);transition:transform 0.45s var(--ease)}.hero-feature a:hover{transform:rotate(0deg) scale(1.015)}.hero-feature
img{width:100%;height:100%;object-fit:cover}.hero-feature__meta{position:absolute;left:0;right:0;bottom:0;padding:1.4rem 1.15rem 1.2rem;color:#fff;background:linear-gradient(180deg, transparent 0%, rgba(8, 10, 6, 0.78) 100%)}.hero-feature__meta
strong{display:block;font-family:var(--font-display);font-size:1.28rem;font-weight:700;letter-spacing:-0.035em;line-height:1.2}.hero-feature__meta
span{display:inline-flex;align-items:center;gap:0.35rem;margin-top:0.4rem;font-size:0.84rem;font-weight:600;opacity:0.88}.hero-badge{position:absolute;top:1.35rem;left:1.35rem;z-index:3;padding:0.38rem 0.75rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:0.7rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;box-shadow:0 8px 20px rgba(0, 0, 0, 0.18)}.genres{padding:0.35rem 0 1.75rem;overflow:hidden}.genres-track{display:flex;flex-wrap:wrap;gap:0.5rem 0.6rem}.genre-chip{display:inline-flex;align-items:center;gap:0.45rem;padding:0.58rem 1rem;border-radius:999px;background:var(--bg-elev);border:1px
solid var(--line);font-weight:700;font-size:0.88rem;letter-spacing:-0.01em;box-shadow:0 1px 0 rgba(255, 255, 255, 0.65) inset;transition:background 0.25s var(--ease), border-color 0.25s var(--ease), color 0.25s var(--ease)}.genre-chip:hover{border-color:var(--ink);background:var(--ink);color:#fff}.genre-chip
i{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.genre-chip:hover
i{background:var(--accent)}.section{padding:2.5rem 0;content-visibility:auto;contain-intrinsic-size:1px 720px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:0.85rem;border-bottom:1px solid var(--line)}.section-kicker{margin:0
0 0.28rem;font-size:0.7rem;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted)}.section-title{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem, 2.2vw, 1.7rem);font-weight:700;letter-spacing:-0.035em;line-height:1.15}.section-link{font-weight:700;font-size:0.88rem;opacity:0.5;white-space:nowrap;padding-bottom:0.15rem;border-bottom:1px solid transparent;transition:opacity 0.2s var(--ease), border-color 0.2s var(--ease)}.section-link:hover{opacity:1;border-bottom-color:var(--ink)}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(188px, 22vw);gap:1rem;overflow-x:auto;padding:0.15rem 0 0.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail--grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-auto-flow:unset;grid-auto-columns:unset;overflow:visible;padding-bottom:0}.comic-card{position:relative;display:block;border-radius:var(--radius);overflow:hidden;aspect-ratio:3 / 4;background:#12150f;scroll-snap-align:start;box-shadow:var(--ring);transition:transform 0.4s var(--ease), box-shadow 0.4s var(--ease)}.comic-card:hover{transform:translateY(-5px);box-shadow:var(--lift)}.comic-card
img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s var(--ease)}.comic-card:hover
img{transform:scale(1.045)}.comic-card__shade{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, transparent 32%),
linear-gradient(180deg, transparent 42%, rgba(8, 10, 6, 0.82) 100%);pointer-events:none}.comic-card__top{position:absolute;top:0;left:0;right:0;z-index:2;padding:0.8rem 0.8rem 0}.comic-card__cat{display:inline-flex;padding:0.3rem 0.68rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:0.66rem;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;box-shadow:0 6px 16px rgba(0, 0, 0, 0.22)}.comic-card__body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:1rem 0.95rem 1.05rem;color:#fff}.comic-card__title{margin:0;font-family:var(--font-body);font-size:0.98rem;font-weight:600;letter-spacing:-0.02em;line-height:1.28;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.comic-card__views{display:inline-flex;align-items:center;gap:0.3rem;margin-top:0.4rem;font-size:0.78rem;font-weight:600;opacity:0.88}.comic-card__views
svg{width:13px;height:13px;fill:currentColor}.bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:230px 230px;gap:0.95rem}.bento
a{position:relative;border-radius:var(--radius);overflow:hidden;background:#11140f;color:#fff;box-shadow:var(--ring)}.bento a:first-child{grid-row:span 2}.bento a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 45%, rgba(8, 10, 6, 0.7) 100%);pointer-events:none}.bento
img{width:100%;height:100%;object-fit:cover;opacity:0.88;transition:transform 0.6s var(--ease), opacity 0.3s}.bento a:hover
img{transform:scale(1.05);opacity:1}.bento
span{position:absolute;left:1.1rem;bottom:1.05rem;z-index:1;font-family:var(--font-display);font-weight:800;font-size:1.2rem;letter-spacing:-0.035em}.section+.section{padding-top:1.65rem}.comic-hero{display:grid;grid-template-columns:minmax(210px, 300px) minmax(0, 1fr);gap:3rem;padding:2.25rem 0 1.25rem;align-items:start}.comic-cover{position:sticky;top:calc(var(--header) + 1rem);border-radius:calc(var(--radius) + 6px);overflow:hidden;aspect-ratio:3 / 4;background:#11140f;width:100%;box-shadow:var(--lift), 0 0 0 1px var(--line)}.comic-cover::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.12);pointer-events:none}.comic-cover
img{width:100%;height:100%;object-fit:cover}.comic-meta
.eyebrow{display:inline-flex;align-items:center;gap:0.55rem;margin:0
0 0.95rem;font-size:0.74rem;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}.comic-meta .eyebrow
a{padding:0.32rem 0.7rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);letter-spacing:0.06em}.comic-meta
h1{margin:0;font-family:var(--font-body);font-size:clamp(1.55rem, 2.8vw, 2.15rem);font-weight:700;letter-spacing:-0.03em;line-height:1.2;max-width:38rem;overflow-wrap:anywhere;hyphens:auto}.comic-stats{display:flex;flex-wrap:wrap;gap:0.55rem;margin:1.25rem 0 1.5rem;color:var(--muted);font-weight:600;font-size:0.9rem}.comic-stats>span{display:inline-flex;align-items:baseline;gap:0.3rem;padding:0.45rem 0.8rem;border-radius:999px;background:var(--bg-elev);border:1px
solid var(--line)}.comic-stats
strong{color:var(--ink);font-weight:800}.comic-desc{margin:0
0 1.85rem;max-width:42rem;color:var(--ink);font-size:1.06rem;line-height:1.75;font-weight:400}.comic-desc
p{margin:0
0 1rem}.comic-desc p:last-child{margin-bottom:0}.gallery{padding:1.25rem 0 4.5rem}.gallery-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.15rem;padding-top:1.65rem;border-top:1px solid var(--line)}.gallery-head
h2{margin:0;font-family:var(--font-display);font-size:1.45rem;font-weight:700;letter-spacing:-0.04em}.gallery-head
span{color:var(--muted);font-size:0.86rem;font-weight:600}.gallery-stack{display:grid;gap:1rem;max-width:740px}.gallery-stack
figure{margin:0;border-radius:var(--radius);overflow:hidden;background:#11140f;aspect-ratio:3 / 4;box-shadow:var(--ring)}.gallery-stack
img{width:100%;height:100%;object-fit:cover}.site-footer{margin-top:2rem;border-top:1px solid var(--line);color:var(--muted);font-size:0.92rem;background:linear-gradient(180deg, transparent, rgba(17, 20, 15, 0.035))}.footer-inner{display:grid;grid-template-columns:minmax(0, 1.3fr) minmax(0, 1fr);gap:2.5rem 3rem;align-items:start;padding:3rem 0 2.5rem}.footer-brand{display:grid;gap:0.85rem;max-width:28rem}.footer-brand__logo .custom-logo-link,
.footer-brand__logo .custom-logo{display:inline-block;max-height:36px;width:auto;height:auto}.footer-brand__name{display:inline-flex;align-items:center;gap:0.5rem;color:var(--ink);font-family:var(--font-display);font-size:1.45rem;font-weight:800;letter-spacing:-0.045em;line-height:1.1}.footer-brand__text{margin:0;max-width:26rem;line-height:1.6;color:var(--muted)}.footer-nav{justify-self:end;width:min(100%, 22rem)}.footer-nav__title{margin:0
0 0.9rem;font-size:0.7rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink)}.footer-nav__list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.55rem 1.25rem;margin:0;padding:0;list-style:none}.footer-nav__list
a{display:inline-block;font-weight:600;color:var(--muted);transition:color 0.2s var(--ease)}.footer-nav__list a:hover,
.footer-nav__list .current-menu-item>a{color:var(--ink)}.footer-bar{border-top:1px solid var(--line)}.footer-bar__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.5rem 1rem;padding:1.1rem 0 1.35rem}.footer-copy{margin:0;font-size:0.84rem;font-weight:600;color:var(--muted)}@media (max-width: 900px){.footer-inner{grid-template-columns:1fr;gap:2rem;padding:2.5rem 0 2rem}.footer-nav{justify-self:stretch;width:100%}.hero{padding-top:1.5rem}.hero-grid,.comic-hero{grid-template-columns:1fr;gap:1.75rem}.hero-copy
h1{max-width:none}.hero-feature{justify-self:stretch;width:min(100%, 420px);margin-inline:auto}.hero-feature
a{transform:none}.rail--grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.bento{grid-template-columns:1fr 1fr;grid-template-rows:200px 160px 160px}.bento a:first-child{grid-column:span 2;grid-row:span 1}.comic-cover{position:relative;top:auto;width:min(100%, 360px);margin-inline:auto}.menu-toggle{display:grid}.nav{display:none}.nav.is-open{display:flex;position:absolute;top:calc(var(--header) + 0.35rem);left:1rem;right:1rem;flex-direction:column;align-items:stretch;gap:0.15rem;padding:0.55rem;background:var(--bg-elev);border:1px
solid var(--line);border-radius:18px;box-shadow:var(--lift)}.nav.is-open
a{padding:0.85rem 1rem;border-radius:12px;opacity:1}}@media (max-width: 560px){.rail{grid-auto-columns:minmax(156px, 58vw);gap:0.8rem}.hero-feature{padding:0.5rem}.section{contain-intrinsic-size:1px 560px}.footer-nav__list{grid-template-columns:1fr;gap:0.65rem}}.custom-logo-link{display:inline-flex;align-items:center;line-height:0}.custom-logo-link img,.custom-logo{display:block;max-height:32px;width:auto;height:auto}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.skip-link:focus{clip:auto !important;clip-path:none;display:block;height:auto;left:1rem;top:1rem;width:auto;z-index:100000;padding:0.75rem 1rem;background:#0c0c0c;color:#fff;border-radius:10px}.comic-card
img{width:100%;height:100%;object-fit:cover;max-width:none}.comic-cover img,
.hero-feature img,
.bento img,
.gallery-stack
img{width:100%;height:100%;object-fit:cover;max-width:none}.entry-content
a{color:inherit;text-decoration:underline;text-underline-offset:2px}.entry-content p:first-child{margin-top:0}.pagination{display:flex;flex-wrap:wrap;gap:0.75rem 1.1rem;margin-top:2rem;font-weight:700}.pagination
.current{color:#0c0c0c}.pagination
a{color:#6b6b6b}.pagination a:hover{color:#0c0c0c}.archive-hero{padding:2.25rem 0 0.75rem}.archive-hero__title{font-size:clamp(1.9rem, 3.6vw, 2.55rem) !important;letter-spacing:-0.04em !important}.archive-stats{display:flex;flex-wrap:wrap;align-items:stretch;gap:0.65rem;width:fit-content;max-width:100%;margin:1.4rem 0 0}.archive-stats__item{display:flex;flex-direction:column;justify-content:center;gap:0.3rem;width:max-content;max-width:100%;padding:0.85rem 1.2rem;border-radius:16px;background:var(--bg-elev, #fbfcfa);border:1px
solid var(--line, rgba(17, 20, 15, 0.09));box-shadow:0 1px 0 rgba(255, 255, 255, 0.7) inset}.archive-stats__label{font-size:0.7rem;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted, #5f6558);line-height:1.2}.archive-stats__value{font-family:var(--font-body,inherit);font-size:1.15rem;font-weight:800;letter-spacing:-0.03em;line-height:1.15;color:var(--ink, #11140f);white-space:nowrap}.archive-hero .hero-lead{margin-top:1.25rem;max-width:40rem}@media (max-width: 640px){.archive-stats{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));width:100%;gap:0.5rem}.archive-stats__item{width:auto;min-width:0;padding:0.75rem 0.55rem;align-items:center;text-align:center;border-radius:14px}.archive-stats__label{font-size:0.62rem;letter-spacing:0.08em}.archive-stats__value{font-size:clamp(0.82rem, 3.6vw, 1.05rem);white-space:normal;overflow-wrap:anywhere}}@media (max-width: 380px){.archive-stats{grid-template-columns:1fr}.archive-stats__item{flex-direction:row;align-items:baseline;justify-content:space-between;text-align:left;padding:0.8rem 1rem;gap:0.75rem}.archive-stats__value{font-size:1.05rem;white-space:nowrap}}.comic-desc img,
.comic-desc figure,
.comic-desc .wp-block-image,
.comic-desc .wp-block-gallery{display:none !important}.footer-brand__logo .custom-logo-link{line-height:0}