#footer {
  padding: 32px var(--gutter);
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: var(--max-width);
  margin: 0 auto;
}

.footer-logo {
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: 600;
  color: var(--color-ocean);
  letter-spacing: 2px;
}

.footer-meta {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 9px;
  letter-spacing: 2px;
  color: var(--color-text-label);
  text-transform: uppercase;
}

.footer-meta a {
  color: var(--color-ocean-mid);
  transition: color var(--duration) var(--ease);
}
.footer-meta a:hover { color: var(--color-text-muted); }

.divider { color: var(--color-ocean); opacity: 0.4; }

.footer-copy {
  font-size: 9px;
  color: var(--color-border);
  letter-spacing: 1px;
}