/* Единый вид карточек и окон листания.
   Эталон — карточки раздела «Опыт»: номер, заголовок с засечками, пояснение,
   внизу «Подробнее →» и при необходимости кнопка. Подключается последним. */

/* ---------- сетки ---------- */
#work-with-me .lead-routes-grid,
#formats .formats-grid,
#project-launch .formats-grid,
#investors-list{
  display:grid!important;gap:12px!important;overflow:visible!important;
  grid-template-rows:none!important;margin-top:0;
}
#work-with-me .lead-routes-grid{margin-top:23px!important}
#formats .formats-grid,#project-launch .formats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#work-with-me .lead-routes-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#investors-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (min-width:740px) and (max-width:1199px){
  #work-with-me .lead-routes-grid,#formats .formats-grid,#project-launch .formats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #investors-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:739px){
  #work-with-me .lead-routes-grid,#formats .formats-grid,#project-launch .formats-grid,#investors-list{grid-template-columns:1fr!important}
}
#how-we-work .formats,#launch .formats{margin-top:0;padding-top:0;border-top:0}
#how-we-work .section-head,#launch .section-head{margin-bottom:22px}

/* ---------- карточка ---------- */
#experience #facts-bar > li,
#work-with-me .lead-route-card,
#consulting #services > li,
#formats .format,
#project-launch .format,
#investors-list .inv-card,
.route-picks .route-pick{
  position:relative;display:flex!important;flex-direction:column;align-items:stretch;gap:8px;
  min-width:0;text-align:left;cursor:pointer;overflow:visible!important;
  background:var(--panel);border:1px solid var(--line)!important;border-radius:12px!important;
  padding:18px 16px!important;box-shadow:none;
  transition:border-color .15s ease;
}
#experience #facts-bar > li:hover,
#work-with-me .lead-route-card:hover,
#consulting #services > li:hover,
#formats .format:hover,
#project-launch .format:hover,
#investors-list .inv-card:hover,
.route-picks .route-pick:hover{border-color:var(--ink)!important}
#work-with-me .lead-route-card:focus-visible,
.route-picks .route-pick:focus-visible,
#consulting #services .svc:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* номер */
#experience .svc-n,#work-with-me .svc-n,#consulting .svc-n,#formats .svc-n,#project-launch .svc-n,#investors-list .svc-n,.route-picks .svc-n{
  position:static!important;margin:0!important;font:400 12px/1.2 var(--sans,inherit)!important;letter-spacing:.1em;color:var(--muted);text-transform:none;
}
/* заголовок */
#experience .fact-open,#work-with-me .lead-route-card h3,#consulting #services .svc-t,#formats .format h4,#project-launch .format h4,#investors-list .inv-card h3,.route-picks .route-pick b{
  font:400 20px/1.25 var(--serif)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink);margin:0!important;padding:0!important;
}
/* пояснение */
#experience .fact-l,#work-with-me .lead-route-card p,#consulting #services .svc-b,#formats .format p,#project-launch .format p,#investors-list .inv-card .inv-what,.route-picks .pk-text{
  font-size:15px!important;line-height:1.5!important;color:var(--muted)!important;margin:0!important;flex:0 1 auto;
  display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;
}
/* срок формата и «для кого» — малая подпись */
#formats .format-term,#project-launch .format-term{
  align-self:flex-start;justify-self:auto;background:none;border-radius:0;padding:0;
  font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-align:left;
}
#investors-list .inv-tag{display:none}
/* решение в консалтинге */
#consulting #services .svc-d,#work-with-me .lead-route-card .svc-d,.route-picks .route-pick .svc-d{display:block;font-size:15px;line-height:1.5;color:var(--ink);padding-top:10px;border-top:1px dashed var(--line);margin-top:2px;align-self:stretch}
#consulting #services .svc-d b,#work-with-me .lead-route-card .svc-d b,.route-picks .route-pick .svc-d b{display:block;color:var(--accent);font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}
/* подвал карточки */
#experience #facts-bar .format-foot,
#work-with-me .lead-route-card .format-foot,
#formats .format-foot,#project-launch .format-foot,
#investors-list .inv-foot,
.route-picks .pk-foot{
  display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important;gap:10px;
  margin-top:auto!important;padding-top:10px;
}
#experience .format-more,#work-with-me .format-more,#consulting .svc-more,#formats .format-more,#project-launch .format-more,#investors-list .inv-read,.route-picks .pk-more{
  font:400 13px/1.3 var(--sans,inherit)!important;color:var(--muted)!important;margin:0!important;padding:0!important;background:none;border:0;white-space:nowrap;cursor:pointer;
}
#consulting #services .svc-more,.route-picks .pk-more{margin-top:auto!important;padding-top:10px!important}
#experience .fact-card:hover .format-more,#work-with-me .lead-route-card:hover .format-more,#consulting #services > li:hover .svc-more,#formats .format:hover .format-more,#project-launch .format:hover .format-more,#investors-list .inv-card:hover .inv-read,.route-picks .route-pick:hover .pk-more{color:var(--accent)!important}
/* ссылка консалтинга занимает всю карточку */
#consulting #services > li{padding:0!important}
#consulting #services .svc{
  display:flex!important;flex-direction:column;gap:8px;flex:1;min-width:0;
  padding:18px 16px!important;border:0!important;background:none!important;color:inherit;text-decoration:none;text-align:left;border-radius:12px;
}
#consulting #services .svc::after{content:"";position:absolute;inset:0;border-radius:12px}
#consulting #services .svc:hover{background:none!important}
.route-picks .route-pick .pk-more i{display:none}
.route-picks{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:639px){.route-picks{grid-template-columns:1fr}}

