/* ============================================================
   «ПОДХОД» · СТИЛЬ H «НОБУ» — светлый канвас с сеткой,
   шов-сетка ценностей, белая плашка-стейтмент, фото-band
   с паспарту и CTA-фотокарта. Наследует home-h.css (и через
   него нобу-компоненты e/b/d). Префикс .vha- — только
   страничные дополнения. Подключается на about.html
   ============================================================ */

/* --- светлый титул с сеткой и дыханием --- */
.vha-head{position:relative;overflow:hidden;background:#fff;padding:clamp(52px,6.5vw,88px) 0 clamp(46px,6vw,76px)}
.vha-head .grid-lines{opacity:.5}
.vha-head-inner{position:relative;z-index:2;display:grid;gap:18px;justify-items:start}
.vha-h1{font-family:var(--display);font-weight:700;font-size:clamp(2.15rem,1.2rem + 3.7vw,3.8rem);line-height:1.03;letter-spacing:-.02em;color:var(--ink);margin:0;max-width:18ch;text-wrap:balance;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}

/* --- три ценности в шов-сетке (3 колонки) --- */
.vha-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1024px){.vha-3{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.vha-3{grid-template-columns:1fr}}
.vha-ic{width:44px;height:44px;border-radius:12px;background:var(--tint);color:var(--primary);display:grid;place-items:center;margin-top:16px}
.vha-ic svg{width:22px;height:22px}

/* --- band «Масштаб»: цифры поверх фото под скримом --- */
.vha-band .ve-band-inner{max-width:880px}
.vha-figures{display:flex;flex-wrap:wrap;gap:clamp(28px,4vw,64px);margin-top:12px}
.vha-fig b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,2rem + 2.4vw,4rem);line-height:1;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 18px rgba(12,14,32,.5)}
.vha-fig span{display:block;margin-top:10px;color:rgba(255,255,255,.9);max-width:24ch;line-height:1.5;font-size:.95rem;text-shadow:0 1px 10px rgba(12,14,32,.4)}
.vha-fig--hl b{color:#BCD0FF}