/* ============================================
   ACTIVITIES.CSS - Activities Section Styles
   ============================================ */

/* ===== Section Container ===== */
.activities-section {
  background-color: #0a0a0a;
}

/* ===== Activities Grid ===== */
.activities-grid {
  display: grid;
  gap: 2em;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

/* ===== Activity Card ===== */
.activity-card {
  border: 1px solid #333;
  border-radius: 14px;
  overflow: hidden;
  background: #111;
  transition: transform 0.3s, box-shadow 0.3s;
}

.activity-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(255, 255, 255, 0.08);
}

.activity-media {
  height: 180px;
  background-size: cover;
  background-position: center;
}

.activity-card h3 {
  color: #fff;
  margin: 0.9em 1em 0.3em;
}

.activity-card p {
  color: #ccc;
  margin: 0 1em 1.2em;
  line-height: 1.7;
}