/* Inspiration page specific styles - minimal and leveraging base.css */
.hero-inspr {
  background: var(--color-surface-secondary);
  border-radius: var(--radius-xl);
}
.eyebrow {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-sm);
  letter-spacing: var(--letter-spacing-wider);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.media-frame {
  background: var(--color-neutral-50);
  overflow: hidden;
}
.media-frame img { transition: transform var(--transition-slower); }
.card:hover .media-frame img { transform: scale(1.03); }

.filter-bar { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.filter-btn.btn-sm { font-size: var(--font-size-sm); padding: var(--space-2) var(--space-3); }
.filter-btn.is-active { background: var(--color-neutral-100); border-radius: var(--radius-full); }
.gallery-list { display: grid; gap: var(--space-3); }
.gallery-item { padding: var(--space-3) var(--space-4); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); }

.tip-list { display: grid; gap: var(--space-2); }
.step-list { display: grid; gap: var(--space-4); counter-reset: steps; }
.step-list li { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-4); }

/* Responsive tweaks */
@media (max-width: 768px) {
  .hero-inspr { border-radius: var(--radius-lg); }
}