.newsletter{background:var(--paper-2);text-align:center}
.newsletter-inner{max-width:520px;margin:0 auto}
.newsletter h2{font-size:1.9rem;margin:16px 0 12px}
.newsletter p{color:var(--slate);margin-bottom:28px}

.nl-form{display:flex;gap:10px}
.nl-form input{flex:1;padding:13px 16px;border:1px solid var(--mist);border-radius:var(--radius-sm);background:var(--white)}
.nl-form input:focus{border-color:var(--void)}

.nl-note{font-size:.76rem;color:var(--slate);margin-top:14px}
.nl-message{font-size:.9rem;font-weight:600;margin-top:14px}
.nl-message.is-success{color:var(--signal-deep)}
.nl-message.is-error{color:#B3452E}

@media(max-width:640px){
  .nl-form{flex-direction:column}
}