.home .planets h2, .home .about h2 { font-family: "Space Grotesk", sans-serif; letter-spacing: .5px; }
.card.planet { position: relative; overflow: hidden; }
.card.planet .thumb { height: 140px; border-radius: var(--radius-sm); background: #0b1020; border: 1px solid rgba(154,175,214,.08); margin-bottom: 12px; box-shadow: inset 0 0 40px rgba(0,0,0,.25); display: grid; place-items: center; overflow: hidden; }
.card.planet .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; filter: contrast(1.05) saturate(1.05); }
.card.planet h3 { margin: 0 0 4px; }
.card.planet p { margin: 0; color: var(--muted); font-size: .95rem; }

/* Ensure grid stays within container */
.home .planets .cards-grid { width: 100%; }

/* Floating planets in hero */
.floating-planets { position: absolute; inset: 0; overflow: hidden; }
.planet { position: absolute; border-radius: 50%; animation: float 6s ease-in-out infinite; }
.planet.sun { width: 60px; height: 60px; background: radial-gradient(circle at 30% 30%, #ffcc55, #ff8800); top: 20%; right: 15%; animation-delay: 0s; box-shadow: 0 0 30px rgba(255, 204, 85, 0.6); }
.planet.earth { width: 40px; height: 40px; background: radial-gradient(circle at 30% 30%, #4a90e2, #2c5aa0); top: 60%; right: 25%; animation-delay: 1.5s; }
.planet.mars { width: 35px; height: 35px; background: radial-gradient(circle at 30% 30%, #cd5c5c, #8b0000); top: 30%; right: 40%; animation-delay: 3s; }
.planet.jupiter { width: 50px; height: 50px; background: radial-gradient(circle at 30% 30%, #d2b48c, #8b7355); top: 70%; right: 60%; animation-delay: 4.5s; }

@media (max-width: 720px){
  .hero { padding-top: 20px; }
  .hero-visual { height: 220px; }
  .cards-grid { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
} 

a.card.planet {
  border-radius: 0 !important;
}