.contact { padding: 100px var(--pad) 80px; text-align: center; }
.contact h2 {
  font-family: 'Instrument Serif', serif; font-style: italic;
  font-weight: 400; font-size: clamp(48px, 9vw, 140px);
  line-height: 0.9; letter-spacing: -0.03em; margin: 0 0 48px 0; color: var(--ink);
}
.contact h2 .accent { color: var(--accent); }
.contact-links { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
.contact-email {
  display: inline-flex; align-items: center; gap: 12px;
  font-family: 'JetBrains Mono', monospace; font-size: 12px;
  color: var(--ink); text-transform: uppercase; letter-spacing: 0.15em;
  padding: 16px 28px; border-radius: 100px;
  border: 1px solid var(--line); background: var(--surface);
  cursor: pointer; transition: border-color 200ms, box-shadow 200ms, transform 200ms;
}
.contact-email:hover {
  border-color: var(--accent); box-shadow: 0 0 24px var(--accent-glow);
  transform: translateY(-1px);
}
.contact-email.primary { background: var(--accent); color: #fff; border-color: var(--accent); }
.contact-email.primary:hover { box-shadow: 0 0 36px rgba(65,105,225,0.4); }

footer {
  padding: 36px var(--pad); display: flex; justify-content: space-between;
  border-top: 1px solid var(--line); font-family: 'JetBrains Mono', monospace;
  font-size: 10px; color: var(--ink-dim); text-transform: uppercase;
  letter-spacing: 0.15em; flex-wrap: wrap; gap: 16px; background: var(--surface);
}