/* ============ «О нас»: одобренные правки (11.10.2026) ============
   Подключается только на o-nas.html, после approved.css.
   Палитру, шрифты и скругления фото не меняем (p06, p10 — «обсудить»/«нет»). */

/* p54 — «Наши объекты»: одно крупное фото, остальные мельче, одно широкое */
.about-objects{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px;}
.about-objects .project-card{display:flex;flex-direction:column;min-width:0;}
.about-objects .project-photo{position:relative;}
.about-objects .project-photo img{position:absolute;inset:0;}
.about-objects .project-title{font-size:17px;line-height:1.3;}
.about-objects .project-row{padding-top:14px;}
.about-objects .project-arrow{width:40px;height:40px;}
.about-objects .project-arrow svg{width:17px;height:17px;}
/* крупное: 2 колонки × 2 ряда, фото растягивается на высоту двух рядов */
.about-objects .project-card:first-child{grid-column:span 2;grid-row:span 2;}
.about-objects .project-card:first-child .project-photo{flex:1 1 auto;aspect-ratio:auto;min-height:360px;}
.about-objects .project-card:first-child .project-title{font-size:21px;}
/* широкое в нижнем ряду: высота как у соседних */
.about-objects .project-card:nth-child(6){grid-column:span 2;}
.about-objects .project-card:nth-child(6) .project-photo{flex:1 1 auto;aspect-ratio:auto;min-height:200px;}

@media (max-width:980px){
  .about-objects{grid-template-columns:repeat(2,minmax(0,1fr));}
  .about-objects .project-card:first-child{grid-row:auto;}
  .about-objects .project-card:first-child .project-photo{flex:none;aspect-ratio:16/10;min-height:0;}
  .about-objects .project-card:nth-child(6) .project-photo{flex:none;aspect-ratio:16/9;min-height:0;}
}
@media (max-width:640px){
  .about-objects{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;}
  .about-objects .project-photo{border-radius:14px;}
  .about-objects .project-title{font-size:15px;}
  .about-objects .project-card:first-child .project-title{font-size:17px;}
  .about-objects .project-row{padding-top:10px;}
  .about-objects .project-card:not(:first-child) .project-arrow{display:none;}
}

/* p55 — видео: первое крупно, остальные пять мельче, без тегов-пилюль */
.about-videos .vid-card figcaption{font-weight:600;font-size:15px;line-height:1.35;}
@media (min-width:1100px){
  #video{display:grid;grid-template-columns:minmax(0,300px) repeat(5,minmax(0,1fr));column-gap:18px;row-gap:0;align-items:end;}
  #video .section-head{grid-column:2 / -1;grid-row:1;align-self:start;margin-bottom:0;padding-left:16px;}
  #video .about-videos{display:contents;}
  #video .vid-card:first-child{grid-column:1;grid-row:1 / span 2;margin-right:16px;}
  #video .vid-card:first-child figcaption{font-size:17px;}
  #video .vid-card:not(:first-child){grid-row:2;}
  #video .vid-card:not(:first-child) video{border-radius:12px;}
  #video .vid-card:not(:first-child) figcaption{font-size:14px;}
}
@media (max-width:1099px){
  .about-videos{grid-template-columns:repeat(8,minmax(0,1fr));gap:24px 16px;}
  .about-videos .vid-card{grid-column:span 2;}
  .about-videos .vid-card:first-child{grid-column:1 / -1;width:100%;max-width:400px;}
  .about-videos .vid-card:nth-child(6){grid-column:4 / 6;}
  .about-videos .vid-card:not(:first-child) video{border-radius:12px;}
  .about-videos .vid-card:not(:first-child) figcaption{font-size:14px;}
}
@media (max-width:640px){
  .about-videos{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px;}
  .about-videos .vid-card:nth-child(5){grid-column:span 2;}
  .about-videos .vid-card:nth-child(6){grid-column:2 / 4;}
  .about-videos .vid-card:first-child{max-width:none;}
}

/* p53 — лента ВК: горизонтальная прокрутка, тонкий, но заметный скроллбар */
#vk .post-strip{scrollbar-width:thin;scrollbar-color:#C3CAD3 transparent;padding-bottom:14px;}
#vk .post-strip::-webkit-scrollbar{height:6px;}
#vk .post-strip::-webkit-scrollbar-track{background:var(--line);border-radius:6px;}
#vk .post-strip::-webkit-scrollbar-thumb{background:#AEB6C1;border-radius:6px;}
@media (max-width:640px){#vk .post-strip{grid-auto-columns:68%;}}

/* p56 — «Кто с вами работает»: одна структура «должность — что делает», без рамок */
.about-team{align-items:center;gap:40px;}
.about-team .photo{border-radius:16px;}
.about-roles{grid-template-columns:minmax(0,1fr);gap:0;}
.about-roles .role{padding:16px 0;}
.about-roles .role:last-child{border-bottom:1px solid var(--line);}
.about-roles .role-title{font-weight:600;font-size:17px;}
.about-roles .role-text{font-size:16px;margin-top:4px;}
@media (max-width:640px){.about-team{gap:24px;}}

/* p57, p58 — отзывы: лента без боковой плашки, одна подпись-источник у старых отзывов */
.about-reviews{grid-template-columns:minmax(0,760px);}
.old-reviews-source{margin:44px 0 18px;font-size:15px;color:var(--ink-soft);}