/* Дополнения к news-landing.css для страницы партнёрства с банками.
   Базовые токены и секции (.stage, .fig-row, .take, .mgr, .final) берём оттуда,
   здесь только блоки, которых в новостном лендинге нет. */

/* ---- about: светлая секция «кто мы» ---- */
.about{background:var(--black-2);padding:clamp(64px,10vw,132px) 0;border-bottom:1px solid var(--line)}
.about__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,88px);align-items:start}
.about .kicker{margin-bottom:22px}
.about h2{max-width:16ch}
.about__text p{font-size:16.5px;font-weight:300;line-height:1.75;color:var(--dim);margin-bottom:1.1em}
.about__text strong{color:var(--warm);font-weight:500}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tags span{
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--warm);
  border:1px solid var(--line-2);padding:9px 14px;
}

/* ---- approach: тезисы подхода на светлом ---- */
.takes__lead{max-width:56ch;margin:-24px 0 clamp(34px,4.4vw,56px);font-size:16.5px;font-weight:300;line-height:1.7;color:var(--dim)}

/* ---- break: цифра отбора ----
   Фирменный красный #B41E14 на тёмном фото не читается (жалоба 12.10):
   светлее и жирнее, тот же оттенок */
.break__q .num-accent{color:#FF5A4D;font-weight:700;text-shadow:0 1px 18px rgba(0,0,0,.45)}

/* ---- steps: как работаем с банком ---- */
.steps{background:var(--black);padding:clamp(64px,10vw,132px) 0}
.steps .kicker{margin-bottom:20px}
.steps h2{max-width:20ch;margin-bottom:clamp(38px,5vw,64px)}
.steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.step{background:var(--black-2);padding:clamp(24px,2.8vw,34px) clamp(20px,2.2vw,28px)}
.step__i{display:block;font-size:clamp(30px,3.4vw,40px);font-weight:300;letter-spacing:-.03em;line-height:1;color:var(--red)}
.step__t{margin-top:18px;font-size:clamp(18px,1.8vw,21px);font-weight:500;letter-spacing:-.018em;line-height:1.28;color:var(--white)}
.step__p{margin-top:12px;font-size:15px;font-weight:300;line-height:1.65;color:var(--dim)}
.notes{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2.4vw,28px);margin-top:clamp(26px,3.4vw,40px)}
.note{border-left:3px solid var(--red);padding:6px 0 6px clamp(16px,2vw,24px)}
.note b{display:block;font-size:17px;font-weight:500;letter-spacing:-.012em;color:var(--white)}
.note p{margin-top:6px;font-size:15px;font-weight:300;line-height:1.6;color:var(--dim)}

/* ---- terms: условия партнёрства ---- */
.terms{background:var(--black-2);padding:clamp(64px,9vw,120px) 0;border-block:1px solid var(--line)}
.terms__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,88px);align-items:center}
.terms .kicker{margin-bottom:18px}
.terms__big{font-size:clamp(84px,16vw,200px);font-weight:300;letter-spacing:-.05em;line-height:.9;color:var(--red)}
.terms__cap{margin-top:14px;font-size:clamp(18px,2vw,22px);font-weight:300;line-height:1.4;color:var(--white);max-width:22ch}
.terms__text p{font-size:16.5px;font-weight:300;line-height:1.75;color:var(--dim);margin-bottom:1.1em}
.terms__text p:last-child{margin-bottom:0}

/* ---- team: место под фото команды (черновик) ---- */
.team{background:var(--black);padding:clamp(64px,9vw,120px) 0}
.team .kicker{margin-bottom:20px}
.team h2{max-width:18ch;margin-bottom:clamp(30px,4vw,48px)}
.team__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,20px)}
.team__img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%;background:var(--black-2)}
.team__wide{margin-top:clamp(12px,1.6vw,20px)}
.team__wide img{width:100%;aspect-ratio:3/2;object-fit:cover}
.team__wide figcaption{margin-top:10px;font-size:13px;letter-spacing:.06em;color:var(--dim-2)}

/* ---- hero: вертикальный ролик фоном — только на телефоне ---- */
.hero__video{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ---- reel: ролик рядом с текстом на десктопе ---- */
.reel{background:var(--black);padding:clamp(56px,8vw,110px) 0;border-bottom:1px solid var(--line)}
.reel__in{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(30px,6vw,88px);align-items:center}
.reel__media{position:relative;margin:0}
.reel__video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#0E1013}
.reel__photo{display:none;width:100%;aspect-ratio:3/2;object-fit:cover}
.reel .kicker{margin-bottom:20px}
.reel h2{max-width:18ch}
.reel__text p{margin-top:22px;font-size:16.5px;font-weight:300;line-height:1.7;color:var(--dim);max-width:46ch}

@media (max-width:1000px){
  .reel__in{grid-template-columns:minmax(0,280px) minmax(0,1fr)}
  .about__in,.terms__in{grid-template-columns:1fr}
  .steps__grid{grid-template-columns:repeat(2,1fr)}
  .team__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .hero__video{display:block}
  .reel__in{grid-template-columns:1fr;gap:26px}
  .reel__video{display:none}
  .reel__photo{display:block}
  .steps__grid{grid-template-columns:1fr}
  .notes{grid-template-columns:1fr}
  .takes__lead{margin-top:-18px}
}