/* О студии — свои стили страницы (общие компоненты в /_assets/styles.css, не правим) */

/* 3. Почему только девелоперы: .sgrid + .smedia — общий компонент в styles.css */

/* 9. Команда: четыре карточки-заглушки */
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.team li{display:grid;gap:6px;align-content:start}
.team__ph{aspect-ratio:4/5;border-radius:var(--r-card);background:var(--bone-2);box-shadow:inset 0 0 0 1px rgba(26,20,18,.1);display:grid;place-items:center;margin-bottom:8px;padding:12px;text-align:center}
.team b{font-weight:500;font-size:18px;letter-spacing:-.01em;line-height:1.25}
.team>li>span{color:var(--mute-l);font-size:15px;line-height:1.35}

@media (max-width:1100px){
  .team{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .team{gap:10px}
  .team__ph{aspect-ratio:4/4.4}
  .team b{font-size:16px}
  .team>li>span{font-size:13.5px}
}
@media (max-width:360px){
  .team{grid-template-columns:1fr}
  .team__ph{aspect-ratio:16/10}
}

/* 03.10 Алексей: подзаголовок «О студии» мельче и правее — отделить от H1 */
@media (min-width:901px){.phead .sub{font-size:clamp(16px,1.15vw,18px);max-width:36ch;margin-left:auto}}

/* 03.10: текст Алексея — H2 «соавторство» ровно в 3 строки, «визуал — наш» не рвём */
@media (min-width:901px){#co .hl .sl{white-space:nowrap}}

/* 03.10 Алексей: цифры доверия ближе к видео (было --section + 72px пустоты) */
#trust.numbers{padding-top:0}
#trust .nums{margin-top:clamp(8px,1vw,16px)}

/* 03.10 Алексей: цифры доверия на мобайле — в столбик, каждая цифра с подписью */
@media (max-width:900px){#trust .nums{grid-template-columns:1fr}#trust .nums li{padding-left:0;border-left:0}}

/* ---------- 8. Награды: карточки. Один слой видео на весь фон; в покое — постер (background карточки) под сильным затемнением,
   при наведении видео проявляется и играет по кругу (src — data-hover-src, скрипт в index.html); тач/reduced-motion/flat — только постер ---------- */
.awc{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.awc__card{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(360px,30vw,460px);padding:clamp(18px,2vw,26px);border-radius:var(--r-frame);background:var(--night) var(--poster) center/cover no-repeat;color:var(--milk);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(28px,4vw,56px)}
.awc__bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s var(--ease-soft)}
.awc__card.is-hover .awc__bg{opacity:1}
/* 03.10 Алексей: постер в покое заметно темнее (~.84–.88), чтобы текст и логотип читались; при наведении видео чуть светлее, но под затемнением (~.7) */
.awc__card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(26,20,18,.86) 0%,rgba(26,20,18,.83) 40%,rgba(26,20,18,.96) 100%);transition:opacity .7s}
.awc__card.is-hover::after{opacity:.84}
.awc__top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.awc__top .aw__logo{width:100px;height:58px;margin:4px 0 0}
.awc__year{font-weight:300;font-size:clamp(56px,5.5vw,84px);line-height:.85;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.awc__body{display:grid;gap:8px;max-width:46ch}
.awc__t{font-weight:500;font-size:clamp(19px,1.5vw,22px);letter-spacing:-.01em;line-height:1.2}
.awc__body p{color:var(--mute-d);font-size:15px;line-height:1.4}
.awc__body .link{margin-top:4px;justify-self:start}
html.flat .awc__card video{display:none}

/* ---------- 8а. Цитата основателя — редакционная; фото-пилюля у подписи внизу (03.10 Алексей: из строки цитаты убрана) ---------- */
.awcq{margin:0;max-width:none}
.awcq blockquote p{font-size:clamp(32px,4.6vw,72px);line-height:1.02;letter-spacing:-.035em;max-width:22ch;text-wrap:balance}
.awcq .sl{white-space:nowrap}
.awcq figcaption{margin-top:28px;display:flex;align-items:center;gap:16px}
.awcq__pill{flex:0 0 auto;width:104px;height:60px;border-radius:999px;object-fit:cover;object-position:50% 50%;background:var(--bone-2);display:block}
@media (max-width:900px){.awcq__pill{width:92px;height:54px}}
#founder .quote figcaption b{color:var(--ink)}

@media (max-width:900px){
  .awc{grid-template-columns:1fr}
  .awc__card{min-height:0;gap:32px}
  .awc__top .aw__logo{width:84px;height:50px}
  .awcq blockquote p{font-size:clamp(26px,7.4vw,32px)}
}

/* 07.10 ночь (аудит A-06): после перестановки цифры #trust идут не сразу за шапкой, а после цитаты основателя (светлая) —
   возвращаем им собственные поля сверху и снизу, иначе линии таблицы цифр ложатся на стык фонов. Точные значения — волна дизайна D1. */
#founder+#trust.numbers{padding-top:var(--s-chap);padding-bottom:var(--s-chap)}  /* 07.10 D1: цифры — своя тёмная глава между двумя светлыми, стык 144 / 88 (было --section → 260 / 128) */
#founder+#trust .nums{margin-top:0}

/* 09.10 (Алексей): «Смотреть работы для застройщиков» под логотипами — по центру */
.tease__foot{justify-content:center}

/* 09.10 (Алексей): 4 метрики — на десктопе в ряд, на мобильном 2 колонки × 2 строки */
#trust .nums--4{grid-template-columns:repeat(4,minmax(0,1fr))}
#trust .nums--4 li:nth-child(n){padding-left:24px;border-left:1px solid var(--line-d)}
#trust .nums--4 li:first-child{padding-left:0;border-left:0}
@media (max-width:900px){
  #trust .nums--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  #trust .nums--4 li:nth-child(n){padding:20px 12px 22px 0;border-left:0}
  #trust .nums--4 li:nth-child(2n){padding-left:16px;border-left:1px solid var(--line-d)}
}

/* 14.10 (Алексей): еле заметная тёмная обводка аватарки, чтобы отделить от фона */
.awcq__pill{box-shadow:0 0 0 1px rgba(26,20,18,.14)}

/* 14.10 (Алексей): цитата на всю ширину контейнера, аватар и подпись — по центру экрана */
.awcq blockquote p{max-width:none;text-align:center;text-wrap:balance}
.awcq figcaption{justify-content:center;margin-top:clamp(28px,3vw,44px)}
/* 14.10 (Алексей): #founder на тёмном фоне — обводка аватара светлая, еле заметная */
#founder .awcq__pill{box-shadow:0 0 0 1px rgba(255,255,255,.16)}
#founder .quote figcaption b{color:var(--milk)}
#founder{padding-top:clamp(56px,6.7vw,96px)} /* hero и цитата теперь одного тона: воздух сверху = снизу */