/* About page specific styles */
.hero-about {
  padding-block: var(--space-12);
}
.hero__inner { display: grid; align-items: center; gap: var(--space-9); grid-template-columns: 1.2fr 1fr; }
.hero__content p { color: #fff; opacity: 0.95; }
.hero__actions { display: flex; gap: var(--space-5); flex-wrap: wrap; margin-top: var(--space-6); }
.hero__media img { width: 100%; border-radius: var(--radius-2xl); box-shadow: var(--shadow-lg); }

.section { padding-block: var(--space-11); }

.timeline { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-8); margin-top: var(--space-6); }
.timeline__item { position: relative; }
.timeline__year { color: var(--color-primary); margin-bottom: var(--space-3); }

.sustainability { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-9); align-items: center; }
.sustainability__media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }

.team { display: grid; grid-template-columns: 1fr; gap: var(--space-8); }
.team__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-8); }
.team__media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }

.fleet__media img { margin-top: var(--space-8); border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }

.steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-8); margin-top: var(--space-6); }
.steps h3 { margin-bottom: var(--space-3); }

.list-columns { columns: 2; column-gap: var(--space-9); }
.list-columns li { break-inside: avoid; margin-bottom: var(--space-3); }

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

.contact { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: var(--space-9); align-items: center; }
.contact__media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }
.contact__info ul { margin-bottom: var(--space-5); }

/* Animations for reveal (respect reduce motion) */
@media (prefers-reduced-motion: no-preference) {
  [data-reveal] { opacity: 0; transform: translateY(12px); transition: opacity var(--transition-slow) var(--easing-entrance), transform var(--transition-slow) var(--easing-entrance); }
  [data-reveal].is-visible { opacity: 1; transform: none; }
}

/* Responsive tweaks */
@media (max-width: 1024px) {
  .hero__inner, .sustainability, .contact { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .list-columns { columns: 1; }
}