/* Block: Page Scale — резиновая (proportional) вёрстка при ≥1440px

   Идея: на ширине ≥1440px вся страница рендерится в логическом размере
   1440px, после чего масштабируется CSS-трансформом по соотношению
   viewport / 1440. Так макет всегда раскладывается под 1440-дизайн,
   а большие экраны получают пропорционально увеличенный визуал.

   Шкала задаётся через CSS-переменную --page-scale (выставляется JS-ом),
   высота .page-shell тоже считается в JS (т.к. transform не влияет
   на компоновку и без явной высоты страница «обрезается»).

   Фиксированные оверлеи (модалки, floating-cta, video-overlay)
   ОБЯЗАТЕЛЬНО должны быть вне .page-shell — иначе их position: fixed
   привязывается к трансформированному предку, а не к viewport. */

.page-shell {
  width: 100%;
}

.page-root {
  position: relative;
  width: 100%;
}

@media (min-width: 1440px) {
  .page-shell {
    position: relative;
  }

  .page-root {
    width: 1440px;
    transform-origin: top left;
    transform: scale(var(--page-scale, 1));
  }
}