:root{
  --bg: #090c11;
  --bg-2:#0d1219;
  --ink:#eef3ff;
  --muted:#b9c6d8;
  --link:#d5e4ff;
  --brand-500:#5a9cff;
  --brand-600:#3f74ff;

  /* Premium adds */
  --radius-xl: 24px;
  --radius-lg: 20px;
  --blur: 18px;
  --shadow-1: 0 14px 40px rgba(0,0,0,.35);
  --shadow-2: 0 22px 70px rgba(0,0,0,.45);
  --glass-bg: linear-gradient(180deg,
                 color-mix(in oklab, var(--bg-2), transparent 35%),
                 color-mix(in oklab, var(--bg),  transparent 10%));
  --border-soft: 1px solid color-mix(in oklab, var(--ink), transparent 86%);
  --brand-glow: drop-shadow(0 0 22px color-mix(in oklab, var(--brand-500), transparent 65%));
}

/* ---------- Section shell ---------- */
.lenuma-about{
  position: relative;
  padding: clamp(84px, 7vw, 140px) 0;
  color: var(--ink);
  isolation: isolate; /* корректный z-index слоёв */
  overflow: clip;
  background:
    radial-gradient(70vw 55vw at 10% -5%,
      color-mix(in oklab, var(--brand-500), transparent 88%), transparent 60%),
    radial-gradient(60vw 45vw at 100% 0%,
      color-mix(in oklab, var(--brand-600), transparent 90%), transparent 65%),
    var(--bg);
}

/* ambient grid (очень лёгкая, премиальная текстура) */
.lenuma-about::after{
  content:"";
  position:absolute; inset:0; z-index:0; pointer-events:none;
  opacity:.07;
  background:
    radial-gradient(1200px 600px at 15% 10%,
      color-mix(in oklab, var(--brand-500), transparent 80%), transparent 72%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 32px),
    repeating-linear-gradient(0deg,  rgba(255,255,255,.04) 0 1px, transparent 1px 32px);
  mask-image: radial-gradient(120% 120% at 50% 0%, #000 20%, transparent 70%);
}

.lenuma-about .about-wrap{
  position: relative; z-index: 2;
  max-width: min(1180px, 92vw);
  margin: 0 auto;
  padding: 0 12px;
}

/* ---------- Video background ---------- */
.lenuma-about .about-bg{
  position:absolute; inset:0; z-index:1; overflow:hidden;
}
.lenuma-about .about-video{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; transform:scale(1.03);
  filter: saturate(1.05) contrast(1.02) brightness(.9);
}
.lenuma-about .about-tint{
  position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.58)),
    radial-gradient(1000px 520px at 18% 8%,
      color-mix(in oklab, var(--brand-500), transparent 78%), transparent 72%);
  mix-blend-mode: normal;
}

/* ---------- Glass card (слоёная рамка + inner highlight) ---------- */
.lenuma-about .about-card{
  position: relative; z-index: 3;
  padding: clamp(24px, 3vw, 34px);
  border-radius: var(--radius-xl);
  background: var(--glass-bg);
  border: var(--border-soft);
  box-shadow: var(--shadow-1);
  -webkit-backdrop-filter: blur(var(--blur)) saturate(1.15);
  backdrop-filter: blur(var(--blur)) saturate(1.15);
  overflow: hidden;
}

