/* About page specific styles (lean, extends base.css) */
.about-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(96,165,250,0.08), rgba(139,92,246,0.06));
  width: 100%;
}
.about-hero__content {
  position: relative;
}
.about-figure img {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
}
.about-figure img { border: 1px solid var(--color-gray-800); }

/* Order helpers for responsive swap */
@media (max-width: 768px) {
  .order-1 { order: 1; }
  .order-2 { order: 2; }
  .about-hero { padding-left: 0; padding-right: 0; }
}