/* Shared styles for the secondary pages (privacy, terms, contact, 404). The homepage keeps its own inline styles. */
:root{
  --ink:#14130F;
  --surface:#1C1A14;
  --line:rgba(232,214,170,.14);
  --text:#EDE6D6;
  --dim:#96907E;
  --placeholder:#6B6557;
  --gold:#D9A64A;
  --gold-bright:#F2C979;
  --error:#C4694F;
  --mono:'Space Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --display:'Anton','Arial Narrow',sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--ink);
  color:var(--text);
  font-family:'Hanken Grotesk',system-ui,'Helvetica Neue',Arial,sans-serif;
  font-size:1rem;
  line-height:1.65;
}
::selection{background:rgba(217,166,74,.9);color:#14130F}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}

.page{max-width:760px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem)}

.nav{display:flex;align-items:center;justify-content:space-between;padding-top:2rem}
.wordmark{font-family:var(--display);font-weight:400;font-size:25px;letter-spacing:.02em;color:var(--text)}
.wordmark:hover{text-decoration:none}
.chip{
  font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--dim);border:1px solid var(--line);border-radius:999px;
  padding:.5em 1em;white-space:nowrap;
}
.chip a{color:inherit}

main{margin-top:4.5rem}
.label{
  font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold);margin:0 0 1rem;
}
h1{
  font-family:var(--display);font-weight:400;
  font-size:clamp(2rem,5vw,3rem);line-height:1.08;letter-spacing:.015em;text-transform:uppercase;
  text-wrap:balance;margin:0 0 .8rem;
}
.meta{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 2.5rem}
.lede{color:var(--dim);font-size:1.1rem;max-width:56ch;margin:0 0 2rem}

.prose{max-width:62ch}
.prose h2{
  font-family:var(--display);font-weight:400;font-size:1.08rem;letter-spacing:.05em;text-transform:uppercase;
  margin:2.4rem 0 .6rem;
}
.prose p,.prose ul{color:var(--dim);margin:0 0 1rem}
.prose ul{padding-left:1.2rem}
.prose li{margin:.35rem 0}
.prose strong{color:var(--text);font-weight:500}
.prose address{font-style:normal}

form{display:flex;flex-direction:column;gap:.7rem;margin:0;max-width:560px}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.field{display:flex;flex-direction:column;gap:.4rem}
.field label{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
input[type=email],textarea{
  width:100%;
  font-family:var(--mono);font-size:.92rem;color:var(--text);
  background:var(--surface);border:1px solid var(--line);border-radius:6px;
  padding:.9em 1.1em;transition:border-color .18s ease;
}
textarea{min-height:9rem;resize:vertical;line-height:1.5}
input::placeholder,textarea::placeholder{color:var(--placeholder)}
input:focus,textarea:focus{border-color:var(--gold);outline:none}
[aria-invalid=true]{border-color:var(--error)}
button{
  align-self:flex-start;cursor:pointer;
  font-family:var(--mono);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;
  color:#14130F;background:var(--gold);border:0;border-radius:6px;
  padding:1em 1.7em;transition:background .18s ease;
}
button:hover{background:var(--gold-bright)}
button:disabled{opacity:.7;cursor:default}
.err-msg{font-family:var(--mono);font-size:.72rem;color:var(--error);margin:.6rem 0 0}
.ok{font-family:var(--mono);font-size:.82rem;color:var(--text);margin:0;letter-spacing:.02em}
.ok:not(:empty){margin-top:.6rem}
.okdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:.7em}

footer{
  margin-top:6rem;padding:2rem 0 3rem;
  border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:1.5rem 3rem;flex-wrap:wrap;
  font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;line-height:1.8;
  color:var(--dim);
}
.f-co p{margin:0}
.f-links{display:flex;gap:1.6rem;flex-wrap:wrap}
.f-links a{color:var(--dim)}
.f-links a:hover{color:var(--text)}