/* ---------- ряд действий под опытом ---------- */
#experience .cv-row{display:flex;flex-wrap:wrap;gap:10px}

/* ---------- окно листания ---------- */
#route-modal .modal-body{max-width:760px}
#route-modal h2{font:400 clamp(26px,4vw,34px)/1.15 var(--serif);margin:0 0 8px;padding-right:48px}
#route-modal .sub{margin:0 0 4px}
#route-modal .route-picks{margin-top:20px;gap:12px}
#route-modal .pg-back{margin:0 0 18px}
#route-modal .pg-tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
#route-modal .pg-lead{font-size:17px;line-height:1.55;color:var(--ink);margin:0 0 6px}
#route-modal .pg-blocks{display:grid;gap:18px;margin:22px 0 0}
#route-modal .pg-block h3{font:500 12px/1.3 var(--sans,inherit);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}
#route-modal .pg-block p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}
#route-modal .pg-block ul{margin:0;padding-left:19px;color:var(--muted);font-size:15px;line-height:1.6}
#route-modal .pg-block li{margin:0 0 5px}
#route-modal .pg-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
#route-modal .pg-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
#route-modal .pg-pos{font-size:14px;color:var(--muted);min-width:64px;text-align:center}
#route-modal .pg-arrow{
  width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--ink);cursor:pointer;
  transition:border-color .15s ease,color .15s ease;
}
#route-modal .pg-arrow:hover{border-color:var(--ink);color:var(--accent)}
#route-modal .pg-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  #experience #facts-bar > li,#work-with-me .lead-route-card,#consulting #services > li,#formats .format,#project-launch .format,#investors-list .inv-card,.route-picks .route-pick,#route-modal .pg-arrow{transition:none}
}

/* «Подробнее →» всегда у левой границы карточки */
#experience #facts-bar .format-foot,#work-with-me .lead-route-card .format-foot,#formats .format-foot,#project-launch .format-foot,#investors-list .inv-foot,.route-picks .route-pick .pk-more{
  align-self:stretch!important;width:100%;margin-left:0!important;margin-right:0!important;text-align:left!important;
}
#work-with-me .lead-route-card{align-items:stretch!important}

/* «Как устроена работа» — продолжение раздела «Консалтинг и аналитика» */
#consulting .how-we-work{margin-top:48px;padding-top:36px;border-top:1px solid var(--line)}
#consulting .how-we-work .formats-head{max-width:680px;margin-bottom:22px}
#consulting .how-we-work .formats-head h3{font:400 clamp(22px,3.4vw,28px)/1.2 var(--serif);margin:0}
#consulting .how-we-work .formats-head .sub{margin-top:8px}
#consulting .how-we-work .formats{margin-top:0;padding-top:0;border-top:0}
/* «Подробнее» и кнопка — в одну строку на одном уровне */
#formats .format-foot,#project-launch .format-foot,#investors-list .inv-foot{
  flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:10px;
}
#formats .format-foot .btn,#project-launch .format-foot .btn,#investors-list .inv-foot .btn{white-space:nowrap;flex:0 0 auto}

/* ===== Исправления по проверке главной ===== */
#formats .formats-grid,#project-launch .formats-grid,#investors-list{height:auto!important;overflow:visible!important;max-height:none!important}
#formats .formats-grid + .snap-dots,#project-launch .formats-grid + .snap-dots,#investors-list + .snap-dots{display:none!important}
/* «Подробнее» и кнопка в одну строку, но без выхода за карточку */
#formats .format-foot,#project-launch .format-foot,#investors-list .inv-foot{flex-wrap:wrap!important;gap:8px 10px!important}
#formats .format-foot .btn,#project-launch .format-foot .btn,#investors-list .inv-foot .btn{padding:7px 14px;font-size:13.5px;max-width:100%}
#experience .format-foot .btn{font-size:13.5px}
/* цели касания */
#experience .format-more,#work-with-me .format-more,#formats .format-more,#project-launch .format-more,#investors-list .inv-read,#consulting .svc-more,.route-picks .pk-more{display:inline-flex;align-items:center;min-height:32px}
.modal-close{min-width:44px;min-height:44px}
/* карточки проектов: кнопки выровнены по низу */
#projects .card{display:flex;flex-direction:column}
#projects .card .card-foot{margin-top:auto}
#formats .format-foot,#project-launch .format-foot,#investors-list .inv-foot{gap:6px 8px!important}
#formats .format-foot .btn,#project-launch .format-foot .btn,#investors-list .inv-foot .btn{padding:7px 10px;font-size:13px}
#formats .format-more,#project-launch .format-more,#investors-list .inv-read{font-size:12.5px!important}
/* При крупном тексте по умолчанию (xl) четыре колонки слишком тесные: две колонки, четыре — только на очень широких экранах */
@media (min-width:740px) and (max-width:1599px){
  #formats .formats-grid,#project-launch .formats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (min-width:1600px){
  #formats .formats-grid,#project-launch .formats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* Скриншоты рабочих кабинетов в досье проекта */
.frame.desktop{width:min(560px,86vw);border-radius:10px;padding:1.5px}
.frame.desktop img,.frame.desktop video{border-radius:8.5px;aspect-ratio:1920 / 1200;object-fit:cover;object-position:left top}