/* Footer email signup, shared by the inner pages (index.html carries the same
   rules inline). Expects the page's own :root color variables. */
.foot-signup{max-width:660px;margin:30px auto 0;padding-bottom:6px;scroll-margin-top:90px;text-align:center;}
.foot-signup h3{font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;letter-spacing:0.04em;font-size:1.15rem;color:#fff;margin:0;}
.foot-signup > p{color:#CFCFCF;font-size:0.92rem;line-height:1.5;margin:8px 0 0;}

/* Desktop: heading sits to the left; the small note tucks snug above the fields. */
@media(min-width:861px){
  .foot-signup{
    max-width:940px;display:grid;grid-template-columns:auto 1fr;column-gap:40px;align-items:center;text-align:left;
  }
  .foot-signup h3{grid-column:1;grid-row:2;align-self:center;font-size:1.5rem;line-height:1.15;white-space:nowrap;}
  .foot-signup > p{grid-column:2;grid-row:1;font-size:0.8rem;line-height:1.4;margin:0 0 6px;align-self:end;}
  .foot-signup .email-form{grid-column:2;grid-row:2;margin:0;align-self:start;}
}

.email-form{margin:18px auto 0;display:flex;gap:12px;flex-wrap:wrap;}
.email-form input[type=text],.email-form input[type=email]{
  flex:1;min-width:180px;box-sizing:border-box;background:#fff;color:var(--black);
  border:1px solid var(--line);border-radius:3px;padding:14px 16px;font-family:'Roboto',sans-serif;font-size:1rem;
}
.email-form .hp-field{position:absolute;left:-9999px;}
.email-form button{cursor:pointer;flex:none;}
.email-form .form-status{
  width:100%;margin-top:4px;font-family:'Roboto Condensed',sans-serif;font-size:0.9rem;
  padding:12px 16px;border-radius:3px;display:none;text-align:left;
}
.email-form .form-status.show{display:block;}
.email-form .form-status.ok{background:rgba(255,255,255,0.08);color:#fff;border:1px solid rgba(255,255,255,0.18);}
.email-form .form-status.err{background:rgba(255,255,255,0.08);color:#fff;border:1px solid var(--gold);}

@media(max-width:760px){
  .foot-signup > p{font-size:0.86rem;line-height:1.3;margin-top:6px;}
  .email-form{gap:10px;margin-top:16px;}
  .email-form input[type=text],.email-form input[type=email]{
    flex:1 0 100%;min-width:0;border-radius:12px;padding:15px 16px;min-height:52px;
  }
  .email-form button{width:100%;justify-self:stretch;}
}