/* The official mark supplies its own black field; the page carries that field through. */
html,
body { background: #000000; }

:root { --paper: #000000; }

.nav-actions { display: flex; align-items: center; gap: 26px; }

@media (max-width: 520px) {
  .nav-actions { gap: 14px; }
  .nav-link { font-size: 11px; }
}

.hero-orbit {
  border: 0;
  background: #000000;
  box-shadow: none;
}

.hero-orbit img {
  border-radius: 50%;
}

.section,
.story-public { background: #000000; }

.statement { background: #000000; }

.contact { background: #000000; }

.contact-details { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }

.contact-details a { min-width: 190px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); text-decoration: none; background: #070a0f; }

.contact-details a:hover { border-color: var(--teal); background: #071713; }

.contact-details small { display: block; margin-bottom: 8px; color: var(--teal); font: 500 9px 'DM Mono'; letter-spacing: .15em; }

.contact-details strong { font-size: 13px; font-weight: 700; }

@media (max-width: 520px) { .contact-details a { width: 100%; } }