/* Heroic Ink - comic book: halftone, black outlines, red/yellow, all caps */
body.theme-comic{--ink:#111;--ink2:#222;--muted:#444;--sun:#e63946;--sun-d:#b5121b;--line:#111;--card:#fff;--r:0;
  background-color:#fff3c4;background-image:radial-gradient(#e6394633 2px,transparent 2.5px);background-size:14px 14px;
  font-family:"Helvetica Neue",Arial,sans-serif}
.theme-comic .brand{font-family:Impact,"Arial Black","Anton",sans-serif;font-size:26px;letter-spacing:.04em;color:#111;
  background:#ffd60a;border:3px solid #111;padding:2px 12px;transform:skew(-8deg);box-shadow:4px 4px 0 #111}
.theme-comic .brand span{width:auto;height:auto;border-radius:0;background:none;box-shadow:none;margin-right:6px}
.theme-comic h1,.theme-comic h2,.theme-comic h3{font-family:Impact,"Arial Black","Anton",sans-serif;text-transform:uppercase;
  letter-spacing:.02em;font-weight:400}
.theme-comic .hero h1{font-size:clamp(40px,7vw,72px);color:#fff;-webkit-text-stroke:2px #111;text-shadow:5px 5px 0 #111}
.theme-comic .kicker{display:inline-block;background:#fff;border:3px solid #111;padding:6px 14px;color:#111;
  border-radius:24px 24px 24px 0;box-shadow:3px 3px 0 #111}
.theme-comic .card{border:4px solid #111;box-shadow:10px 10px 0 #111;backdrop-filter:none}
.theme-comic .btn{border:3px solid #111;border-radius:0;box-shadow:6px 6px 0 #111;text-transform:uppercase;
  font-family:Impact,"Arial Black",sans-serif;letter-spacing:.05em;font-weight:400}
.theme-comic .twocol img{border:4px solid #111;border-radius:0;box-shadow:8px 8px 0 #111}
.theme-comic .field input[type=email],.theme-comic .field input[type=file],.theme-comic select,.theme-comic textarea{border:3px solid #111;border-radius:0}