/* Home page specific styles – built on top of base.css */

.section { padding-block: var(--space-64); }

/* Hero */
.hero {
  background: radial-gradient(120% 120% at 20% -10%, rgba(0,229,255,0.10), transparent 60%),
              radial-gradient(120% 120% at 120% 0%, rgba(255,159,26,0.10), transparent 55%);
}
.hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--space-24);
  align-items: center;
}
.hero-copy p { color: var(--color-text); max-width: 60ch; }
.hero-actions { display: flex; gap: var(--space-12); margin-block: var(--space-16); flex-wrap: wrap; }
.hero-search { display: flex; gap: var(--space-12); margin-top: var(--space-16); }
.hero-media { box-shadow: var(--shadow-lg); }

/* Split layout re-usable */
.split { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: var(--space-24); align-items: center; }
.split.reverse { grid-template-columns: 0.9fr 1.1fr; }
.split-copy p { color: var(--color-text); }
.split-media { max-width: 720px; margin-inline: auto; }

/* Cards grid */
.cards-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-16); margin-top: var(--space-16); }
.cards-grid .card h3 { margin-bottom: var(--space-8); }

/* News list */
.news-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-16); }

/* Media panel */
.media-panel { display: grid; gap: var(--space-16); }
.media-panel .media-actions { display: flex; justify-content: flex-start; }

/* Inline action group */
.inline-actions { display: flex; gap: var(--space-12); flex-wrap: wrap; }

/* Resources */
.resource-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-16); }

/* Responsive */
@media (max-width: 1024px) {
  .hero-grid, .split, .split.reverse { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .cards-grid, .news-list, .resource-list { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .hero-search { flex-direction: column; }
  .cards-grid, .news-list, .resource-list { grid-template-columns: 1fr; }
}