/* ===== About Me (light) ===== */
.aboutme--light { background:#fff; color:#000; }
#about-me { display:block; }

/* Grid container: stânga mai lată decât dreapta */
.aboutme-grid{
  width:min(1600px,94vw);
  margin:0 auto;
  min-height:100svh;
  display:grid;
  grid-template-columns: minmax(480px, 1.2fr) minmax(340px, .8fr);
  column-gap: clamp(18px, 4.5vw, 64px);
  padding:
    calc(var(--navH,64px) + clamp(32px,6vw,80px))
    0
    clamp(56px,8vw,110px);
  align-items:start;
}

/* STÂNGA */
.aboutme-left{ display:flex; align-items:flex-start; }
.aboutme-headline{
  margin:0; display:grid; gap: clamp(8px, 2vw, 18px);
  line-height:.95; width:100%;
  text-align:left;
}
.aboutme-headline .row{ overflow:hidden; white-space:nowrap; }

.aboutme-headline .s{
  font-family:"Inter", system-ui, sans-serif;
  font-weight:900; letter-spacing:-.01em;
  font-size: clamp(28px, 6.5vw, 120px);
}
.aboutme-headline .r{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:800; letter-spacing:-.01em;
  font-size: clamp(32px, 7vw, 130px);
}

/* Nota “＊ romania” la același rând cu ARGEȘ */
.row-arges{
  display:inline-flex; gap: clamp(10px, 2vw, 18px);
  align-items:baseline;
}
.aboutme-headline .note{
  display:inline-flex; gap:.35em; align-items:baseline;
  font-family:"Inter", system-ui, sans-serif;
  font-weight:700; letter-spacing:.04em; text-transform:lowercase;
  font-size: clamp(11px, 1.4vw, 16px);
  opacity:.85;
}
.aboutme-headline .asterisk{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:800;
}

/* DREAPTA: imagine + caption */
.aboutme-right{ display:flex; justify-content:flex-end; }
.aboutme-figure{ margin:0; width:100%; max-width: 560px; }
.aboutme-figure .img-wrap{
  position:relative; overflow:hidden; 
  /* imaginea începe din marginea containerului de grid */
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
}
.aboutme-figure img{
  display:block; width:100%; height:auto; object-fit:cover;
  aspect-ratio: 3 / 4; /* portret */
  transform: scale(1.02);
  transition: transform .7s cubic-bezier(.22,.9,.16,1);
}
.aboutme-figure .img-wrap:hover img{ transform: scale(1.06); }

/* Caption centrat sub imagine, dar cu margini controlate */
.aboutme-caption{
  margin: clamp(10px, 1.8vw, 16px) auto 0;
  text-align:center;
  font-family:"Inter", system-ui, sans-serif;
  font-weight: 300;
  font-size: clamp(13px, 1.2vw, 16px);
  line-height:1.5;
  max-width: 50ch;
  padding-inline: clamp(8px, 2vw, 16px); /* nu atinge marginea imaginii/dreapta */
}

/* ===== Intro states for animations (GSAP will animate from) ===== */
#about-me .aboutme-headline .row,
#about-me .aboutme-figure .img-wrap,
#about-me .aboutme-caption{
  opacity: 0;
  transform: translateY(24px);
  will-change: transform, opacity, filter;
  filter: blur(6px);
}

/* ===== Responsive ===== */
@media (max-width: 980px){
  .aboutme-grid{
    grid-template-columns: 1fr;   /* stack */
    row-gap: clamp(18px, 4vw, 28px);
  }
  .aboutme-right{ justify-content:flex-start; } /* imaginea aliniată cu textul */
  .aboutme-figure{ max-width: 520px; }
}