/* градиентная рамка (внешний обвод) */
.lenuma-about .about-card::before{
  content:"";
  position:absolute; inset:0; border-radius: inherit; pointer-events:none;
  padding: 1px;
  background:
    linear-gradient(135deg,
      color-mix(in oklab, var(--brand-500), transparent 10%),
      color-mix(in oklab, var(--ink), transparent 90%));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

/* лёгкий внутренний хайлайт */
.lenuma-about .about-card::after{
  content:"";
  position:absolute; inset:1px; border-radius: calc(var(--radius-xl) - 1px);
  pointer-events:none;
  background:
    radial-gradient(140% 100% at 50% -20%,
      rgba(255,255,255,.10), transparent 40%);
}

/* ---------- Head ---------- */
.lenuma-about .about-head{
  text-align:center; margin-bottom: clamp(22px, 3.6vw, 36px);
}
.lenuma-about .chip.brand{
  display:inline-block; padding:7px 12px; border-radius:999px;
  font-weight:700; letter-spacing:.3px; color: var(--ink);
  background: linear-gradient(135deg,
              color-mix(in oklab, var(--brand-500), transparent 20%),
              color-mix(in oklab, var(--brand-600), transparent 35%));
  border: 1px solid color-mix(in oklab, var(--brand-500), transparent 28%);
  filter: var(--brand-glow);
}
.lenuma-about .display-sm{
  margin: 12px 0 10px;
  font-size: clamp(26px, 3.8vw, 38px);
  line-height:1.18; letter-spacing:.2px; text-wrap: balance;
}
/* акцент заголовка */
.lenuma-about .display-sm .grad{
  background: linear-gradient(90deg,
    color-mix(in oklab, var(--brand-500), #fff 8%),
    color-mix(in oklab, var(--brand-600), #fff 4%));
  -webkit-background-clip: text; background-clip:text;
  color: transparent;
}
.lenuma-about .subhead{
  margin: 0 auto; max-width: 70ch; color: var(--muted);
  font-size: clamp(15px, 1.3vw, 17px);
}

/* ---------- CTA ---------- */
.lenuma-about .about-cta{
  display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:16px;
}
.lenuma-about .cta{
  display:inline-flex; align-items:center; gap:8px;
  padding: 12px 16px; border-radius: 14px; text-decoration:none;
  font-weight:700; line-height:1; position:relative; overflow:hidden;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.lenuma-about .cta.primary{
  color: var(--ink);
  background: linear-gradient(135deg,
     color-mix(in oklab, var(--brand-500), transparent 8%),
     color-mix(in oklab, var(--brand-600), transparent 22%));
  border: 1px solid color-mix(in oklab, var(--brand-500), transparent 24%);
  box-shadow: 0 10px 28px rgba(0,0,0,.28);
}
.lenuma-about .cta.link{
  color: var(--link); background: transparent;
  border: 1px solid color-mix(in oklab, var(--ink), transparent 86%);
}
.lenuma-about .cta:hover{ transform: translateY(-2px); }
.lenuma-about .cta:focus-visible{
  outline: 2px solid color-mix(in oklab, var(--brand-500), transparent 10%);
  outline-offset: 2px;
  box-shadow: 0 0 0 6px color-mix(in oklab, var(--brand-500), transparent 85%);
}
/* sheen на кнопке */
.lenuma-about .cta.primary::after{
  content:""; position:absolute; inset:-80% -20% auto -20%; height:200%;
  background: linear-gradient(120deg, transparent 40%, rgba(255,255,255,.18) 50%, transparent 60%);
  transform: translateX(-120%) rotate(8deg);
  transition: transform .6s ease; pointer-events:none;
}
.lenuma-about .cta.primary:hover::after{ transform: translateX(60%) rotate(8deg); }

/* ---------- Pillars (карточки принципов) ---------- */
.lenuma-about .pillars{
  display:grid; grid-template-columns: repeat(4,1fr);
  gap: clamp(12px, 2vw, 18px); margin: 14px 0 20px; padding:0; list-style:none;
}
.lenuma-about .pillar{
  position:relative; padding:20px; border-radius: var(--radius-lg);
  background: var(--glass-bg); border: var(--border-soft);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
  overflow:hidden;
}
.lenuma-about .pillar h3{ margin:0 0 6px; font-size: clamp(16px,1.5vw,19px); letter-spacing:.2px; }
.lenuma-about .pillar p{ margin:0; color:var(--muted); font-size:.95rem; }
/* глянец + подсветка при ховере */
.lenuma-about .pillar::before{
  content:""; position:absolute; inset:-40% -20% auto -20%; height:180%;
  background: linear-gradient(120deg, transparent 40%, rgba(255,255,255,.16) 50%, transparent 60%);
  transform: translateX(-130%) rotate(8deg);
  transition: transform .7s ease; pointer-events:none;
}
.lenuma-about .pillar:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow-2);
  border-color: color-mix(in oklab, var(--brand-500), transparent 32%);
  background: linear-gradient(180deg,
    color-mix(in oklab, var(--bg-2), transparent 28%),
    color-mix(in oklab, var(--bg), transparent 8%));
}
.lenuma-about .pillar:hover::before{ transform: translateX(55%) rotate(8deg); }

/* ---------- Founders (без фото: монограммы) ---------- */
.lenuma-about .founders{
  position: relative;
  display:grid; grid-template-columns: repeat(2,1fr);
  gap: clamp(12px, 2vw, 18px);
  margin: clamp(14px, 2.6vw, 22px) 0;
}
/* тонкая разделительная линия сверху — как вырез в стекле */
.lenuma-about .founders::before{
  content:""; position:absolute; left:0; right:0; top:-12px; height:1px;
  background: linear-gradient(90deg,
     transparent,
     color-mix(in oklab, var(--ink), transparent 80%) 25%,
     color-mix(in oklab, var(--brand-500), transparent 70%) 50%,
     color-mix(in oklab, var(--ink), transparent 80%) 75%,
     transparent);
  opacity:.6;
}

.lenuma-about .founder{
  position:relative; display:flex; gap:14px; align-items:center;
  padding:18px; border-radius: calc(var(--radius-lg) + 2px);
  background: var(--glass-bg); border: var(--border-soft);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
  overflow:hidden;
}
.lenuma-about .founder:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow-2);
  border-color: color-mix(in oklab, var(--brand-500), transparent 30%);
  background: linear-gradient(180deg,
    color-mix(in oklab, var(--bg-2), transparent 26%),
    color-mix(in oklab, var(--bg), transparent 6%));
}
/* монограмма (замена аватару) */
.lenuma-about .founder .mono{
  flex:0 0 auto;
  width:56px; height:56px; border-radius:14px;
  display:grid; place-items:center;
  font-weight:800; letter-spacing:.4px; font-size: .98rem; color: var(--ink);
  background: linear-gradient(135deg,
      color-mix(in oklab, var(--brand-500), transparent 8%),
      color-mix(in oklab, var(--brand-600), transparent 20%));
  border: 1px solid color-mix(in oklab, var(--brand-500), transparent 30%);
  filter: drop-shadow(0 0 16px color-mix(in oklab, var(--brand-500), transparent 70%));
}
.lenuma-about .founder h4{ margin:0 0 4px; font-size:1.08rem; letter-spacing:.2px; }
.lenuma-about .founder p{ margin:0; color:var(--muted); }

/* декоративный уголок-блик */
.lenuma-about .founder::after{
  content:""; position:absolute; right:-40px; top:-40px; width:120px; height:120px;
  background: radial-gradient(60px 60px at 50% 50%, rgba(255,255,255,.12), transparent 60%);
  transform: rotate(25deg);
  pointer-events:none;
}

/* ---------- Metrics ---------- */
.lenuma-about .metrics{
  display:grid; grid-template-columns: repeat(4,1fr);
  gap: clamp(12px, 2vw, 18px); margin-top: 8px; padding:0; list-style:none;
}
.lenuma-about .metric{
  position:relative; padding:18px; text-align:center; border-radius: 18px;
  background: var(--glass-bg); border: var(--border-soft);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}
.lenuma-about .metric .num{
  font-weight: 800; font-size: clamp(20px,1.7vw,24px); line-height:1.1;
  letter-spacing:.2px;
}
.lenuma-about .metric .label{ color:var(--muted); font-size:.92rem; margin-top:6px; }
.lenuma-about .metric:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow-2);
  border-color: color-mix(in oklab, var(--brand-500), transparent 30%);
  background: linear-gradient(180deg,
    color-mix(in oklab, var(--bg-2), transparent 30%),
    color-mix(in oklab, var(--bg), transparent 8%));
}

