/* css/about.css */
.about { padding-block: var(--space-32); border-top: 1px solid var(--color-border); }
.about__inner { display: grid; grid-template-columns: 3fr 2fr; gap: var(--space-16); align-items: center; }
.about__photo { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; filter: grayscale(20%); }
.about__content { display: flex; flex-direction: column; gap: var(--space-8); }
.about__bio { font-size: var(--text-lg); color: var(--color-text-muted); line-height: 1.7; max-width: 55ch; }
.about__quote { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 800; color: var(--color-accent); line-height: 1.2; padding-left: var(--space-6); border-left: 2px solid var(--color-accent); }
@media (max-width: 768px) {
  .about__inner { grid-template-columns: 1fr; }
  .about__photo { aspect-ratio: 16 / 9; }
}