/* 39е · страницы «Видео и сериал», «Отзывы и интервью», «Нанять сотрудника» (07.10.2026)
   Дополняет 39e.css, общий файл не меняет. */

/* шапка страницы с двумя колонками */
.sg-setka{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:32px;align-items:end}
.sg-setka h1{grid-column:1/8;margin-bottom:0}
.sg-setka .lid{grid-column:8/13}
@media (max-width:860px){ .sg-setka h1,.sg-setka .lid{grid-column:1/-1} }

/* продающее видео: большой кадр на всю рамку */
.video-bolshoy{aspect-ratio:16/9;min-height:0;height:auto}
.video-bolshoy .pusk{left:clamp(20px,3vw,48px);bottom:clamp(20px,3vw,48px);font-size:clamp(20px,1.8vw,26px)}
.video-bolshoy .pusk i{width:clamp(64px,7vw,104px);height:clamp(64px,7vw,104px)}
.video-pod{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:16px;margin-top:40px;align-items:baseline}
.video-pod h2{grid-column:1/7;font-size:clamp(32px,3.6vw,52px);max-width:18ch}
.video-pod p{grid-column:7/12;font-size:var(--t-lead);color:var(--vtor)}
.video-pod .status{grid-column:12/13;justify-self:end;margin-top:0}
@media (max-width:860px){
  .video-bolshoy{aspect-ratio:4/3}
  .video-bolshoy .pusk{font-size:17px;gap:12px;left:16px;right:16px;bottom:16px}
  .video-bolshoy .pusk i{width:56px;height:56px;flex:none}
  .video-bolshoy .pusk small{font-size:15px}
  .video-pod h2,.video-pod p,.video-pod .status{grid-column:1/-1;justify-self:start}
}

/* сериал: подписка под сериями */
.podpiska{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:24px;margin-top:clamp(64px,7vw,104px);padding-top:40px;border-top:1px solid var(--lin-t);align-items:end}
.podpiska h3{grid-column:1/6;font-size:clamp(30px,3vw,44px);line-height:1.02}
.podpiska p{grid-column:6/10;color:#D6D3CB}
.podpiska .socseti{grid-column:10/13;flex-direction:column;gap:14px;margin-top:0;font-size:20px}
.socseti a[aria-disabled="true"]{cursor:default;opacity:.75}
.socseti-pom{font-size:var(--t-podp);opacity:.8}
@media (max-width:1024px){ .podpiska h3,.podpiska p,.podpiska .socseti{grid-column:1/-1} .podpiska .socseti{flex-direction:row;flex-wrap:wrap;gap:12px 28px} }

/* лента «Сотрудник за работой»: прокрутка вбок внутри ленты, карточки разной ширины */
.lenta-rabot{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:var(--chern) var(--lin)}
.lenta-rabot:focus-visible{outline-offset:6px}
.rabota{flex:none;width:clamp(280px,40vw,560px);scroll-snap-align:start}
.lenta-rabot{align-items:flex-start}
.rabota.uzk{width:clamp(250px,28vw,400px);margin-top:clamp(40px,6vw,96px)}
.rabota-kadr{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bumaga)}
.rabota-kadr img{width:100%;height:100%;object-fit:cover}
.rabota-niz{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:18px;border-top:1px solid var(--chern);margin-top:18px}
.rabota-imya{font-size:clamp(28px,2.6vw,40px);font-weight:800;letter-spacing:-.035em;line-height:1}
.rabota-rol{font-size:var(--t-podp);color:var(--vtor);margin-top:8px}
.rabota .skoro{margin-top:0;flex:none}
.lenta-pom{margin-top:20px;font-size:var(--t-podp);color:var(--vtor)}
@media (max-width:860px){ .rabota{width:82vw} .rabota.uzk{width:66vw;margin-top:48px} }

