:root {
  --ink:#9f2f23;
  --ink-strong:#b23426;
  --field:#f0c15f;
  --field-text:#7b3a21;
  --button:#b63a2c;
  --button-border:#9e2a1e;
  --button-hover:#9e2a1e;
}
* { box-sizing:border-box; }
html, body { height:100%; margin:0; }
body {
  font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  background: #f3c969 url('/dough-clouds2.png') repeat;
  background-size: 1280px 980px;
}
.container { min-height:100%; display:grid; grid-template-rows:1fr auto; }
.hero {
  text-align:center;
  padding: clamp(100px, 16vh, 180px) 20px 24px;
}
.logo {
  font-family:"Fraunces", serif;
  font-weight:800;
  font-size: clamp(64px, 9vw, 124px);
  color: var(--ink-strong);
  margin:0 0 12px;
}
.kicker {
  letter-spacing:.1em;
  font-weight:800;
  color: var(--ink-strong);
  margin:0 0 18px;
}
.lede {
  font-family:"Fraunces", serif;
  font-size: clamp(24px, 2.6vw, 34px);
  color: var(--ink-strong);
  margin: .4rem 0 1.25rem;
}
.signup {
  display:inline-grid;
  grid-template-columns:minmax(270px,400px) auto;
  gap:12px;
  align-items:center;
}
.signup input {
  padding:1rem 1.1rem;
  border:2px solid rgba(158,42,30,.35);
  border-radius:14px;
  background:var(--field);
  color:var(--field-text);
  font-size:1rem;
  outline:none;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.05), 0 3px 0 rgba(0,0,0,.06);
}
.signup input::placeholder { color: rgba(123,58,33,.8); }
.signup input:focus {
  border-color:#b63a2c;
  box-shadow:0 0 0 3px rgba(182,58,44,.2);
}
.signup button {
  padding:1rem 1.2rem;
  border-radius:14px;
  border:2px solid var(--button-border);
  background:var(--button);
  color:#fff;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 4px 0 rgba(0,0,0,.06);
}
.signup button:hover { background:var(--button-hover); }
.sr-only { position:absolute; left:-9999px; }
.foot { text-align:center; padding:28px 16px 40px; color:rgba(0,0,0,.55); font-size:14px; }