body {
  background: var(--black);
  color: var(--cream);
  font-family: var(--sans);
  font-weight: 300;
  overflow-x: clip;
  cursor: none;
}

@media (max-width: 640px) { body { cursor: auto; } }

/* ── Shared atoms ── */
.eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}
.eyebrow-line { width: 36px; height: 0.5px; background: var(--gold); flex-shrink: 0; }
.eyebrow-text {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--gold);
}
.section-num {
  font-family: var(--serif);
  font-size: 9px;
  letter-spacing: 0.15em;
  color: rgba(200,134,10,0.4);
}
.gold-line-h {
  width: 100%;
  height: 0.5px;
  background: linear-gradient(to right, transparent, rgba(200,134,10,0.4), transparent);
}
.diamond    { width: 6px; height: 6px; background: var(--gold);      transform: rotate(45deg); flex-shrink: 0; }
.diamond-sm { width: 4px; height: 4px; background: var(--gold-dark); transform: rotate(45deg); flex-shrink: 0; }