/* A real heavy face on phones, rather than a synthetic cursive/italic fallback. */
@font-face{
  font-family:'Kumar Anton';
  src:url('assets/fonts/Anton-Regular.ttf') format('truetype');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@media(max-width:700px){
  .hero h1{
    font-family:'Kumar Anton',Impact,'Arial Black',sans-serif;
    font-weight:400;
    font-style:normal;
    font-synthesis:none;
    font-size:clamp(44px,14vw,64px);
    line-height:1.1;
    letter-spacing:.7px;
    max-width:100%;
    margin:14px auto 20px;
    transform:rotate(-1deg);
    text-shadow:2px 2px #fff;
  }
  .hero h1 .haunted{
    font-size:1.18em;
    line-height:1.08;
    letter-spacing:1px;
    transform:rotate(-1deg);
    color:#cf0019;
    text-shadow:2px 2px #ff0,3px 3px blue;
  }
  .hero h1 .exclamations{
    font-size:.92em;
    letter-spacing:0;
    text-shadow:1px 1px #ff0;
  }
  .hero>.flying-emoji{display:none}
  .hero-sub{
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:700;
    line-height:1.5;
  }
  .hero>.eyebrow{font-family:Arial,Helvetica,sans-serif;font-weight:700}
  .hero .button,.recruiting-license{font-family:Arial,Helvetica,sans-serif;font-weight:800}
  .situation-heading h2,.final-grid h2,.machine-copy h2,
  .kumar-playground>h2,.faq-section h2,.workflow h3,.gag-content h3{
    font-family:'Kumar Anton',Impact,'Arial Black',sans-serif;
    font-weight:400;
    font-style:normal;
    letter-spacing:.5px;
    line-height:1.15;
  }
  .situation-heading h2,.final-grid h2,.faq-section h2{text-shadow:2px 2px #ff0}
}

@media(max-width:700px){
  .hero h1{font-size:clamp(35px,10.5vw,62px);letter-spacing:.4px}
  .hero h1 .haunted{font-size:1.1em;letter-spacing:.5px;max-width:100%}
  .hero-teams{font-size:.7em;letter-spacing:.4px}
}

@media(max-width:700px){.hero h1,.hero h1 .haunted,.hero h1 .hero-teams{text-shadow:none}.situation-heading h2{text-shadow:none}}