/* ============================================================
   ЛАМИНА AI — геометрия движка 3D-сцен (Т1). Контракт: SCENES.md

   Здесь ТОЛЬКО то, без чего движок физически не работает: общий
   холст и переключение запаски. Вид самих блоков — пропорции,
   скругления, тени, сетки «текст + сцена» — за С1 в site.css.

   Почему холст поверх контента, а не под ним: секции сайта
   непрозрачны (--paper, --void), холст под ними был бы просто
   невидим. Поэтому он лежит выше контента (--z-elevated = 10),
   но ниже липкой шапки (--z-header = 100) — шапка перекрывает
   уезжающую под неё сцену сама, без вычислений в JS. Кликов он
   не перехватывает: pointer-events:none.
   ============================================================ */
.scene-canvas{
  position:fixed; inset:0; width:100%; height:100%;
  z-index:50; pointer-events:none;
}

/* Запаска видна всегда, пока живого кадра нет: до загрузки three,
   без WebGL и при любой ошибке. Гасит её только состояние от
   движка — то есть по факту нарисованного кадра, а не по таймеру. */
.scene__fallback{ transition:opacity .35s ease; }
.scene[data-state="live"] .scene__fallback,
.scene[data-state="static"] .scene__fallback{ opacity:0; }
@media (prefers-reduced-motion: reduce){
  .scene__fallback{ transition:none; }
}