/*
 * «Команда» на ТЕЛЕФОНЕ — общий файл для всех страниц с этим блоком (19.09.2026, просьба владельца: «точно такие же»):
 * главная (index.html), стоматология (/stom-marketing/), VK (/services/vk-reklama/), Директ (/services/yandex-direct/).
 * Подключается ПОСЛЕДНИМ из стилей страницы, после ее собственных правил блока (home-team.css, stom-poster.css,
 * vk-poster.css, poster.css Директа). Все правила — внутри @media (max-width:980px): компьютерная версия блока
 * на всех страницах не меняется. Разметка: слой .tm-art после .team__head и колода .crew-m — одинаковые на всех
 * страницах, отличается только текст (у стоматологии свой текст и стикер «60+ клиник-партнеров»: класс .tm-st--wide).
 * С 19.09.2026 тот же блок стоит и на 22 старых страницах (кейсы, отрасли, услуги): их плакатные стили — из
 * /services/yandex-direct/poster.css (правила только внутри .pst), свой стикер «100+» — классы .is-wide и .tm-st--projects.
 */
/* ---------- «Команда» на ТЕЛЕФОНЕ по макету владельца (19.09.2026, макет 838×1877, картинки в /assets/home/team/) ----------
 * Компьютер не меняется: все ниже работает только до 980px, а шапка блока в разметке осталась прежней.
 * Лист бумаги на черном. Шапку для телефона рисует отдельный слой .tm-art (на компьютере display:none):
 * заголовок в четыре строки на плашках (белая и синяя — картинки из присланной папки, лаймовая под «Команда,»
 * и светлая под «за ваш» — фигуры), текст, два стикера со счетчиками. Обычная шапка на телефоне скрыта только визуально.
 * Ниже колода карточек (разметка .crew-m — только для телефона): бумага с черным краем слева, лаймовая (нечетные)
 * или синяя (четные) рваная фигура за фото, ч/б фото с белой обводкой, имя на черной плашке, лаймовая плашка
 * «Отвечает за» (картинка из папки, отражена: тень в макете слева). Четные карточки начинаются на 60px макета ниже.
 * Все в единицах макета: --u = 1px макета при ширине 838 (от ширины секции, секция — контейнер).
 * Черточки-«звук» у стикера «10» и у фото в папку не приложены — их нет. Колоду листает home-poster.js ([data-slider]). */
