/* =============================================================================
   Секция „За нас" — Figma 15:1936 (десктоп) и 15:2614 (мобилно).
   Десктоп: ред 1132 = текст 604 + gap 80 + портрет 462; текстът е стълб с
   38px между групите (24 в главата, 8 между име и роля, 12 между абзаците).
   ============================================================================= */
.about {
  padding-block: var(--space-16);
}

.about-inner {
  max-width: var(--container-narrow);
  margin: 0 auto;
  padding-inline: var(--space-4);
  display: flex;
  align-items: center;
  justify-content: flex-start; /* дизайн 15:1936: фиксиран gap, без разпъване */
  gap: 5rem; /* 80px */
}

.about-text {
  display: flex;
  flex-direction: column;
  gap: 2.375rem;       /* дизайн 15:1937: 38px */
  flex: 0 0 37.75rem;  /* 604px, без свиване */
  max-width: 37.75rem;
}

.about-eyebrow {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: var(--text-sm);
  line-height: 1.4; /* caption-XL → ред 20px */
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--color-gold);
  text-shadow: var(--shadow-text);
}

.about-eyebrow-icon {
  flex-shrink: 0;
}

.about-name {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 300;   /* Argent CF Light; placeholder-ът няма 300 — стойността е точната от дизайна */
  font-size: var(--text-4xl);
  line-height: 1.2; /* дизайн 15:1945 */
  color: var(--color-white);
  /* главата има 24px вътре при 38px общ ритъм на колоната */
  margin-top: -0.875rem;
}

.about-role {
  margin: 0;
  font-family: var(--font-sans);
  font-style: italic;
  font-size: var(--text-base);
  line-height: normal;  /* дизайн 15:1946 */
  color: var(--color-gold);
  margin-top: -1.875rem; /* име → роля е 8px при 38px ритъм */
}

.about-bio {
  display: flex;
  flex-direction: column;
  gap: var(--space-3); /* дизайн 15:1947: 12px между абзаците */
  font-size: var(--text-lg);
  font-weight: 400;    /* Jost Regular */
  line-height: 1.5;
  color: var(--color-white);
  text-shadow: var(--shadow-text);
}

.about-bio p {
  margin: 0;
}

/* дизайн 15:1948: първият абзац е стеснен на 589px, останалите са пълни */
.about-bio p:first-child {
  max-width: 36.8125rem;
}

/* Подписът: export на целия контейнер 570×108 — графиката е вдясно,
   както в дизайна */
.about-signature {
  display: block;
  width: 100%;
  height: auto;
}

/* Портретът + декоративният офсет-кант зад него (Figma 1:508/1:509) */
.about-portrait {
  position: relative;
  margin: 0;
  width: 28.875rem; /* 462px */
  flex-shrink: 0;
}

.about-portrait::after {
  content: "";
  position: absolute;
  top: 3.78px;  /* дизайн 15:1953 спрямо портрета */
  left: 5px;
  z-index: -1;  /* кантът се рисува ПОД снимката */
  width: 453px;
  height: 633px;
  border: 1px solid color-mix(in srgb, var(--color-accent-orange) 45%, transparent);
  border-radius: var(--radius-lg);
  pointer-events: none;
}

.about-portrait img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
}

/* --- Mobile (разумен пас, без Figma вариант) ------------------------------ */
@media (max-width: 56.25em) {
  .about-inner {
    flex-direction: column;
    align-items: stretch;
  }

  .about-portrait {
    width: 100%;
    max-width: 28.875rem;
    margin: 0 auto;
  }

  /* декоративният кант би стърчал извън екрана на тясно — крие се */
  .about-portrait::after {
    display: none;
  }

  .about-name {
    font-size: var(--text-3xl);
  }
}