@font-face{font-family:BigHans;src:url(/fonts/BigHans.woff2)format("woff2"),url(/fonts/BigHans.otf)format("opentype");font-display:swap}@font-face{font-family:LittleGreta;src:url(/fonts/LittleGreta.woff2)format("woff2"),url(/fonts/LittleGreta.otf)format("opentype");font-display:swap}:root{--ink:#000;--paper:#fff;--rule:#000;--muted:#777;--gutter:24px;--max:720px;--nav-h:64px;--top-h:56px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:LittleGreta,Georgia,Times New Roman,serif;font-size:18px;line-height:1.6}body{min-height:100vh;padding-bottom:var(--nav-h)}@media (min-width:768px){body{padding-bottom:0;padding-top:var(--top-h)}}a{color:var(--ink);border-bottom:1px solid var(--ink);text-decoration:none}a:hover{border-bottom-width:2px}h1,h2,h3,h4{letter-spacing:.01em;font-family:BigHans,Impact,sans-serif;font-weight:400;line-height:1.05}p{margin-bottom:1em}.shell{max-width:var(--max);padding:24px var(--gutter);margin:0 auto}.hero{padding:32px var(--gutter) 16px;max-width:var(--max);margin:0 auto}.hero p{margin:0;font-size:22px;line-height:1.45}.section-title{text-transform:uppercase;letter-spacing:.16em;border-bottom:1px solid var(--ink);margin:48px 0 16px;padding-bottom:4px;font-family:BigHans,Impact,sans-serif;font-size:14px}.topnav{display:none}@media (min-width:768px){.topnav{height:var(--top-h);background:var(--paper);border-bottom:1px solid var(--ink);padding:0 var(--gutter);z-index:50;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topnav .brand{border-bottom:0;margin-right:auto;font-family:BigHans,Impact,sans-serif;font-size:22px;line-height:1}.topnav ul{align-items:center;gap:24px;list-style:none;display:flex}.topnav a{text-transform:uppercase;letter-spacing:.16em;border-bottom:0;padding:4px 0;font-family:BigHans,Impact,sans-serif;font-size:14px}.topnav a.active{border-bottom:2px solid var(--ink)}}.bottomnav{height:var(--nav-h);background:var(--paper);border-top:1px solid var(--ink);z-index:50;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav ul{width:100%;list-style:none;display:flex}.bottomnav li{flex:1}.bottomnav a{text-transform:uppercase;letter-spacing:.12em;height:100%;color:var(--ink);border-bottom:0;justify-content:center;align-items:center;font-family:BigHans,Impact,sans-serif;font-size:12px;display:flex}.bottomnav a.active{background:var(--ink);color:var(--paper)}@media (min-width:768px){.bottomnav{display:none}}.feed{grid-template-columns:1fr;gap:16px;margin:24px 0;display:grid}@media (min-width:600px){.feed{grid-template-columns:1fr 1fr}}.tile{border:1px solid var(--ink);background:var(--paper);color:var(--ink);border-bottom:1px solid var(--ink);text-decoration:none;transition:transform .12s;display:block}.tile:hover{transform:translateY(-2px)}.tile-thumb{aspect-ratio:4/3;border-bottom:1px solid var(--ink);background:#fafafa;justify-content:center;align-items:center;display:flex;overflow:hidden}.tile-thumb img{object-fit:cover;width:100%;height:100%}.tile-thumb .typo{text-align:center;text-transform:uppercase;letter-spacing:.02em;padding:16px;font-family:BigHans,Impact,sans-serif;font-size:28px;line-height:1.1}.tile-meta{padding:12px 14px 14px}.tile-title{letter-spacing:.01em;margin-bottom:4px;font-family:BigHans,Impact,sans-serif;font-size:20px;line-height:1.15}.tile-sub{color:var(--muted);font-family:LittleGreta,serif;font-size:13px}.featured{border:1px solid var(--ink);margin:16px 0 40px}.featured .tile-thumb{aspect-ratio:16/9}.featured .tile-title{font-size:28px;line-height:1.1}.post{max-width:var(--max);padding:32px var(--gutter) 80px;margin:0 auto}.post-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px;font-size:13px}.post h1{margin-bottom:24px;font-size:clamp(36px,6vw,56px)}.post p,.post li{margin-bottom:1.2em;font-size:19px;line-height:1.65}.post img{max-width:100%;height:auto;margin:24px 0}.post blockquote{border-left:3px solid var(--ink);margin:24px 0;padding-left:16px;font-style:italic}.post hr{border:0;border-top:1px solid var(--ink);margin:32px 0}.comic-strip{scroll-snap-type:x mandatory;scrollbar-width:none;margin:24px calc(-1 * var(--gutter)) 24px;padding:16px 0;padding-left:var(--gutter);padding-right:var(--gutter);flex-direction:row;gap:16px;display:flex;overflow-x:auto}.comic-strip::-webkit-scrollbar{display:none}.comic-strip .panel{scroll-snap-align:center;border:1px solid var(--ink);flex:0 0 85%}.comic-strip .panel img{width:100%;height:auto;margin:0;display:block}@media (min-width:768px){.comic-strip{flex-direction:column;margin:24px 0;padding:0;overflow:visible}.comic-strip .panel{flex:none}}.site-footer{border-top:1px solid var(--ink);max-width:var(--max);padding:24px var(--gutter) 32px;text-align:center;margin:64px auto 0;font-size:14px}.site-footer nav a{margin:0 6px}.site-footer .copy{color:var(--muted);margin-top:12px}.subscribe{border:1px solid var(--ink);margin:48px 0;padding:20px}.subscribe h3{margin-bottom:8px;font-size:20px}.subscribe form{gap:8px;margin-top:12px;display:flex}.subscribe input[type=email]{border:1px solid var(--ink);background:var(--paper);flex:1;padding:10px 12px;font-family:LittleGreta,serif;font-size:16px}.subscribe button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;padding:10px 16px;font-family:BigHans,Impact,sans-serif;font-size:13px}.subscribe .status{min-height:20px;margin-top:10px;font-size:14px}