/* ============ О ПРОЕКТЕ: текстовые карточки ============ */
/* Без align-items:start карточки строки растягиваются до её высоты,
   поэтому вертикальный просвет между всеми карточками равен ровно gap.
   С выравниванием по верху под короткой карточкой оставался случайный
   хвост высотой в разницу с соседкой — отступы выглядели разными. */
.about{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.about-card{padding:clamp(18px,2.4vw,28px);display:flex;flex-direction:column;}
.about-hero{grid-column:1 / -1;}
.about-hero h2{font-family:var(--font-display);font-size:clamp(22px,3.4vw,32px);font-weight:750;
  letter-spacing:-.03em;line-height:1.14;margin:6px 0 14px;}
.about-lede{font-size:15px;line-height:1.65;color:var(--text);margin-bottom:12px;}
.about-card h3{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.02em;
  margin-bottom:12px;}
.about-card p{font-size:13.5px;line-height:1.68;color:var(--body);margin-bottom:12px;}
.about-card p:last-child{margin-bottom:0;}
.about-note{font-size:12px;color:var(--muted);line-height:1.6;padding:12px 14px;border-radius:12px;
  background:var(--surface);border:1px solid var(--stroke);}
.about-card code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;
  background:var(--surface-2);border:1px solid var(--stroke);border-radius:5px;padding:1px 5px;}
.about-card a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-line);}
.about-card a:hover{border-bottom-color:var(--accent);}
.about-card a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px;}

.about-list{margin:0 0 12px 0;padding-left:20px;display:flex;flex-direction:column;gap:9px;}
.about-list li{font-size:13px;line-height:1.6;color:var(--body);}
.about-list b{color:var(--text);font-weight:650;}
.about-list.plain{list-style:none;padding-left:0;}
.about-list.plain li{position:relative;padding-left:18px;}
.about-list.plain li::before{content:"";position:absolute;left:2px;top:8px;width:5px;height:5px;
  border-radius:50%;background:var(--accent);opacity:.6;}

.axis-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 14px;}
.axis-box{padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--stroke);}
.axis-box .k{font-size:9.5px;text-transform:uppercase;letter-spacing:.11em;color:var(--accent);
  font-weight:650;margin-bottom:8px;}
.axis-box .poles{display:flex;justify-content:space-between;gap:10px;font-size:10.5px;color:var(--muted-2);
  padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid var(--stroke);}
.axis-box p{font-size:12.5px;line-height:1.6;margin:0;}
.about-cta{font-size:13px;}

/* ============ МОБИЛЬНАЯ АДАПТАЦИЯ ============ */
@media(max-width:1050px){
  .about{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .axis-grid{grid-template-columns:1fr;}
  .axis-box .poles{flex-direction:column;gap:2px;}
}