/* ===== ABOUT: компактный блок "О нас" ===== */

.about{
  background:#1f1f1f;            /* общий фон секций так и держим */
  color:#fff;
}

/* full-bleed как у других секций */
.entry-content > .about{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

.about-inner{
  max-width:none;
  padding:32px clamp(16px,3.5vw,48px) 40px; /* компактнее по высоте */
}

/* заголовок — белый, центр, жирный (как в других блоках) */
.about-title{
  margin:0 0 14px 0;
  color:#fff;
  text-align:center;
  font-weight:900;
  line-height:1.05;
  letter-spacing:.2px;
  font-size:clamp(28px,5vw,56px);
}

/* текст — 3–4 предложения, по центру */
.about-text{
  margin:0 auto;
  max-width:min(880px, 92vw);
  color:#e9e9e9;
  font-size:16px;
  line-height:1.55;
  text-align:center;
  opacity:.95;
}

/* CTA */
.about-cta{
  text-align:center;
  margin-top:18px;
}

/* кнопка — без «синих» состояний, как в reviews */
.about-btn{
  display:inline-block;
  padding:14px 28px;
  border-radius:999px;
  background:#2c2c2c;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800;
  font-size:15px;
  transition:background .2s ease, box-shadow .2s ease, transform .06s ease;
}
.about-btn:visited{ color:#fff !important; }
.about-btn:hover,
.about-btn:focus{
  background:#3a3a3a;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.about-btn:active{ transform:translateY(1px); }

/* На всякий — любые ссылки внутри блока всегда белые и без подчёркиваний */
.about a,
.about a:visited,
.about a:hover,
.about a:active{
  color:#fff !important;
  text-decoration:none !important;
}

/* адаптив чуть короче */
@media (max-width:620px){
  .about-inner{ padding:28px 16px 34px; }
  .about-title{ font-size:clamp(26px,7vw,38px); }
  .about-text{ font-size:15px; }
}