/* About page specific styles – minimal, building on base.css */
.section { padding-block: var(--space-11); }
.section--alt { background: var(--gray-50); }
.section-header .lead { font-size: var(--fs-lg); color: var(--color-text-muted);  }

.cta-row { display: flex; flex-wrap: wrap; gap: var(--space-4); margin-top: var(--space-5); }

.media { display: block; }
.media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }

.values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: var(--space-7); }

.quality-list, .press-list { display: grid; gap: var(--space-3); padding-left: 0; }
.quality-list li, .press-list li { background: var(--color-surface); border: 1px solid var(--gray-200); border-radius: var(--radius-md); padding: var(--space-5); box-shadow: var(--shadow-sm); }

@media (max-width: 768px) {
  .section { padding-block: var(--space-10); }
}