/* ---------- Reveal (opt-in, совместимо с lenuma-about.js) ---------- */
.lenuma-about .will-reveal{ opacity:0; transform: translateY(8px); }
.lenuma-about .will-reveal.reveal{
  opacity:1; transform:none;
  transition: opacity .55s cubic-bezier(.2,.7,.2,1), transform .55s cubic-bezier(.2,.7,.2,1);
}

/* ---------- Access / Motion ---------- */
.lenuma-about .cta:focus-visible,
.lenuma-about .pillar:focus-within,
.lenuma-about .founder:focus-within,
.lenuma-about .metric:focus-within{
  outline: 2px solid color-mix(in oklab, var(--brand-500), transparent 12%);
  outline-offset: 2px;
  box-shadow: 0 0 0 6px color-mix(in oklab, var(--brand-500), transparent 86%);
}
@media (prefers-reduced-motion: reduce){
  .lenuma-about *{ transition: none !important; }
  .lenuma-about .will-reveal,
  .lenuma-about .will-reveal.reveal{ opacity:1 !important; transform:none !important; }
}

/* ---------- Responsive ---------- */
@media (max-width: 1180px){
  .lenuma-about .about-wrap{ max-width: min(1000px, 94vw); }
}
@media (max-width: 1024px){
  .lenuma-about{ padding: 64px 0; }
  .lenuma-about .pillars{ grid-template-columns: repeat(2,1fr); }
  .lenuma-about .metrics{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 640px){
  .lenuma-about .about-card{ padding: 16px 14px; border-radius: 20px; }
  .lenuma-about .founders{ grid-template-columns: 1fr; }
  .lenuma-about .founder .mono{ width:52px; height:52px; border-radius:12px; }
  .lenuma-about .display-sm{ font-size: clamp(24px, 6.2vw, 30px); }
  .lenuma-about .subhead{ font-size: 15.5px; }
}

/* ===== About Oleg (Premium) ===== */
.about-oleg{ position:relative; padding: clamp(84px, 7vw, 140px) 0; isolation:isolate; }
.about-oleg .about-wrap{ position:relative; z-index:2; max-width:min(1000px,92vw); margin:0 auto; padding:0 12px; }

.about-oleg .about-bg{ position:absolute; inset:0; z-index:1; overflow:hidden; }
.about-oleg .about-tint{ position:absolute; inset:0;
  background:
    radial-gradient(1000px 620px at 20% 0%,
      color-mix(in oklab, var(--brand-500), transparent 82%), transparent 72%),
    linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.65));
}

