:root{--ink:#0a0a0a;--paper:#f4f0e7;--white:#fff;--muted:#69665f;--line:#111;--max:1240px;--shadow:7px 7px 0 #111}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.5}img{max-width:100%;display:block}a{color:inherit}button,input,textarea,select{font:inherit}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;border:2px solid #111;padding:10px 14px;z-index:9999}
.site-header{position:sticky;top:0;z-index:100;background:#050505;color:#fff;border-bottom:3px solid #050505}.nav-wrap{max-width:var(--max);margin:auto;height:84px;padding:0 24px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}.brand-seal{width:58px;height:58px;border:2px solid #fff;border-radius:50%;overflow:hidden;background:#000;position:relative}.brand-seal img{width:76px;max-width:none;position:absolute;left:-9px;top:-6px}.brand-name{font-family:Georgia,'Times New Roman',serif;font-size:17px;letter-spacing:2px;line-height:1}.nav-links{display:flex;gap:8px;align-items:center}.nav-links a{font-weight:800;text-transform:uppercase;letter-spacing:1.2px;text-decoration:none;padding:12px 13px;border:2px solid transparent}.nav-links a:hover,.nav-links a[aria-current="page"]{border-color:#fff}.social-pill{border:2px solid #fff!important}.menu-toggle{display:none;background:#000;color:#fff;border:2px solid #fff;padding:8px 10px;font-weight:900}
.container{max-width:var(--max);margin:auto;padding:0 24px}.kicker{font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:13px}.display{font-family:Anton,'Arial Narrow',Impact,sans-serif;text-transform:uppercase;letter-spacing:.4px;line-height:.9;margin:0;font-size:clamp(62px,9vw,132px)}.section-title{font-family:Anton,'Arial Narrow',Impact,sans-serif;text-transform:uppercase;line-height:1;font-size:clamp(42px,6vw,76px);margin:0}.lede{font-size:clamp(18px,2vw,24px);max-width:720px;color:#37352f}.rule{border:0;border-top:4px solid #111;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 19px;border:3px solid #111;background:#111;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:1px;box-shadow:5px 5px 0 #bdb8ad;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #bdb8ad}.btn.alt{background:#fff;color:#111}.btn.ghost{background:transparent;color:#111;box-shadow:none}.button-row{display:flex;gap:14px;flex-wrap:wrap}
.hero{padding:72px 0 58px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.hero-copy{display:flex;flex-direction:column;gap:24px}.hero-card{background:#050505;color:#fff;border:5px solid #111;padding:30px;box-shadow:var(--shadow);min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-card img{width:min(390px,82%)}.hero-card p{margin:18px 0 0;text-transform:uppercase;font-weight:900;letter-spacing:2px;font-size:13px}.hero-note{font-size:13px;text-transform:uppercase;font-weight:800;letter-spacing:1px;color:#4e4b45}
.band{background:#111;color:#fff;padding:19px 0;border-top:4px solid #111;border-bottom:4px solid #111;overflow:hidden}.band-track{white-space:nowrap;font-family:Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:28px}.band-track span{margin-right:46px}
.section{padding:76px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.section-head p{margin:0;max-width:560px;color:#56534d}.comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.comic-card{display:flex;flex-direction:column;background:#fff;border:3px solid #111;box-shadow:5px 5px 0 #111;text-decoration:none;transition:transform .12s,box-shadow .12s;overflow:hidden}.comic-card:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 #111}.comic-thumb{aspect-ratio:16/10;overflow:hidden;background:#ddd;border-bottom:3px solid #111}.comic-thumb img{width:100%;height:100%;object-fit:cover}.comic-meta{padding:17px 18px 19px}.eyebrow{display:flex;justify-content:space-between;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:900;color:#69655e}.comic-title{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:31px;line-height:1;margin:7px 0 8px}.comic-blurb{margin:0;color:#5d5a54;font-size:14px}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid #111}.category-card{min-height:210px;padding:26px;text-decoration:none;background:#fff;border-right:3px solid #111;border-bottom:3px solid #111;display:flex;flex-direction:column;justify-content:space-between}.category-card:nth-child(3n){border-right:0}.category-card:nth-last-child(-n+3){border-bottom:0}.category-card:hover{background:#111;color:#fff}.category-card h3{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:43px;line-height:1;margin:0}.category-card p{margin:0;max-width:240px}.big-feature{display:grid;grid-template-columns:1.2fr .8fr;background:#111;color:#fff;border:4px solid #111;box-shadow:var(--shadow)}.big-feature .art{background:#fff;min-height:440px}.big-feature .art img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:40px;display:flex;flex-direction:column;justify-content:center}.feature-copy h3{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:58px;line-height:.95;margin:8px 0 16px}.feature-copy p{color:#d8d4cc}.feature-copy .btn{background:#fff;color:#111;box-shadow:5px 5px 0 #74716a;width:max-content}
.shop-tease{border:4px solid #111;background:#fff;padding:44px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.shop-tease h2{margin:0}.shop-tease p{margin:10px 0 0;color:#5a5751}.mini-merch{display:flex;gap:10px;flex-wrap:wrap}.merch-chip{border:2px solid #111;padding:9px 12px;font-weight:900;text-transform:uppercase;font-size:12px}
.page-hero{padding:65px 0 42px;border-bottom:4px solid #111}.page-hero .display{font-size:clamp(62px,8vw,110px)}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;padding:25px 0}.filter{background:#fff;border:2px solid #111;padding:10px 14px;font-weight:900;text-transform:uppercase;cursor:pointer}.filter.active,.filter:hover{background:#111;color:#fff}.empty-state{display:none;border:3px dashed #111;padding:48px;text-align:center;background:#fff}.empty-state.show{display:block}.empty-state h3{font-family:Anton,Impact,sans-serif;font-size:44px;text-transform:uppercase;margin:0 0 8px}
.reader{padding:52px 0 80px}.reader-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:24px}.reader-title{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:clamp(48px,7vw,86px);line-height:.94;margin:4px 0}.reader-meta{text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:1.5px}.reader-art{background:#fff;border:4px solid #111;box-shadow:var(--shadow);padding:16px}.reader-art img{margin:auto;max-height:76vh;object-fit:contain}.reader-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:32px}.reader-nav .next{text-align:right}.reader-nav a{text-transform:uppercase;font-weight:900;text-decoration:none}.reader-nav a:hover{text-decoration:underline}.swipe-note{text-align:center;color:#6d6962;font-size:12px;text-transform:uppercase;letter-spacing:1.4px;margin-top:14px}.context{margin-top:36px;border-top:3px solid #111;padding-top:22px;display:grid;grid-template-columns:180px 1fr;gap:28px}.context h3{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:31px;margin:0}.context p{margin:0;color:#54514c}
.prose{max-width:820px}.prose h2{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:44px;line-height:1;margin:48px 0 12px}.prose p{font-size:18px}.pullquote{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:clamp(40px,6vw,68px);line-height:1;border-top:5px solid #111;border-bottom:5px solid #111;padding:28px 0;margin:48px 0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}.principle{border:3px solid #111;background:#fff;padding:23px}.principle strong{display:block;font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:30px;line-height:1;margin-bottom:8px}
.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.shop-card{background:#fff;border:3px solid #111;padding:30px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between}.shop-card .icon{font-size:46px;filter:grayscale(1)}.shop-card h3{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:33px;line-height:1;margin:12px 0}.coming{font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:1.5px;border:2px solid #111;padding:5px 8px;width:max-content}
.contact-box{display:grid;grid-template-columns:1fr 1fr;border:4px solid #111;background:#fff;box-shadow:var(--shadow);margin-top:34px}.contact-box>div{padding:40px}.contact-box>div+div{border-left:4px solid #111;background:#111;color:#fff}.contact-box h2{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:48px;line-height:1;margin:0 0 12px}.contact-box p{font-size:18px}.contact-box .btn{background:#fff;color:#111;box-shadow:5px 5px 0 #777}
.site-footer{background:#050505;color:#fff;margin-top:80px;border-top:4px solid #050505}.footer-main{max-width:var(--max);margin:auto;padding:55px 24px 30px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-logo{display:flex;gap:16px;align-items:center}.footer-logo .brand-seal{width:82px;height:82px}.footer-logo .brand-seal img{width:108px;left:-13px;top:-9px}.footer-logo strong{font-family:Georgia,serif;letter-spacing:2px;font-size:21px}.footer-col h4{text-transform:uppercase;letter-spacing:1.5px;font-size:12px;color:#aaa}.footer-col a{display:block;text-decoration:none;margin:8px 0}.footer-col a:hover{text-decoration:underline}.fineprint{max-width:var(--max);margin:auto;padding:22px 24px 34px;border-top:1px solid #444;color:#aaa;font-size:11px;display:flex;justify-content:space-between;gap:24px}.fineprint p{margin:0;max-width:900px}
@media(max-width:950px){.hero-grid,.big-feature,.shop-tease,.contact-box{grid-template-columns:1fr}.comic-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card:nth-child(n){border-right:3px solid #111;border-bottom:3px solid #111}.category-card:nth-child(2n){border-right:0}.category-card:nth-last-child(-n+2){border-bottom:0}.shop-grid{grid-template-columns:repeat(2,1fr)}.contact-box>div+div{border-left:0;border-top:4px solid #111}.hero-card{min-height:420px}.nav-links{display:none;position:absolute;top:84px;left:0;right:0;background:#050505;padding:16px 24px 24px;border-bottom:3px solid #fff;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-toggle{display:block}.brand-name{display:none}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}}
@media(max-width:650px){.nav-wrap{padding:0 16px;height:72px}.brand-seal{width:48px;height:48px}.brand-seal img{width:63px;left:-7px;top:-5px}.nav-links{top:72px}.container{padding:0 16px}.hero{padding:45px 0}.display{font-size:clamp(58px,18vw,94px)}.hero-card{min-height:330px;padding:24px}.section{padding:56px 0}.section-head{align-items:start;flex-direction:column}.comic-grid{grid-template-columns:1fr;gap:20px}.category-grid{grid-template-columns:1fr}.category-card:nth-child(n){border-right:0;border-bottom:3px solid #111}.category-card:last-child{border-bottom:0}.big-feature .art{min-height:260px}.feature-copy{padding:28px}.feature-copy h3{font-size:46px}.shop-tease{padding:28px}.shop-grid{grid-template-columns:1fr}.reader-head{grid-template-columns:1fr}.reader-art{padding:8px}.reader-nav{grid-template-columns:1fr 1fr}.reader-nav .random{grid-column:1/-1;grid-row:2;text-align:center}.context{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}.fineprint{flex-direction:column}.page-hero{padding-top:46px}}