/* Cechy page styles - minimal, extends base.css without duplication */
.hero {
  background: linear-gradient(180deg, rgba(74,124,89,0.08), rgba(37,45,39,0.3));
}

.breadcrumbs a { white-space: nowrap; }

.features .card .feature-media img {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-base);
}

/* Subtle reveal on scroll */
.reveal { 
  opacity: 0; 
  transform: translateY(12px);
  transition: opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);
}
.reveal.in-view { opacity: 1; transform: translateY(0); }

/* Responsive grid tweaks */
@media (max-width: 1024px) { .features .grid { gap: var(--space-4); } }
@media (max-width: 768px) { .cta-wrap .btn { width: 100%; } }