/* отзывы: первый выпуск */
.vypusk{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:32px;align-items:end}
.vypusk-kadr{grid-column:1/9;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--chern)}
.vypusk-kadr img{width:100%;height:100%;object-fit:cover}
.vypusk-kadr .pusk-m{position:absolute;left:clamp(20px,3vw,40px);bottom:clamp(20px,3vw,40px);width:clamp(64px,6vw,88px);height:clamp(64px,6vw,88px);border-radius:50%;background:var(--bumaga);display:grid;place-items:center}
.vypusk-kadr .pusk-m::after{content:"";border-left:20px solid var(--chern);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.vypusk-tekst{grid-column:9/13}
.vypusk-tekst h2{font-size:clamp(34px,3.4vw,52px);margin-bottom:24px}
.vypusk-tekst p{margin-bottom:16px}
@media (max-width:860px){ .vypusk-kadr,.vypusk-tekst{grid-column:1/-1} }

/* отзывы: форматы строками */
.formaty{border-top:1px solid var(--chern)}
.format{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:20px;padding:clamp(40px,4vw,64px) 0;border-bottom:1px solid var(--lin2)}
.format-imya{grid-column:1/6}
.format-imya h3{font-size:clamp(30px,3vw,46px);line-height:1.02;margin-bottom:14px}
.format-dlit{font-weight:700;font-size:20px}
.format-opis{grid-column:6/13}
.format-opis>p{font-size:var(--t-lead);margin-bottom:20px}
.format-opis ul li{padding:12px 0 12px 26px;border-top:1px solid var(--lin);position:relative}
.format-opis ul li::before{content:"";position:absolute;left:0;top:25px;width:12px;height:2px;background:var(--chern)}
@media (max-width:860px){ .format-imya,.format-opis{grid-column:1/-1} }

/* контакты: что будет после заявки */
.posle{border-top:1px solid var(--chern)}
.posle-str{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:12px;padding:clamp(32px,3.6vw,52px) 0;border-bottom:1px solid var(--lin2);align-items:baseline}
.posle-str h3{grid-column:1/7;font-size:clamp(28px,2.8vw,42px);line-height:1.05}
.posle-str p{grid-column:7/13;font-size:var(--t-lead);color:var(--vtor)}
@media (max-width:860px){ .posle-str h3,.posle-str p{grid-column:1/-1} }

/* контакты: соцсети и реквизиты */
.svyaz{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:56px}
.svyaz-soc{grid-column:1/6}
.svyaz-rekv{grid-column:7/13}
.svyaz h2{font-size:clamp(34px,3.4vw,52px);margin-bottom:28px}
.svyaz-soc .socseti{flex-direction:column;gap:16px;margin-top:0;font-size:22px}
.svyaz-soc .socseti-pom{margin-top:24px}
.rekv{border-top:1px solid var(--chern)}
.rekv div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--lin2)}
.rekv dt{font-size:var(--t-podp);font-weight:600;color:var(--vtor);padding-top:3px}
.rekv dd{font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pd152{margin-top:28px;font-weight:600}
@media (max-width:860px){ .svyaz-soc,.svyaz-rekv{grid-column:1/-1} .rekv div{grid-template-columns:1fr;gap:4px} }

/* заявка на светлом поле: крупно */
.zayavka-krup .zayavka-tekst h1{font-size:clamp(48px,6vw,96px);margin-bottom:28px;max-width:12ch}
.zayavka-krup .forma{padding-top:8px}

/* читаемость подписи на кадре и названия на постере */
.video-bolshoy::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(to top,rgba(11,11,10,.78),rgba(11,11,10,0));pointer-events:none}
.video-bolshoy .pusk{z-index:1}
.serial-media .serial-poster .nazv{color:var(--chern)}
.h2-dlin{font-size:clamp(38px,4.2vw,62px);max-width:14ch}

/* ===== 08.10 · итоговые правки (разбор B) ===== */
/* видео без ролика: «Ролик скоро», без треугольника запуска */
.video-skoro{cursor:default}
.video-skoro:hover img{transform:none}
.video-skoro .pusk>span{font-size:clamp(24px,2.4vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.video-skoro .pusk small{font-size:clamp(15px,1.3vw,19px);font-weight:600;margin-top:8px;opacity:1}
/* отзывы: метка «Скоро» на кадре вместо кнопки запуска */
.vypusk-skoro{position:absolute;left:clamp(16px,3vw,40px);bottom:clamp(16px,3vw,40px);background:var(--pole);color:var(--chern);font-weight:800;font-size:18px;padding:10px 16px}
.vypusk-data{font-weight:600}
/* ролики сотрудников: на телефоне видно полторы карточки, полосы прокрутки нет */
a.rabota-imya{display:block;text-decoration:none}
a.rabota-imya:hover{text-decoration:underline}
@media (hover:none){ .lenta-rabot{scrollbar-width:none} .lenta-rabot::-webkit-scrollbar{display:none} }
@media (max-width:860px){ .rabota{width:60vw} .rabota.uzk{width:50vw;margin-top:40px} .rabota-imya{font-size:26px} }
/* сериал на телефоне компактнее: кадр серии слева от текста */
@media (max-width:860px){ .seriya{grid-template-columns:120px 1fr;gap:16px} .seriya h3{font-size:21px} }
@media (max-width:600px){ .serial-poster{max-width:300px} }

/* круг 2 (08.10): карточки роликов одного размера и на одной линии */
.rabota.uzk{width:clamp(280px,40vw,560px);margin-top:0}
@media (max-width:860px){ .rabota,.rabota.uzk{width:72vw;margin-top:0} }