.about-oleg .about-card{
  background: var(--glass-bg); border: var(--border-soft);
  box-shadow: var(--shadow-1); border-radius: var(--radius-xl);
  padding: clamp(28px,3vw,40px); text-align:center;
  -webkit-backdrop-filter: blur(var(--blur)) saturate(1.15);
  backdrop-filter: blur(var(--blur)) saturate(1.15);
  position:relative; overflow:hidden;
}

/* шапка */
.about-oleg .about-head{ margin-bottom: 20px; }
.about-oleg .mono.big{
  width:86px; height:86px; margin:0 auto 14px; border-radius:22px;
  display:grid; place-items:center;
  font-size:1.22rem; font-weight:800; letter-spacing:.4px; color:var(--ink);
  background: linear-gradient(135deg,
    color-mix(in oklab, var(--brand-500), transparent 8%),
    color-mix(in oklab, var(--brand-600, #3f74ff), transparent 20%));
  border: 1px solid color-mix(in oklab, var(--brand-500), transparent 30%);
  filter: drop-shadow(0 0 16px color-mix(in oklab, var(--brand-500), transparent 70%));
}
.about-oleg .display-md{ margin:0 0 6px; font-size: clamp(28px,4.2vw,44px); letter-spacing:.2px; }
.about-oleg .role{ margin:0; color:var(--muted); }

/* пресс-полоса */
.about-oleg .pressbar{
  margin: 14px auto 6px; max-width: 780px;
  display:flex; gap:10px; align-items:center; justify-content:center; flex-wrap:wrap;
}
.about-oleg .press-label{ color: var(--muted); font-size:.9rem; }
.about-oleg .press-logos{ display:flex; gap:10px; list-style:none; padding:0; margin:0; flex-wrap:wrap; }
.about-oleg .press{
  padding:8px 10px; border-radius:12px; font-weight:700; font-size:.92rem;
  background: linear-gradient(180deg, color-mix(in oklab, var(--bg-2), transparent 50%), transparent);
  border: 1px solid color-mix(in oklab, var(--ink), transparent 86%);
  opacity:.9;
}

/* цитата */
.about-oleg .quote{ margin:18px auto 10px; max-width:64ch; }
.about-oleg .quote p{ margin:0; color:var(--ink); font-size:1.06rem; line-height:1.55; font-style:italic; }

/* чипы-специализации */
.about-oleg .chips{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; list-style:none; padding:0; margin: 16px 0 10px; }
.about-oleg .chips .chip{
  padding:8px 12px; border-radius:1000px; font-weight:700; font-size:.92rem; color:var(--ink);
  background: linear-gradient(135deg,
    color-mix(in oklab, var(--brand-500), transparent 18%),
    color-mix(in oklab, var(--brand-600), transparent 32%));
  border: 1px solid color-mix(in oklab, var(--brand-500), transparent 30%);
}

/* био */
.about-oleg .bio{ max-width: 72ch; margin: 14px auto 18px; color: var(--muted); }

/* факты */
.about-oleg .facts{ display:grid; grid-template-columns: repeat(3,1fr); gap:16px; margin:18px 0; padding:0; list-style:none; }
.about-oleg .fact{
  background: var(--glass-bg); border: var(--border-soft); border-radius:16px; padding:16px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.about-oleg .fact:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-2);
  border-color: color-mix(in oklab, var(--brand-500), transparent 30%);
}
.about-oleg .fact .num{ font-weight:800; font-size:1.05rem; margin-bottom:4px; letter-spacing:.2px; }
.about-oleg .fact .label{ color:var(--muted); font-size:.92rem; }

/* мини-таймлайн */
.about-oleg .timeline{
  position:relative; max-width:760px; margin: 6px auto 18px; padding-left:0; list-style:none;
}
.about-oleg .timeline::before{
  content:""; position:absolute; left:50%; top:0; bottom:0; width:2px; transform:translateX(-50%);
  background: linear-gradient(180deg,
    color-mix(in oklab, var(--brand-500), transparent 40%),
    color-mix(in oklab, var(--ink), transparent 85%));
  opacity:.7;
}
.about-oleg .timeline li{
  position:relative; display:grid; grid-template-columns: 1fr 1fr; gap:18px; align-items:start;
  padding: 12px 0;
}
.about-oleg .timeline li:nth-child(odd){ direction: rtl; }
.about-oleg .timeline li > *{ direction:ltr; }
.about-oleg .t-badge{
  justify-self:end;
  background: linear-gradient(135deg,
    color-mix(in oklab, var(--brand-500), transparent 12%),
    color-mix(in oklab, var(--brand-600), transparent 28%));
  border: 1px solid color-mix(in oklab, var(--brand-500), transparent 26%);
  padding:6px 10px; border-radius:10px; font-weight:800; font-size:.9rem; color:var(--ink);
}
.about-oleg .timeline p{
  justify-self:start; margin:0; color:var(--muted); max-width:32ch;
}

/* CTA */
.about-oleg .about-cta{ justify-content:center; gap:12px; margin-top: 8px; }

/* адаптив */
@media (max-width: 900px){
  .about-oleg .facts{ grid-template-columns: 1fr; }
  .about-oleg .timeline{ padding:0 8px; }
  .about-oleg .timeline::before{ left:8px; transform:none; }
  .about-oleg .timeline li{ grid-template-columns: 1fr; padding-left: 18px; }
  .about-oleg .timeline li:nth-child(odd){ direction:ltr; }
  .about-oleg .t-badge{ justify-self:start; }
}



/* ===== About Boris (Premium) ===== */
.about-boris{ position:relative; padding: clamp(84px, 7vw, 140px) 0; isolation:isolate; }
.about-boris .about-wrap{ position:relative; z-index:2; max-width:min(1000px,92vw); margin:0 auto; padding:0 12px; }

.about-boris .about-bg{ position:absolute; inset:0; z-index:1; overflow:hidden; }
.about-boris .about-tint{ position:absolute; inset:0;
  background:
    radial-gradient(1000px 620px at 80% 0%,
      color-mix(in oklab, var(--brand-600, #3f74ff), transparent 82%), transparent 72%),
    linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.65));
}

.about-boris .about-card{
  background: var(--glass-bg); border: var(--border-soft);
  box-shadow: var(--shadow-1); border-radius: var(--radius-xl);
  padding: clamp(28px,3vw,40px); text-align:center;
  -webkit-backdrop-filter: blur(var(--blur)) saturate(1.15);
  backdrop-filter: blur(var(--blur)) saturate(1.15);
  position:relative; overflow:hidden;
}

/* шапка */
.about-boris .about-head{ margin-bottom: 20px; }
.about-boris .mono.big{
  width:86px; height:86px; margin:0 auto 14px; border-radius:22px;
  display:grid; place-items:center;
  font-size:1.22rem; font-weight:800; letter-spacing:.4px; color:var(--ink);
  background: linear-gradient(135deg,
    color-mix(in oklab, var(--brand-500), transparent 8%),
    color-mix(in oklab, var(--brand-600, #3f74ff), transparent 20%));
  border: 1px solid color-mix(in oklab, var(--brand-500), transparent 30%);
  filter: drop-shadow(0 0 16px color-mix(in oklab, var(--brand-500), transparent 70%));
}
.about-boris .display-md{ margin:0 0 6px; font-size: clamp(28px,4.2vw,44px); letter-spacing:.2px; }
.about-boris .role{ margin:0; color:var(--muted); }

/* пресс-полоса */
.about-boris .pressbar{
  margin: 14px auto 6px; max-width: 780px;
  display:flex; gap:10px; align-items:center; justify-content:center; flex-wrap:wrap;
}
.about-boris .press-label{ color: var(--muted); font-size:.9rem; }
.about-boris .press-logos{ display:flex; gap:10px; list-style:none; padding:0; margin:0; flex-wrap:wrap; }
.about-boris .press{
  padding:8px 10px; border-radius:12px; font-weight:700; font-size:.92rem;
  background: linear-gradient(180deg, color-mix(in oklab, var(--bg-2), transparent 50%), transparent);
  border: 1px solid color-mix(in oklab, var(--ink), transparent 86%); opacity:.9;
}

/* цитата */
.about-boris .quote{ margin:18px auto 10px; max-width:64ch; }
.about-boris .quote p{ margin:0; color:var(--ink); font-size:1.06rem; line-height:1.55; font-style:italic; }

/* чипы-специализации */
.about-boris .chips{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; list-style:none; padding:0; margin: 16px 0 10px; }
.about-boris .chips .chip{
  padding:8px 12px; border-radius:1000px; font-weight:700; font-size:.92rem; color:var(--ink);
  background: linear-gradient(135deg,
    color-mix(in oklab, var(--brand-500), transparent 18%),
    color-mix(in oklab, var(--brand-600), transparent 32%));
  border: 1px solid color-mix(in oklab, var(--brand-500), transparent 30%);
}

/* био */
.about-boris .bio{ max-width: 72ch; margin: 14px auto 18px; color: var(--muted); }

/* факты */
.about-boris .facts{ display:grid; grid-template-columns: repeat(3,1fr); gap:16px; margin:18px 0; padding:0; list-style:none; }
.about-boris .fact{
  background: var(--glass-bg); border: var(--border-soft); border-radius:16px; padding:16px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.about-boris .fact:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-2);
  border-color: color-mix(in oklab, var(--brand-500), transparent 30%);
}
.about-boris .fact .num{ font-weight:800; font-size:1.05rem; margin-bottom:4px; letter-spacing:.2px; }
.about-boris .fact .label{ color:var(--muted); font-size:.92rem; }

/* мини-таймлайн */
.about-boris .timeline{
  position:relative; max-width:760px; margin: 6px auto 18px; padding-left:0; list-style:none;
}
.about-boris .timeline::before{
  content:""; position:absolute; left:50%; top:0; bottom:0; width:2px; transform:translateX(-50%);
  background: linear-gradient(180deg,
    color-mix(in oklab, var(--brand-500), transparent 40%),
    color-mix(in oklab, var(--ink), transparent 85%));
  opacity:.7;
}
.about-boris .timeline li{
  position:relative; display:grid; grid-template-columns: 1fr 1fr; gap:18px; align-items:start;
  padding: 12px 0;
}
.about-boris .timeline li:nth-child(odd){ direction: rtl; }
.about-boris .timeline li > *{ direction:ltr; }
.about-boris .t-badge{
  justify-self:end;
  background: linear-gradient(135deg,
    color-mix(in oklab, var(--brand-500), transparent 12%),
    color-mix(in oklab, var(--brand-600), transparent 28%));
  border: 1px solid color-mix(in oklab, var(--brand-500), transparent 26%);
  padding:6px 10px; border-radius:10px; font-weight:800; font-size:.9rem; color:var(--ink);
}
.about-boris .timeline p{
  justify-self:start; margin:0; color:var(--muted); max-width:32ch;
}

/* CTA */
.about-boris .about-cta{ justify-content:center; gap:12px; margin-top: 8px; }

/* адаптив */
@media (max-width: 900px){
  .about-boris .facts{ grid-template-columns: 1fr; }
  .about-boris .timeline{ padding:0 8px; }
  .about-boris .timeline::before{ left:8px; transform:none; }
  .about-boris .timeline li{ grid-template-columns: 1fr; padding-left: 18px; }
  .about-boris .timeline li:nth-child(odd){ direction:ltr; }
  .about-boris .t-badge{ justify-self:start; }
}


/* ===== Slogan — Liquid Glass + Video ===== */
.lenuma-slogan{
  position: relative;
  padding: clamp(80px, 10vw, 160px) 0;
  color: var(--ink);
  background: var(--bg);            /* фолбэк, если видео не загрузится */
  isolation: isolate;
  overflow: clip;
}

/* video background layer */
.lenuma-slogan .slogan-bg{
  position: absolute; inset: 0; z-index: 1; overflow: hidden;
}
.lenuma-slogan .slogan-video{
  position: absolute; inset: 0;
  width: 100%; height: 100%; object-fit: cover;
  transform: scale(1.03);
  filter: saturate(1.05) contrast(1.02) brightness(.9);
}
.lenuma-slogan .slogan-tint{
  position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.6)),
    radial-gradient(1000px 520px at 18% 8%,
      color-mix(in oklab, var(--brand-500, #5a9cff), transparent 78%), transparent 72%);
}

/* content layer above video */
.lenuma-slogan .slogan-wrap{
  position: relative; z-index: 2;
  max-width: min(960px, 92vw);
  margin: 0 auto; padding: 0 12px;
  text-align: center;
}

/* glass card */
.lenuma-slogan .glass-card{
  position: relative; display: inline-block; overflow: hidden;
  padding: clamp(24px, 4vw, 44px);
  border-radius: 28px;
  background: linear-gradient(180deg,
      color-mix(in oklab, var(--bg-2, #0d1219), transparent 35%),
      color-mix(in oklab, var(--bg, #090c11),  transparent 12%));
  border: 1px solid color-mix(in oklab, var(--ink, #eef3ff), transparent 86%);
  box-shadow: 0 18px 60px rgba(0,0,0,.42);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
  backdrop-filter: blur(18px) saturate(1.15);
}
.lenuma-slogan .glass-card::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none;
  background: linear-gradient(135deg,
    color-mix(in oklab, var(--brand-500, #5a9cff), transparent 10%),
    color-mix(in oklab, var(--ink, #eef3ff),        transparent 90%));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
}
.lenuma-slogan .glass-card::after{
  content:""; position:absolute; inset:1px; border-radius: calc(28px - 1px); pointer-events:none;
  background: radial-gradient(140% 100% at 50% -25%, rgba(255,255,255,.10), transparent 45%);
}

/* headline */
.lenuma-slogan .slogan{
  margin: 0;
  font-weight: 800;
  font-size: clamp(32px, 6.6vw, 72px);
  line-height: 1.15;
  letter-spacing: .3px;
}
.lenuma-slogan .slogan span{
  display: inline-block;
  opacity: 0; transform: translateY(20px);
  transition: opacity .6s ease, transform .6s ease;
  background: linear-gradient(90deg,
    color-mix(in oklab, var(--ink, #eef3ff), #ffffff 10%),
    color-mix(in oklab, var(--brand-500, #5a9cff), #ffffff 8%),
    color-mix(in oklab, var(--ink, #eef3ff), #ffffff 10%));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.lenuma-slogan .slogan span.show{ opacity:1; transform: translateY(0); }

/* motion/energy saving */
@media (prefers-reduced-motion: reduce){
  .lenuma-slogan .slogan-video{ display:none; }
  .lenuma-slogan *{ transition:none !important; }
}



/* --- Общий фоновый ролик --- */
.video-section{
  position: relative;
  overflow: hidden;
}
.section-video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  filter: saturate(1.05) contrast(1.02) brightness(.9);
}
.section-tint{
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.65));
}

/* Контентные секции должны быть ПРОЗРАЧНЫМИ внутри video-section */
.video-section > section{
  position: relative;
  z-index: 2;
}

/* Глушим фоны у секций внутри общего видео */
.video-section .lenuma-slogan,
.video-section .lenuma-about{
  background: transparent !important;   /* перекрывает var(--bg) и градиенты */
}

/* Если в about был ambient grid через ::after — отключим внутри общего видео */
.video-section .lenuma-about::after{
  content: none !important;
}

/* У слогана мы больше не используем его собственный bg-слой */
.video-section .slogan-bg{ display: none !important; }



/* ===== ЕДИНЫЙ ВИДЕОФОН (оверрайды) ===== */
.video-section{ position:relative; overflow:hidden; }
.section-video{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; z-index:0;
  filter:saturate(1.05) contrast(1.02) brightness(.9);
}
.section-tint{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.65));
}
.video-section > section{ position:relative; z-index:2; }

/* Секции внутри общего видео должны быть прозрачные по фону */
.video-section .lenuma-slogan,
.video-section .lenuma-about,
.video-section .about-oleg,
.video-section .about-boris{
  background: transparent !important;
}

/* Удаляем локальные фоновые слои/ambient grid, если они были */
.video-section .lenuma-about::after{ content:none !important; }
.video-section .about-oleg .about-bg,
.video-section .about-boris .about-bg{ display:none !important; }

/* (опц.) если где-то стоял overflow: clip; он может резать видео-наслоения */
.video-section .lenuma-slogan,
.video-section .lenuma-about,
.video-section .about-oleg,
.video-section .about-boris{ overflow: visible; }


/* ====== About / Philosophy Lenuma ====== */

/* общий контейнер секции */
.section.lenuma-about,
.section.lenuma-philosophy {
  position: relative;
  padding: clamp(60px, 8vw, 120px) 5vw;
  z-index: 2;
}

/* выравнивание */
.about-wrap {
  max-width: 1200px;
  margin: 0 auto;
}

/* стеклянная карточка */
.about-card {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 28px;
  border: 1px solid color-mix(in oklab, #ffffff 18%, transparent);
  backdrop-filter: blur(22px) saturate(120%);
  -webkit-backdrop-filter: blur(22px) saturate(120%);
  box-shadow:
    0 18px 48px -12px rgba(0, 0, 0, 0.55),
    0 1px 0 0 rgba(255, 255, 255, 0.3) inset,
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
  padding: clamp(32px, 6vw, 56px);
}

/* заголовок */
.about-head {
  text-align: center;
  margin-bottom: clamp(36px, 6vw, 56px);
}
.about-head .chip.brand {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #eaf2ff;
  background: rgba(255, 255, 255, 0.08);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 16px;
  backdrop-filter: blur(10px);
}
.about-head h2 {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 700;
  color: #fff;
  margin: 0.5rem 0 1rem;
}
.about-head h2 .grad {
  background: linear-gradient(90deg, #78beff, #a0fff0, #ff79a1);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.about-head .subhead {
  max-width: 680px;
  margin: 0 auto;
  font-size: 1.05rem;
  line-height: 1.6;
  color: #b6c5dc;
}

/* столбцы-ценности */
.pillars {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: clamp(24px, 3vw, 40px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pillar h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #eaf2ff;
  margin-bottom: 0.4rem;
}
.pillar p {
  color: #b6c5dc;
  line-height: 1.5;
}

/* блок основателей или философии */
.founders {
  display: grid;
  gap: 24px;
  margin-top: clamp(40px, 6vw, 64px);
}
.founder {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
.founder .mono {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(255,255,255,0.08);
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  backdrop-filter: blur(6px);
}
.founder .meta h4 {
  margin: 0 0 6px;
  color: #eaf2ff;
  font-weight: 600;
}
.founder .meta p {
  margin: 0;
  color: #b6c5dc;
  line-height: 1.4;
}

/* ключевые метрики */
.metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 28px;
  margin-top: clamp(40px, 6vw, 64px);
  list-style: none;
  padding: 0;
}
.metric {
  text-align: center;
}
.metric .num {
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}
.metric .label {
  font-size: 0.95rem;
  color: #b6c5dc;
  line-height: 1.4;
}

/* адаптивность */
@media (max-width: 768px) {
  .about-card {
    padding: 28px 20px;
  }
  .about-head h2 {
    font-size: 1.8rem;
  }
  .founder {
    flex-direction: column;
    align-items: flex-start;
  }
  .founder .mono {
    margin-bottom: 6px;
  }
}