/* =========================================================
   ДАРСИ — «Об агентстве». Крупное фото команды + текст.
   ========================================================= */

.abt{
  --a-ink:#0B0B0C;
  --a-muted:rgba(255,255,255,.70);
  --a-line:rgba(255,255,255,.14);
  --a-rose:#E3A9BA;

  position:relative;
  padding:clamp(56px,7vw,110px) var(--pad-x);
  background:
    radial-gradient(70% 50% at 100% 0%, rgba(227,169,186,.10) 0%, rgba(227,169,186,0) 60%),
    var(--a-ink);
  color:#fff;
}
.abt__inner{
  width:100%; max-width:var(--maxw); margin:0 auto;
  display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(28px,4vw,72px); align-items:center;
}

/* ---------- фото ---------- */
.abt__media{position:relative; overflow:hidden; background:#131315; margin:0}
.abt__media img{
  max-width:none; width:100%; height:auto; display:block;
  transition:transform 1.2s cubic-bezier(.2,.7,.3,1);
}
.abt__media:hover img{transform:scale(1.03)}

/* ---------- текст ---------- */
.abt__title{
  font-family:var(--f-head); font-weight:400;
  font-size:clamp(30px, 3.6vw, 50px); line-height:1; letter-spacing:-.015em;
  margin:0 0 clamp(18px,2vw,26px);
}
.abt__txt{
  margin:0 0 14px; font-size:clamp(14.5px,1.05vw,16.5px); line-height:1.55;
  letter-spacing:-.03em; color:var(--a-muted); max-width:62ch;
}
.abt__txt:last-of-type{margin-bottom:clamp(26px,3vw,40px)}
.abt__txt b{color:#fff; font-weight:600}

/* ---------- цифры ---------- */
.abt__stats{
  display:grid; grid-template-columns:repeat(4, 1fr);
  gap:clamp(12px,1.4vw,20px);
  padding-top:clamp(20px,2.2vw,28px);
  border-top:1px solid var(--a-line);
}
.abt__stat b{
  display:block;
  font-family:var(--f-head); font-weight:400;
  font-size:clamp(24px,2.4vw,36px); line-height:1; letter-spacing:-.015em;
  margin-bottom:8px;
}
.abt__stat span{
  display:block; font-size:12.5px; line-height:1.35;
  letter-spacing:-.02em; color:var(--a-muted);
}

/* =========================================================
   АДАПТИВ
   ========================================================= */
@media (max-width:1000px){
  .abt__inner{grid-template-columns:1fr; gap:30px}
  .abt__media{max-width:520px; margin:0 auto}
}

@media (max-width:720px){
  .abt{padding-bottom:calc(var(--bar-h, 0px) + env(safe-area-inset-bottom))}
  .abt__stats{grid-template-columns:repeat(2, 1fr); row-gap:20px}
}