/* «Реклама в мессенджерах MAX и Telegram» (28.09.2026): пропорции и сдвиги своих картинок поверх /poster-kit.css. Основа — ai-poster.css, значения подгоняются под свои картинки */
/* пропорции коллажа (--fig-ar) ставит сборщик на section#top по размеру файла */

/* телефон: наклейка привязана к низу коллажа (832×997) и поднималась на трехстрочный заголовок — опускаем от значения владельца (−75,38vw) */
@media (max-width:700px){
  .hero--web{--st-y:-70vw}
}
/* до 380px: наклейка листает кейсы разной длины и растет вверх — еще запас */
@media (max-width:380px){
  .hero--web{--st-y:-58vw}
}

/* «Клик ≠ запись»: у «Сайтов» здесь горизонтальная рука с рамкой (93%, наклон 23,5°), у нас квадратный робот на стопке заявок —
   с теми же значениями он закрывал конец слова «менеджер». Меньше, правее, почти без наклона */
@media (min-width:981px){
  .open--web{--fr-x:7.6vw;--fr-y:-3.4vw;--fr-s:.74;--fr-r:4deg}
}

/* «Что проверяем перед запуском»: штамп с подушкой квадратный — без увеличения 125% владельца, иначе ложится на карточки */
@media (min-width:1181px){
  .wchk{--ck-s:.84;--ck-r:-3deg;--ck-y:-44px}
}

/* «Клик ≠ запись», телефон и планшет: робот в потоке сразу под заголовком, справа от текста (текст обтекает),
   а не привязан к низу блока — положение не зависит от длины текста. Ширина, сдвиг, размер и наклон — --frw/--frx/--fry/--frs/--frr */
@media (max-width:980px){
  .open--web .open__head{display:flow-root}
  .open--web .open__frame{position:relative;float:right;right:auto;bottom:auto;top:auto;margin:3.2vw 0 12px 12px;
    width:var(--frw,clamp(140px,42vw,250px));translate:var(--frx,0px) var(--fry,0px);scale:var(--frs,1);rotate:var(--frr,0deg)}
}
/* телефон (23.09.2026, владелец): заголовок «Клик ≠ запись» одной строкой; робот — фоном под текстом (текст идет на всю ширину,
   не обтекает его); робот — значения владельца с ползунков (экран 352px): ширина 142px, 131%, вправо 40px,
   яркость 0,97, ореол текста 2px */
@media (max-width:699.98px){
  .open--web .open__head h2 br{display:none}
  .open--web .open__head h2{white-space:nowrap}
  .open--web .open__head h2,.open--web .open__head .lead{position:relative;z-index:1}
  .open--web .open__head .lead{max-width:none}
  .open--web{--frw:142px;--frx:40px;--fry:0px;--frs:1.31;--frr:0deg;--fro:1;--frb:.97;--frh:2px}
  .open--web .open__frame{z-index:0;margin-left:calc(-1 * var(--frw));opacity:var(--fro,1);filter:brightness(var(--frb,1))}
  /* текст поверх робота: ореол цветом фона, чтобы буквы читались на сером (--frh — радиус) */
  .open--web .open__head .lead{text-shadow:0 0 calc(var(--frh,10px) * .3) var(--paper,#F4F3EE),0 0 calc(var(--frh,10px) * .6) var(--paper,#F4F3EE),0 0 var(--frh,10px) var(--paper,#F4F3EE)}
}

/* «Что проверяем перед запуском», телефон: значения владельца с ползунков (23.09.2026, экран 352px):
   картинка 60% ширины (192px), вправо 10px; на 33px выше конца текста, заходит на карточки на 100px.
   Размер не растет дальше 192px, заход считается от высоты картинки (720×721) — на любом телефоне как у владельца */
@media (max-width:699.98px){
  .wchk{--ck-x:10px;--ck-y:0px;--ck-s:1;--ck-r:0deg}
  .wchk__art{width:min(60%,192px);margin:-33px 0 calc(-1 * (min(60%,192px) * 1.0014 - 92px)) auto}
}

/* 28.09.2026, «Реклама в мессенджерах», телефон. «Клик ≠ запись»: у нас не робот, а рука с листком «Клик из поста» — фоном под текстом
   она мешает читать лид. Ставим ее обычной картинкой справа, текст обтекает, без наезда */
@media (max-width:699.98px){
  .open--web{--frw:118px;--frx:0px;--fry:0px;--frs:1;--frr:0deg}
  .open--web .open__frame{margin:6px -4px 8px 10px;z-index:auto;filter:none}
  .open--web .open__head .lead{text-shadow:none}
}
/* «Что проверяем»: телефон с лупой (720×751) выше квадратного штампа AI — начинаем под текстом, на карточки заходит, как у AI, на 92px */
@media (max-width:699.98px){
  .wchk__art{margin:6px 0 calc(-1 * (min(60%,192px) * 1.043 - 92px)) auto}
}

/* 28.09.2026: заголовок стал «Реклама / в мессенджерах / MAX и Telegram.» — строки длиннее, чем «Не клики, а визиты…»;
   на 1440 последняя строка уходила под наклейку кейса (кончалась на 687px, наклейка с 600px). Шрифт на ≥981px — на 20% меньше */
@media (min-width:981px){
  .hero--msg .hero__title{font-size:clamp(40px,6.1vw,94px)}
}