/* Homepage-specific refinements layered on top of components.css */

.hero h1 { font-size: var(--step-5); }

/* Conversion section: single column on narrow viewports */
@media (max-width: 900px) {
  .section--ink > .container[style*="grid"] { grid-template-columns: 1fr !important; gap: var(--space-5) !important; }
}

/* Explorer chips wrap nicely under the heading */
.explorer .chip-row { margin-bottom: var(--space-4); }

/* Featured project image keeps a tidy ratio */
.section [id="feat-h"] + .layer-diagram .card__media img { object-fit: cover; }