.newsletter-signup { margin:24px 18px; padding:24px; border:3px solid var(--ink);
    background:var(--mustard); box-shadow:6px 6px 0 var(--ink); }
  .newsletter-signup h2 { margin-bottom:8px; font-family:var(--font-sub); font-size:24px; }
  .newsletter-signup p { margin-bottom:16px; }
  .newsletter-form { display:flex; flex-wrap:wrap; gap:10px; }
  .newsletter-form input { flex:1 1 240px; min-height:48px; padding:10px 12px;
    border:2px solid var(--ink); background:var(--paper); color:var(--ink); font:inherit; }
  .newsletter-form button { min-height:48px; padding:10px 18px; border:2px solid var(--ink);
    background:var(--ink); color:var(--paper); font-family:var(--font-mono); font-weight:700;
    letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
  .newsletter-error { margin:0 0 12px; color:var(--brick); font-weight:700; }
  .newsletter-signup .sr-only { position:absolute; width:1px; height:1px; padding:0;
    margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0; }
  @media (min-width:820px) { .newsletter-signup { margin:28px 32px; } }