/**
 * ABOUT — Sekcja "O Mnie"
 */

.about__grid {
  display: grid;
  grid-template-columns: 1fr 1.08fr;
  gap: var(--space-20);
  align-items: center;
}

/* ── Zdjęcie z ramką dekoracyjną ── */
.about__img-wrap { position: relative; }

.about__img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: center top; /* bg2.jpg — skupienie na górze (twarz) */
  display: block;
}

.about__img-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  width: 100%;
  height: 100%;
  border: var(--border-accent);
  z-index: -1;
  pointer-events: none;
}

/* ── Treść ── */
.about__body p {
  font-size: var(--text-base);
  color: var(--color-text-muted);
  font-weight: 300;
  margin-bottom: var(--space-5);
  line-height: var(--leading-relaxed);
}

.about__subheading {
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: 500;
  color: var(--color-primary);
  margin: var(--space-6) 0 var(--space-3);
  line-height: var(--leading-snug);
}