/* ===== Slide 2 — iw-block (desktop only) =====
     Заменяет собой прежние статичные .para-left/.para-right. Две колонки
     текста, каждая может быть "активной" (жирнее/крупнее + плашка-указатель
     selection-menu над ней) или "пассивной" (светлее/мельче). Роль
     назначается через JS (js/iw-block.js) — is-active/is-passive
     навешиваются на .iw-col, а .iw-menu двигается между .iw-menu--left/
     .iw-menu--right. Все дочерние координаты — относительно самого
     .iw-block (он сам стоит на месте старого para-left/para-right:
     left:529px в координатах слайда), а не абсолютные по слайду. */
  /* Координаты ниже — из Figma-ноды 2841:1632 (iw-block) один в
     один: контейнер left:531/top:324 (это и есть верх border-t/topline),
     колонки 368px (левая) / 345px (правая) с зазором 39px между ними. */
  .iw-block{
    position:absolute; left:531px; top:324px; width:752px; height:170px;
  }
  .iw-topline{ position:absolute; left:0; top:0; width:752px; height:1px; background:var(--ink); }
  .iw-menu{
    /* top:0 — верх menu совпадает с верхом topline (высота topline 1px),
       значит menu "наезжает" на topline на 1px (расстояние по вертикали = -1),
       как и попросили — а не просто примыкает вплотную. */
    position:absolute; top:0; height:18px;
    display:flex; flex-direction:column; align-items:center;
    transition:left .35s ease, width .35s ease;
  }
  .iw-menu-bar{ width:100%; height:6px; background:var(--ink); }
  .iw-menu-triangle{
    width:0; height:0; margin-top:0;
    border-left:12px solid transparent; border-right:12px solid transparent;
    border-top:10px solid var(--ink);
  }
  .iw-menu--left{ left:0; width:368px; }
  .iw-menu--right{ left:407px; width:345px; }
  .iw-col{ position:absolute; top:28px; margin:0; }
  .iw-col .accent{ color:inherit; }
  .iw-col--left{ left:0; width:368px; }
  .iw-col--right{ left:407px; width:345px; }
  /* is-active/is-passive теперь РАЗДЕЛЬНЫЕ пары на каждый столбец (не общий
     класс на оба, как было) — у каждого столбца свой фиксированный размер/
     line-height, между active⇄passive меняется ТОЛЬКО font-weight (явное
     решение пользователя). Раньше правый столбец при наведении вырастал до
     21px/500 (тех же значений, что у левого) — теперь остаётся на своих
     16px/1.6, просто утолщается до bold. */
  .iw-col--left.is-active{
    font-family:'Unbounded',sans-serif; font-weight:500; font-size:21px;
    line-height:1.4; color:var(--ink);
  }
  .iw-col--left.is-passive{
    font-family:'Unbounded',sans-serif; font-weight:400; font-size:21px;
    line-height:1.4; color:var(--ink);
  }
  .iw-col--right.is-passive{
    font-family:'Unbounded',sans-serif; font-weight:400; font-size:16px;
    line-height:1.6; color:var(--ink);
  }
  .iw-col--right.is-active{
    font-family:'Unbounded',sans-serif; font-weight:500; font-size:16px;
    line-height:1.6; color:var(--ink);
  }
  .divider{ position:absolute; left:884px; top:585px; width:44px; height:99px; }
  .divider span{
    position:absolute; left:50%; top:50%; width:9px; height:102px;
    background:var(--ink); transform:translate(-50%,-50%) rotate(20deg);
  }
  /* right (не left+translateX(-100%)) — намеренно: этот элемент участвует в
     parallax слайда 2 (data-parallax-offset, js/parallax-texts.js), который
     делает gsap.set(el,{y:...}) сразу при загрузке скрипта, ДО гарантированной
     догрузки шрифта Unbounded (font-display:swap). GSAP в этот момент читает
     computed-transform и "запекает" его в пиксели — если translateX(-100%)
     резолвился, пока текст ещё был на запасном (более узком) шрифте, после
     подгрузки Unbounded бокс расширяется, а запечённый сдвиг уже не
     пересчитывается — правый край уезжает вправо, в разделитель (баг,
     пойманный пользователем, "иногда" — зависело от скорости загрузки
     шрифта). right — обычное layout-свойство, браузер пересчитывает его сам
     при любом изменении ширины контента, GSAP его вообще не трогает (трогает
     только y) — гонка невозможна в принципе. 572 = 1440-868, тот же правый
     край, что и раньше. */
  .bottom-left{
    position:absolute; right:572px; top:611px; margin:0;
    font-family:'Unbounded',sans-serif; font-weight:400; font-size:18px;
    line-height:1.2; text-align:right; color:var(--ink); white-space:nowrap;
  }
  .bottom-right{
    position:absolute; left:937px; top:596px; width:345px; margin:0;
    font-family:'Unbounded',sans-serif; font-weight:600; font-size:32px;
    line-height:1.2; color:var(--ink);
  }
  .badge{
    position:absolute; left:1198px; top:636px;
    background:var(--ink); color:var(--yellow);
    padding:2px 6px 4px; font-family:'Unbounded',sans-serif; font-weight:600;
    font-size:32px; line-height:1.05;
  }


  /* Обёртки-абзацы (2026-08-08, «версия для чтения»). Фразы «Мир изменился» и
     «Большинство гостиниц — нет» набраны разными кеглями и стоят отдельными
     блоками на своих координатах — в извлечённом тексте они разваливались на
     обрывки. Теперь у каждой пары есть общий <p>.
     На раскладку обёртка не влияет НИКАК: оба ребёнка абсолютно
     спозиционированы, значит из потока обёртки выпадают, а сама она без
     position, без размеров и без отступов — нулевой высоты пустой блок. */
  .s2-headline, .s2-most{ margin:0; font-size:inherit; font-weight:inherit; }