/* ── О проекте · 01 · Хиро ────────────────────────────────────────────
   Figma: 1440×724, фон IMG + градиент с единичной матрицей gradientTransform,
   то есть ГОРИЗОНТАЛЬНЫЙ слева направо: 0.98 → 0.88 (62%) → 0.50. */
.v-ahero{position:relative;height:724px;background-size:cover;background-position:center;overflow:hidden}
.v-ahero::before{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(21,16,12,.98) 0%,rgba(21,16,12,.88) 62%,rgba(21,16,12,.50) 100%)}
.v-ahero--flat{background:var(--ink-950)}
.v-ahero--flat::before{display:none}
.v-ahero__inner{position:relative;height:100%;max-width:var(--page-w);margin-inline:auto;padding-inline:var(--gutter)}
.v-ahero__crumbs{position:absolute;top:52px;left:var(--gutter);display:flex;gap:10px;
  font-size:15px;line-height:1.6;color:var(--cream-100)}
.v-ahero__crumb-current{font-weight:600;line-height:1.54;color:var(--teal-400)}
.v-ahero__eyebrow{position:absolute;top:112px;left:var(--gutter);display:flex;align-items:center;gap:12px;height:14px}
.v-diamond13{width:13px;height:13px;flex:none;display:block}
.v-diamond13 svg{width:13px;height:13px;display:block}
.v-ahero__eyebrow-text{font-family:var(--font-text);font-weight:700;font-size:12px;line-height:1.2;
  letter-spacing:.14em;text-transform:uppercase;color:var(--teal-400)}
.v-ahero__title{position:absolute;top:152px;left:var(--gutter);width:760px;margin:0;
  font-family:var(--font-display);font-weight:800;font-size:66px;line-height:1;letter-spacing:-.026em;color:var(--cream-50)}
.v-ahero__lead{position:absolute;top:258px;left:var(--gutter);width:640px;margin:0;
  font-size:19px;line-height:1.64;letter-spacing:-.002em;color:var(--cream-100)}
.v-ahero__buttons{position:absolute;top:424px;left:var(--gutter);display:flex;gap:14px}
.v-abtn{padding:18px 24px 18px 28px;gap:10px;font-size:17px;line-height:1.6;font-weight:600}
.v-abtn__arrow{font-size:17px;line-height:1.66}
.v-abtn--teal{background:var(--teal-500);color:var(--ink-950)}
.v-abtn--teal:hover{background:var(--teal-600)}
.v-abtn--ghost{color:var(--cream-50);box-shadow:inset 0 0 0 1px rgba(248,240,224,.40)}
.v-abtn--ghost:hover{box-shadow:inset 0 0 0 1px var(--cream-50)}
.v-abtn--dark{background:var(--ink-950);color:var(--cream-50)}
.v-abtn--ghost-dark{color:var(--ink-950);box-shadow:inset 0 0 0 1.5px rgba(21,16,12,.35)}
.v-abtn--ghost-dark:hover{box-shadow:inset 0 0 0 1.5px var(--ink-950)}
.v-ahero__stats{position:absolute;top:544px;left:var(--gutter);right:var(--gutter);height:120px;
  display:flex;align-items:center;border-radius:var(--r-lg);
  background:rgba(248,240,224,.07);box-shadow:inset 0 0 0 1px var(--a-cream-14);padding-inline:40px}
.v-ahero__stat{flex:1 1 0;display:flex;flex-direction:column;gap:6px;position:relative}
.v-ahero__stat + .v-ahero__stat{padding-left:40px}
.v-ahero__stat + .v-ahero__stat::before{content:"";position:absolute;left:-20px;top:4px;width:1px;height:56px;
  background:var(--a-cream-14)}
.v-ahero__stat-value{font-family:var(--font-display);font-weight:700;font-size:34px;line-height:1.02;letter-spacing:-.02em}
.v-ahero__stat-label{font-size:15px;line-height:1.6;color:var(--cream-100)}

/* ── О проекте · 02 · Как устроен проект ─────────────────────────────── */
.v-how{background:var(--cream-50)}
/* в макете блок шагов стоит на фиксированной высоте 280 независимо от числа строк заголовка */
.v-how__inner{position:relative;max-width:var(--page-w);margin-inline:auto;height:635px;padding:92px var(--gutter) 0}
.v-how__head{display:flex;flex-direction:column;gap:18px;width:640px}
.v-how__eyebrow{display:flex;align-items:center;gap:12px;height:14px}
.v-how__eyebrow-text{font-family:var(--font-text);font-weight:700;font-size:12px;line-height:1.2;
  letter-spacing:.14em;text-transform:uppercase;color:var(--teal-500)}
.v-how__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:38px;line-height:1.10;
  letter-spacing:-.018em;color:var(--ink-900)}
