/**
 * Bitpedia — پیش‌بارگذار (Preloader)
 * جدا از styles/sections/* چون بخشِ صفحه نیست، لایهٔ رواندام سراسری است.
 */

body.is-loading {
  overflow: hidden;
}

#preloader {
  position: fixed;
  inset: 0;
  z-index: var(--z-preloader);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-0);
}

.preloader__logo {
  /* سه‌برابرِ سایزِ لوگوی هدر (~۸۸px)؛ اسکریپت preloader.js نسبتِ کوچک‌شدنِ دقیق را
     در لحظه از روی اندازهٔ واقعیِ لوگوی هدر (getBoundingClientRect) محاسبه می‌کند،
     پس با تغییرِ این عدد، انیمیشن خودش هماهنگ می‌ماند. */
  width: 264px;
  height: auto;
  will-change: transform;
}