/* about.css – Portfolio-Fotograf */
.about-section { background: var(--color-surface); }
.about-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem, 6vw, 6rem); align-items: center; }
.about-img-wrap { position: relative; }
.about-img { width: 100%; aspect-ratio: 3/4; object-fit: cover; object-position: top; }
.about-img-wrap::before { content: ''; position: absolute; top: -16px; left: -16px; right: 16px; bottom: 16px; border: 1px solid var(--color-gold); z-index: 0; pointer-events: none; }
.about-img-wrap .about-img { position: relative; z-index: 1; }
.about-text .section__eyebrow { display: block; text-align: left; }
.about-text .section__title { text-align: left; margin-bottom: var(--space-3); }
.about-text__lead { font-family: var(--font-display); font-size: var(--font-size-xl); font-style: italic; color: var(--color-gold); margin-bottom: var(--space-5); line-height: var(--line-height-snug); }
.about-text p { color: var(--color-text-muted); line-height: var(--line-height-relaxed); margin-bottom: var(--space-4); }
.about-stats { display: flex; gap: var(--space-8); margin-top: var(--space-8); padding-top: var(--space-6); border-top: 1px solid var(--color-border); }
.about-stats li { display: flex; flex-direction: column; }
.about-stats strong { font-family: var(--font-display); font-size: var(--font-size-3xl); font-weight: var(--font-weight-bold); color: var(--color-gold); line-height: 1; }
.about-stats span { font-size: var(--font-size-xs); color: var(--color-text-dim); margin-top: 4px; }
@media (max-width: 900px) {
  .about-inner { grid-template-columns: 1fr; }
  .about-img { aspect-ratio: 4/3; }
  .about-img-wrap::before { top: -10px; left: -10px; right: 10px; bottom: 10px; }
}
@media (max-width: 480px) {
  .about-img-wrap::before { display: none; }
  .about-stats { gap: var(--space-6); flex-wrap: wrap; }
}