/* Глаз Бури v5: финал «Один жест» (хозяин enso.js) и стопка блоков (хозяин kino.js).
   Без JS круг и капля видны целиком: маску и падение включает только скрипт. */

/* ── финал: круг справа, текст слева ── */
.enso-final{
  /* --D: диаметр самого мазка; картинка шире на поля 1024/730 */
  --D:clamp(380px,42vw,620px);
  position:relative;overflow:hidden;display:flex;align-items:center;
  min-height:calc(var(--D) + 220px)
}
.enso-final .wrap{width:100%;position:relative;z-index:1}
.enso-stage{
  position:absolute;z-index:0;pointer-events:none;
  width:calc(var(--D) * 1.403);aspect-ratio:1;top:50%;margin-top:calc(var(--D) * -0.69);
  /* правый край мазка (875 из 1024) стоит у края колонки, чуть за сеткой */
  right:calc(max(var(--gut), (100vw - var(--wrap)) / 2 - 40px) - var(--D) * 0.205)
}
.enso-ring{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none}
/* капля: 3% диаметра, как точка в логотипе; центр круга (512,500) из 1024 */
.enso-drop,.enso-rip{
  position:absolute;left:50%;top:48.8%;
  width:calc(var(--D) * 0.03);height:calc(var(--D) * 0.03);
  margin:calc(var(--D) * -0.015) 0 0 calc(var(--D) * -0.015);border-radius:50%
}
.enso-drop{background:#8A2332;z-index:2}
.enso-rip{border:1px solid rgba(138,35,50,.8);opacity:0;z-index:1}

@media (min-width:961px){
  .enso-final .final-text{grid-column:1/7}
  /* «Напишите мне» одной строкой, «в Telegram» второй */
  .enso-final .h1{font-size:clamp(40px,4.8vw,70px);max-width:none}
}
@media (max-width:960px){
  .enso-final{--D:min(72vw,340px);flex-direction:column;align-items:stretch;min-height:0}
  .enso-stage{
    position:relative;order:2;top:auto;right:auto;
    margin:calc(var(--D) * -0.1) auto calc(var(--D) * -0.2)
  }
}

/* ── стопка блоков: стою, а блоки едут поверх (класс ставит kino.js, только компьютер) ── */
main > section.sec:not(#top){will-change:auto}
.stack-card{position:relative;background-color:#0E1420}
.stack-card.stack-over{
  border-top:1px solid rgba(214,179,106,.35);
  box-shadow:0 -28px 56px -18px rgba(5,8,14,.7)
}
.stack-dim{position:absolute;inset:0;background:#0A0F18;opacity:0;pointer-events:none;z-index:30}

/* огромные слова глав: маска строки не режет «й» и «у» */
.chapter-word .line-mask{padding:.14em 0 .2em;margin:-.14em 0 -.2em;overflow:visible;overflow-y:clip}

/* Lenis ведёт прокрутку сам: плавность из CSS ему мешает (рывки и недолёт при переходе по якорю) */
html.lenis.lenis-smooth{scroll-behavior:auto!important}
html.lenis.lenis-stopped{overflow:hidden}