.v-how__note{position:absolute;top:150px;left:920px;width:420px;margin:0;
  font-size:17px;line-height:1.66;letter-spacing:-.001em;color:var(--text-muted)}
.v-how__steps{position:absolute;left:var(--gutter);right:var(--gutter);top:280px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.v-step{padding:32px;border-radius:22px;background:var(--cream-100);
  box-shadow:inset 0 0 0 1px var(--line-base);min-height:255px}
.v-step__num{width:56px;height:56px;border-radius:var(--r-pill);display:grid;place-items:center;
  font-family:var(--font-text);font-weight:700;font-size:18px;line-height:1.34;letter-spacing:-.006em}
.v-step__title{margin:22px 0 0;font-family:var(--font-text);font-weight:700;font-size:22px;line-height:29px;
  letter-spacing:-.01em;color:var(--ink-900)}
.v-step__text{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--text-muted)}

/* ── О проекте · 03 · Команда и партнёры ─────────────────────────────── */
.v-team{background:var(--ink-950)}
.v-team__inner{position:relative;max-width:var(--page-w);margin-inline:auto;padding:92px var(--gutter) 96px}
.v-team__head{display:flex;flex-direction:column;gap:18px;width:700px}
.v-team__eyebrow{display:flex;align-items:center;gap:12px;height:14px}
.v-team__eyebrow-text{font-family:var(--font-text);font-weight:700;font-size:12px;line-height:1.2;
  letter-spacing:.14em;text-transform:uppercase;color:var(--teal-400)}
.v-team__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:38px;line-height:1.10;
  letter-spacing:-.018em;color:var(--cream-50)}
.v-team__note{position:absolute;top:150px;left:870px;width:470px;margin:0;
  font-size:17px;line-height:1.66;letter-spacing:-.001em;color:var(--cream-100)}
.v-team__cols{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:110px}
.v-team__col{padding:30px 32px;border-radius:var(--r-lg);background:rgba(248,240,224,.05);
  box-shadow:inset 0 0 0 1px rgba(248,240,224,.12);min-height:362px}
.v-team__col-title{margin:0;font-family:var(--font-text);font-weight:700;font-size:18px;line-height:1.34;
  letter-spacing:-.006em;color:var(--cream-50)}
.v-team__rows{display:flex;flex-direction:column;margin-top:30px}
/* Названия организаций бывают в две строки — высота строки не фиксируется. */
.v-team__row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;
  min-height:23px;margin-bottom:26px}
.v-team__row:last-child{margin-bottom:0}
.v-team__name{font-size:15px;line-height:1.54;font-weight:600;color:var(--cream-50)}
.v-team__role{font-size:15px;line-height:1.54;font-weight:600}

/* ── О проекте · 04 · Поддержать проект ──────────────────────────────── */
.v-acta{background:var(--teal-500)}
/* Figma: заголовок 100/57, текст 100/137, кнопки 867/93, высота секции 250 */
.v-acta__inner{position:relative;max-width:var(--page-w);margin-inline:auto;height:250px}
.v-acta__left{position:absolute;left:var(--gutter);top:57px;width:640px}
.v-acta__title{margin:0;width:640px;font-family:var(--font-display);font-weight:700;font-size:28px;
  line-height:1.16;letter-spacing:-.014em;color:var(--ink-950)}
.v-acta__text{position:absolute;left:0;top:80px;margin:0;width:600px;font-size:17px;line-height:1.66;
  letter-spacing:-.001em;color:var(--ink-950)}
.v-acta__buttons{position:absolute;left:867px;top:93px;display:flex;gap:14px}

/* ── Текст «О нас»: одна колонка, как в статье ─────────────────────────*/
.v-atext-block{background:var(--cream-100);padding:96px 0}
.v-atext-block__inner{max-width:820px;margin-inline:auto;padding-inline:var(--gutter)}
.v-atext-block__title{margin:18px 0 0;font-family:var(--font-display);font-weight:800;
  font-size:clamp(28px,4vw,44px);line-height:1.08;letter-spacing:-.02em;color:var(--ink-950)}
.v-atext-block__body{margin-top:28px;font-size:19px;line-height:1.7;color:var(--text-body)}
.v-atext-block__body > *{margin:22px 0 0}
.v-atext-block__body > *:first-child{margin-top:0}
.v-atext-block__body strong,.v-atext-block__body b{font-weight:700;color:var(--ink-950)}
.v-atext-block__body a{color:var(--crimson-600);text-decoration:underline}
.v-atext-block__body ul,.v-atext-block__body ol{padding-left:22px}
.v-atext-block__body li{margin-top:8px}
@media (max-width:767px){
  .v-atext-block{padding:56px 0}
  .v-atext-block__body{font-size:17px}
}
