/* =========================================================================
   База документа (уровень каркаса, не st-*).
   После 1920px страница масштабируется пропорционально (подход Albumo):
   все размеры в rem, rem растёт вместе с экраном — 4K выглядит как 1920 ×2.
   Медиазапросы считают rem по исходным 16px, поэтому брейкпоинты не сдвигаются.
   ========================================================================= */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
/* Плавный скролл делает Lenis (js/vendor). CSS-smooth — только запасной вариант,
   если Lenis не загрузился: вместе они конфликтуют. */
@media (prefers-reduced-motion: no-preference) {
  html:not(.lenis) { scroll-behavior: smooth; }
}
@media (min-width: 1920px) {
  html { font-size: min(100vw / 120, 200%); }
}
body {
  margin: 0;
  background: #f2f2f7;
}