/* Homepage-specific hero treatment only. Post cards use shared styles from cards.css. */
:root {
  --home-top-gradient:
    radial-gradient(circle at 20% 20%, #fff1bd 0, transparent 30%),
    linear-gradient(135deg, #fffaf0, #e8f0ff);
}

.site-header {
  background: var(--home-top-gradient);
  border-bottom: 0;
  backdrop-filter: none;
}

.hero {
  background: var(--home-top-gradient);
}