/* About page specific styles (keeps consistent with base.css and avoids duplication) */
.section { padding-block: var(--space-14); }
.hero { padding-block: var(--space-14); }
.hero__grid { align-items: center; }
.hero__content p { margin-block-end: var(--space-6); }
.hero__media-wrap { overflow: hidden; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }

/* Timeline */
.timeline { display: grid; gap: var(--space-6); counter-reset: step; padding-left: 0; list-style: none; }
.timeline li { position: relative; padding-left: calc(var(--space-8) + 8px); }
.timeline li::before { content: ""; position: absolute; left: 10px; top: 0.4rem; width: 10px; height: 10px; background: var(--color-primary); border-radius: 50%; box-shadow: 0 0 0 3px rgba(63,125,78,0.15); }
.timeline li::after { content: ""; position: absolute; left: 14px; top: 1.4rem; bottom: -1.4rem; width: 2px; background: var(--gray-200); }
.timeline li:last-child::after { display: none; }
.timeline__year { margin: 0 0 var(--space-2) 0; font-size: var(--fs-xl); color: var(--color-primary-700); }

/* Team */
.team-figure { margin: 0; }
.team-grid .card { transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
.team-grid .card:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }

/* Lists */
.vision-list, .awards-list, .sustainability-list { display: grid; gap: var(--space-3); padding-left: 1rem; }
.vision-list li, .awards-list li, .sustainability-list li { margin-left: 0.25rem; }

/* Contact */
address { font-style: normal; }

/* Responsive tweaks */
@media (max-width: 900px) {
  .section { padding-block: var(--space-12); }
}