.tm-art{display:none}
@media (max-width:980px){
  .team--ref{--u:calc(100cqw / 838);container-type:inline-size;padding:0;background:var(--ink);color:var(--ink)}
  .team--ref > .wrap{position:relative;max-width:none;margin:0;padding:0;height:calc(1877 * var(--u))}
  .team--ref > .wrap::before{content:"";position:absolute;inset:0;background:var(--paper);clip-path:polygon(calc(13 * var(--u)) calc(20 * var(--u)),calc(822 * var(--u)) calc(10 * var(--u)),calc(826 * var(--u)) calc(1836 * var(--u)),calc(15 * var(--u)) calc(1860 * var(--u)))}
  /* обычная шапка блока: на телефоне только для поиска и экранных чтецов */
  .team--ref .team__head{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

  .tm-art{display:block;position:absolute;inset:0;font:900 16px/1 var(--display);text-transform:uppercase;color:var(--ink);pointer-events:none}
  /* плашки заголовка */
  .tm-lime,.tm-za{position:absolute;inset:0}
  .tm-lime{background:var(--lime);clip-path:polygon(calc(31 * var(--u)) calc(71.5 * var(--u)),calc(41 * var(--u)) calc(72.5 * var(--u)),calc(82 * var(--u)) calc(63.5 * var(--u)),calc(177 * var(--u)) calc(59.5 * var(--u)),calc(224 * var(--u)) calc(51.5 * var(--u)),calc(318 * var(--u)) calc(49.5 * var(--u)),calc(345 * var(--u)) calc(43.5 * var(--u)),calc(455 * var(--u)) calc(35.5 * var(--u)),calc(480 * var(--u)) calc(29.5 * var(--u)),calc(519.5 * var(--u)) calc(30 * var(--u)),calc(539 * var(--u)) calc(180.5 * var(--u)),calc(539 * var(--u)) calc(205 * var(--u)),calc(52 * var(--u)) calc(218 * var(--u)),calc(34.5 * var(--u)) calc(217 * var(--u)))}
  .tm-white,.tm-blue{position:absolute;display:block;max-width:none}
  .tm-white{filter:brightness(1.07);left:calc(53.02 * var(--u));top:calc(169.93 * var(--u));width:calc(553.17 * var(--u));height:calc(185.99 * var(--u));transform:rotate(.892deg) skewX(.81deg)}
  .tm-za{background:#FBFAF7;clip-path:polygon(calc(40 * var(--u)) calc(310 * var(--u)),calc(357 * var(--u)) calc(316 * var(--u)),calc(357 * var(--u)) calc(440 * var(--u)),calc(40 * var(--u)) calc(440 * var(--u)))}
  .tm-blue{left:calc(45.09 * var(--u));top:calc(401.58 * var(--u));width:calc(496.09 * var(--u));height:calc(179.01 * var(--u));transform:rotate(-1.941deg)}
  /* слова заголовка стоят по макету, сайтовый Sofia вытянут по высоте; точка после «результат» черная */
  .tmw{position:absolute;display:block;white-space:nowrap;line-height:1;transform-origin:0 80%}
  .tmw--1{left:calc(55.6 * var(--u));top:calc(97.4 * var(--u));font-size:calc(130.7 * var(--u));transform:rotate(-5.6deg) scaleY(1.314)}
  .tmw--2{left:calc(69.2 * var(--u));top:calc(224 * var(--u));font-size:calc(106.2 * var(--u));transform:rotate(-.8deg) scaleY(1.393)}
  .tmw--3{left:calc(58.6 * var(--u));top:calc(335.2 * var(--u));font-size:calc(112.2 * var(--u));transform:rotate(-1deg) scaleY(1.265)}
  .tmw--4{left:calc(168.4 * var(--u));top:calc(333.3 * var(--u));font-size:calc(112.2 * var(--u));transform:rotate(-1deg) scaleY(1.265)}
  .tmw--5{left:calc(66.6 * var(--u));top:calc(470.6 * var(--u));font-size:calc(115.5 * var(--u));color:#fff;transform:rotate(-5.4deg) scaleY(1.32)}
  .tmw__dot{color:var(--ink)}
  .tm-lead{position:absolute;left:calc(55.7 * var(--u));top:calc(602.5 * var(--u));margin:0;font:400 calc(25.6 * var(--u))/calc(32.9 * var(--u)) var(--text);text-transform:none;color:#33322F;white-space:nowrap}
  /* стикеры: слой на весь рисунок, фигуры — clip-path */
  .tm-st{position:absolute;inset:0;z-index:1}
  .tm-st::before,.tm-st::after{content:"";position:absolute;inset:0;z-index:-1}
  .tm-st--1::before{background:var(--ink);clip-path:polygon(calc(630.5 * var(--u)) calc(339 * var(--u)),calc(809 * var(--u)) calc(354.5 * var(--u)),calc(810.5 * var(--u)) calc(366 * var(--u)),calc(789.5 * var(--u)) calc(555 * var(--u)),calc(751 * var(--u)) calc(556.5 * var(--u)),calc(728 * var(--u)) calc(562.5 * var(--u)),calc(607 * var(--u)) calc(565.5 * var(--u)),calc(604.5 * var(--u)) calc(559 * var(--u)),calc(610.5 * var(--u)) calc(501 * var(--u)))}
  .tm-st--1::after{background:var(--lime);clip-path:polygon(calc(625.5 * var(--u)) calc(333 * var(--u)),calc(804 * var(--u)) calc(348.5 * var(--u)),calc(805.5 * var(--u)) calc(360 * var(--u)),calc(784.5 * var(--u)) calc(549 * var(--u)),calc(746 * var(--u)) calc(550.5 * var(--u)),calc(723 * var(--u)) calc(556.5 * var(--u)),calc(602 * var(--u)) calc(559.5 * var(--u)),calc(599.5 * var(--u)) calc(553 * var(--u)),calc(605.5 * var(--u)) calc(495 * var(--u)))}
  .tm-st--2::before{background:var(--ink);clip-path:polygon(calc(563 * var(--u)) calc(580 * var(--u)),calc(809 * var(--u)) calc(552 * var(--u)),calc(818 * var(--u)) calc(767 * var(--u)),calc(580 * var(--u)) calc(791 * var(--u)))}
  .tm-st--2::after{background:#fff;clip-path:polygon(calc(571 * var(--u)) calc(582 * var(--u)),calc(806 * var(--u)) calc(553 * var(--u)),calc(814 * var(--u)) calc(748 * var(--u)),calc(588 * var(--u)) calc(772 * var(--u)))}
  .tm-st b{position:absolute;font-weight:900;line-height:1;white-space:nowrap;transform-origin:0 80%}
  .tm-st--1 b{left:calc(633.7 * var(--u));top:calc(346.3 * var(--u));font-size:calc(150.9 * var(--u));transform:rotate(4deg) scaleY(1.083)}
  .tm-st--2 b{left:calc(605 * var(--u));top:calc(577.3 * var(--u));font-size:calc(140.9 * var(--u));transform:rotate(-6deg) scaleY(1.079)}
  .tm-st i{position:absolute;font:700 16px/1 var(--text);font-style:normal;letter-spacing:0;white-space:nowrap}
  .tm-st--1 i{left:calc(633.8 * var(--u));top:calc(477.6 * var(--u));font-size:calc(24 * var(--u));line-height:calc(27 * var(--u));transform-origin:0 calc(21.42 * var(--u));transform:rotate(4.5deg)}
  .tm-st--2 i{left:calc(606.2 * var(--u));top:calc(709.9 * var(--u));font-size:calc(23 * var(--u));transform-origin:0 83%;transform:rotate(-6.5deg)}
  /* синий мазок под «Специалистов» */
  .tm-art::after{content:"";position:absolute;z-index:2;left:calc(609.2 * var(--u));top:calc(732.3 * var(--u));width:calc(194.2 * var(--u));height:calc(10 * var(--u));border-radius:calc(5 * var(--u));background:var(--blue);transform:rotate(-7.16deg)}

  /* колода: карточка 679px макета, следующая заходит справа; лента во всю ширину, край карточки прилипает к краю листа */
  .team--ref .crew-m{position:absolute;left:0;right:0;top:calc(793 * var(--u));display:block;margin:0}
  .team--ref .crew-m__track{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(679 * var(--u));gap:0;align-items:start;margin:0;padding:calc(20 * var(--u)) calc(145 * var(--u)) calc(4 * var(--u)) calc(14 * var(--u));scroll-padding-inline:calc(14 * var(--u));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .team--ref .crew-m__track::-webkit-scrollbar{display:none}
  .team--ref .crew-m__track:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}
  .team--ref .deck{--dy:0;--acc:var(--lime);position:relative;isolation:isolate;container-type:normal;display:block;height:calc(1047 * var(--u));min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
  /* все карточки одной высоты и с одного верха: со сдвигом четных вниз (как вторая карточка в макете) фото упиралось в имя */
  .team--ref .deck:nth-child(even){--acc:var(--blue)}
  /* бумага карточки (низ скошен, как в макете) и черный край слева */
  .team--ref .deck::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--paper);clip-path:polygon(0 calc(var(--dy) * var(--u)),100% calc(var(--dy) * var(--u)),100% calc(1027 * var(--u)),0 100%)}
  .team--ref .deck::after{content:"";position:absolute;top:0;bottom:0;left:calc(-15 * var(--u));width:calc(15 * var(--u));z-index:-1;background:var(--ink);clip-path:polygon(0 calc(var(--dy) * var(--u)),100% calc(var(--dy) * var(--u)),100% 100%,calc(8 * var(--u)) 100%)}
  /* плашка за фото: --sx --sy сдвиг (px макета), --sw --sh ширина и высота (доля), --sr наклон; по умолчанию как в макете */
  .team--ref .deck__shape{position:absolute;inset:0;z-index:0;background:var(--acc);clip-path:polygon(calc(34 * var(--u)) calc((6 + var(--dy)) * var(--u)),calc(76 * var(--u)) calc((-1 + var(--dy)) * var(--u)),calc(172 * var(--u)) calc((17 + var(--dy)) * var(--u)),calc(253 * var(--u)) calc((3 + var(--dy)) * var(--u)),calc(366 * var(--u)) calc((22 + var(--dy)) * var(--u)),calc(448 * var(--u)) calc((33 + var(--dy)) * var(--u)),calc(457 * var(--u)) calc((37 + var(--dy)) * var(--u)),calc(512 * var(--u)) calc((37 + var(--dy)) * var(--u)),calc(512 * var(--u)) calc((113 + var(--dy)) * var(--u)),calc(618 * var(--u)) calc((113 + var(--dy)) * var(--u)),calc(646 * var(--u)) calc(175 * var(--u)),calc(640 * var(--u)) calc(296 * var(--u)),calc(618 * var(--u)) calc(505 * var(--u)),calc(640 * var(--u)) calc(600 * var(--u)),calc(608 * var(--u)) calc(714 * var(--u)),calc(606 * var(--u)) calc(741 * var(--u)),calc(509 * var(--u)) calc(741 * var(--u)),calc(506 * var(--u)) calc(799 * var(--u)),calc(46 * var(--u)) calc(799 * var(--u)),calc(43 * var(--u)) calc(443 * var(--u)),calc(38 * var(--u)) calc(348 * var(--u)));translate:calc(var(--sx,0) * var(--u)) calc(var(--sy,0) * var(--u));scale:var(--sw,1) var(--sh,1);rotate:calc(var(--sr,0) * 1deg);transform-origin:calc(340 * var(--u)) calc(400 * var(--u))}
  /* фото: ч/б, белая обводка-наклейка, срезано по низу черной плашки; головы выровнены (--pt, --ph — пиксели макета) */
  /* фото: ч/б, белая обводка-наклейка. Человек стоит внутри своей карточки (просьба владельца 19.09.2026):
     .deck__crop режет снимок по бокам (31–646px макета), обводка рисуется уже по срезу; .deck__pic срезает все
     по верху карточки и по скошенному низу кофты. Черной плашки за именем нет — имя лежит на черных кофтах */
  .team--ref .deck__pic{position:absolute;inset:0;z-index:1;filter:grayscale(1) contrast(1.06) drop-shadow(calc(13 * var(--u)) 0 0 #fff) drop-shadow(calc(-13 * var(--u)) 0 0 #fff) drop-shadow(0 calc(13 * var(--u)) 0 #fff) drop-shadow(0 calc(-13 * var(--u)) 0 #fff);clip-path:polygon(0 calc(var(--dy) * var(--u)),100% calc(var(--dy) * var(--u)),100% calc(711.3 * var(--u)),0 calc(741.7 * var(--u)))}
  .team--ref .deck__crop{position:absolute;inset:0;clip-path:inset(0 calc(33 * var(--u)) 0 calc(31 * var(--u)))}
  .team--ref .deck__photo{position:absolute;left:calc((318.4 + var(--px,0)) * var(--u));top:calc(var(--pt) * var(--u));height:calc(var(--ph) * var(--u));aspect-ratio:var(--ar);translate:-50% 0;background:no-repeat 0 0/100% 100%;transform-origin:50% calc((5 - var(--pt)) * var(--u));transform:translateY(calc(var(--dy) * var(--u))) rotate(calc(var(--pr,1.1) * 1deg)) scale(calc(1 - var(--dy) * .0017));filter:none}
  /* кофта продолжается вниз до обреза тем же цветом и той же ширины, что низ снимка: размер и место фото подобраны так,
     чтобы обе строки имени легли на темную одежду, а голова осталась внутри карточки (--ph --pt --px у каждого свои) */
  .team--ref .deck__photo::after{content:"";position:absolute;top:calc(100% - 1px);left:calc(var(--bl,0) * 100%);width:calc(var(--bw,1) * 100%);height:calc(170 * var(--u));background:var(--bc,#0E0F0C)}
  .team--ref .deck__name{position:absolute;inset:0;z-index:3;margin:0;font:900 16px/1 var(--display);letter-spacing:0;text-transform:uppercase;color:#fff;pointer-events:none}
  .team--ref .deck__name span{position:absolute;display:block;width:auto;max-width:none;padding:0;background:none;line-height:1;white-space:nowrap;transform-origin:0 80%}
  .team--ref .deck__name span:nth-child(1){left:calc(51.5 * var(--u));top:calc(509.6 * var(--u));font-size:calc(130.5 * var(--u));transform:rotate(-2.8deg) scaleY(1.077)}
  .team--ref .deck__name span:nth-child(2){left:calc(53.7 * var(--u));top:calc(624.8 * var(--u));font-size:calc(127.7 * var(--u));transform:rotate(-3deg) scaleY(1.112)}
  .team--ref .deck__zone,.team--ref .deck:nth-child(even) .deck__zone{position:absolute;inset:0;z-index:4;max-width:none;margin:0;padding:0;background:none;border:0;box-shadow:none;rotate:none;pointer-events:none}
  .team--ref .deck__zone-bg{position:absolute;display:block;left:calc(54.13 * var(--u));top:calc(713.65 * var(--u));width:calc(462.28 * var(--u));height:calc(128.57 * var(--u));max-width:none;transform:rotate(-8.49deg) scaleX(-1)}
  .team--ref .deck__zone span{position:absolute;display:block;left:calc(93.2 * var(--u));top:calc(757.9 * var(--u));font:700 calc(23.6 * var(--u))/1 var(--text);letter-spacing:0;text-transform:uppercase;white-space:nowrap;transform-origin:0 83%;transform:rotate(-5.5deg)}
  .team--ref .deck__zone b{position:absolute;display:block;left:calc(97.1 * var(--u));top:calc(790.5 * var(--u));font:900 calc(35.66 * var(--u))/1 var(--display);text-transform:uppercase;white-space:nowrap;transform-origin:0 80%;transform:rotate(-5.6deg) scaleY(1.201)}
  /* черточка под «…экономику» */
  .team--ref .deck__zone::after{content:"";position:absolute;left:calc(271 * var(--u));top:calc(818.75 * var(--u));width:calc(185.7 * var(--u));height:calc(4.5 * var(--u));background:var(--ink);transform-origin:0 50%;transform:rotate(-7.74deg)}
  .team--ref .deck__zone::before{content:"";position:absolute;left:calc(274 * var(--u));top:calc(834 * var(--u));width:calc(184.6 * var(--u));height:calc(4 * var(--u));background:var(--ink);transform-origin:0 50%;transform:rotate(-7.5deg)}
  .team--ref .deck__role{position:absolute;z-index:1;left:calc(44.3 * var(--u));top:calc(871.6 * var(--u));margin:0;font:700 calc(19.8 * var(--u))/1 var(--text);letter-spacing:calc(2.27 * var(--u));text-transform:uppercase;color:#272725;white-space:nowrap}
  .team--ref .deck__role::after{content:"";position:absolute;left:calc(-0.3 * var(--u));top:calc(33.4 * var(--u));width:calc(552 * var(--u));height:calc(4 * var(--u));background:var(--ink)}
  .team--ref .deck__txt{position:absolute;z-index:1;left:calc(44.1 * var(--u));top:calc(921.1 * var(--u));margin:0;padding:0;border:0;font:400 calc(21.6 * var(--u))/calc(27.5 * var(--u)) var(--text);color:#3C3B38;white-space:nowrap}
}

/* трехзначное число в лаймовом стикере («60+» у стоматологии): тот же рисунок цифр той же высоты, что «10», но уже — чтобы влезло */
@media (max-width:980px){
  /* низ цифр — на той же линии, что у «10» на главной (владелец 19.09.2026: «60+ немножко вниз») */
  .tm-st--wide b{left:calc(628 * var(--u));top:calc(372.6 * var(--u));font-size:calc(118 * var(--u));transform:rotate(4deg) scaleY(1.385)}
}

/* старые страницы (кейсы, отрасли, услуги) — их стикер «100+ / Реализованных проектов» (19.09.2026, владелец: текст сохранить).
   Компьютер: четыре знака вместо двух — цифры той же рисовки, уже и чуть ниже, подпись в две строки. */
@media (min-width:981px){
  .team--ref .sd-team__stats > div.is-wide dt{font-size:7.4vw;transform-origin:0 100%;transform:scaleY(1.2)}
}
/* телефон: лаймовый стикер шире влево (в пустое место между заголовком и стикером), «100+» — как «60+» у стоматологии,
   подпись 20px макета вместо 24: слово «Реализованных» длиннее «на рынке» */
@media (max-width:980px){
  .tm-st--projects::before{clip-path:polygon(calc(590 * var(--u)) calc(337 * var(--u)),calc(809 * var(--u)) calc(354.5 * var(--u)),calc(810.5 * var(--u)) calc(366 * var(--u)),calc(789.5 * var(--u)) calc(555 * var(--u)),calc(751 * var(--u)) calc(556.5 * var(--u)),calc(728 * var(--u)) calc(562.5 * var(--u)),calc(567 * var(--u)) calc(566 * var(--u)),calc(564.5 * var(--u)) calc(559 * var(--u)),calc(570.5 * var(--u)) calc(501 * var(--u)))}
  .tm-st--projects::after{clip-path:polygon(calc(585 * var(--u)) calc(331 * var(--u)),calc(804 * var(--u)) calc(348.5 * var(--u)),calc(805.5 * var(--u)) calc(360 * var(--u)),calc(784.5 * var(--u)) calc(549 * var(--u)),calc(746 * var(--u)) calc(550.5 * var(--u)),calc(723 * var(--u)) calc(556.5 * var(--u)),calc(562 * var(--u)) calc(560 * var(--u)),calc(559.5 * var(--u)) calc(553 * var(--u)),calc(565.5 * var(--u)) calc(495 * var(--u)))}
  .tm-st--projects b{left:calc(590 * var(--u));top:calc(372.6 * var(--u));font-size:calc(118 * var(--u));transform:rotate(4deg) scaleY(1.385)}
  .tm-st--projects i{left:calc(594 * var(--u));top:calc(481 * var(--u));font-size:calc(20 * var(--u));line-height:calc(23.5 * var(--u))}
}