/* Home page styles (minimal, builds on base.css) */
.hero { position: relative; padding: var(--space-16) 0; }
.hero__inner { display: grid; align-items: center; gap: var(--space-8); grid-template-columns: 1fr; }
.hero__content .lead { font-size: var(--font-size-lg); color: var(--gray-700);  }
.hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-4); }
.hero__media { margin-left: auto; }

@media (max-width: 900px) { .hero__inner { grid-template-columns: 1fr; } .hero__media { order: -1; } }

.section-features { padding: var(--space-16) 0; }
.features-grid .card h3 { margin-top: 0; }
.palette { display: inline-flex; gap: var(--space-2); margin-top: var(--space-2); }
.palette .swatch { width: 28px; height: 20px; border: 2px solid var(--gray-900); background: var(--sw, var(--gray-300)); box-shadow: 0 2px 0 var(--gray-900); }

.section-hubs { padding: var(--space-12) 0; }
.section-media { padding: var(--space-12) 0; }
.media-strip { align-items: stretch; }

.section-cta { padding: var(--space-12) 0; }
.search-form { display: grid; gap: var(--space-3); }

.section-feedback { padding: var(--space-12) 0 var(--space-20); }

/* Subtle retro borders and background accents */
.hero { background: linear-gradient(180deg, color-mix(in oklab, var(--color-primary) 8%, transparent), transparent 30%), var(--color-background); }
.card { border-image: linear-gradient(45deg, var(--gray-300), color-mix(in oklab, var(--color-primary) 25%, var(--gray-300))) 1; }