/* ============================================
   CONTACT PAGE (The Almost Gone aesthetic)
   Minimalist, cool, unsettling narrative styling
   ============================================ */

.hero {
  background: linear-gradient(180deg, var(--color-bg-secondary), var(--color-bg-primary));
  border-bottom: 1px solid var(--color-gray-800);
  width: 100%;
  overflow: hidden;
}

.hero .card {
  background-color: var(--color-bg-secondary);
  max-width: 100%;
  box-sizing: border-box;
}

#form-status .alert { margin-bottom: 0; }

/* Make small helper texts more legible on dark background */
small.block { display: block; color: var(--color-text-muted); }

/* Tighten form spacing slightly on small screens */
@media (max-width: 640px) {
  .hero { padding-top: var(--space-12); padding-bottom: var(--space-12); }
}