/* П.4 «Что уже сделано»: коллаж из наших скриншотов в закатной гамме (assets/fx/kollazh.js).
   Картинка собрана локально скриптом kollazh-sborka.py (PIL), без генераций. */
.fx-kollazh{position:relative;overflow:hidden;isolation:isolate}
.fx-kollazh .fxk{position:absolute;left:0;right:0;top:-12%;bottom:-12%;z-index:-1;pointer-events:none;
  background:#0B0B0E url(kollazh.jpg) center/cover no-repeat;will-change:transform}
/* затемнение: сверху, где заголовок, — плотнее; по краям — виньетка; середина дышит */
.fx-kollazh .fxk::after{content:"";position:absolute;inset:0;
  background:
    radial-gradient(120% 85% at 50% 55%,rgba(20,21,25,.55) 0%,rgba(20,21,25,.82) 70%,rgba(20,21,25,.96) 100%),
    linear-gradient(180deg,rgba(20,21,25,.9) 0%,rgba(20,21,25,.55) 38%,rgba(20,21,25,.6) 80%,rgba(20,21,25,.92) 100%)}
.fx-kollazh .wrap{position:relative;z-index:1}
@media (max-width:760px){.fx-kollazh .fxk{top:0;bottom:0;background:#0B0B0E url(kollazh-m.jpg) center top/170% auto repeat-y}}
@media (max-width:760px){.fx-kollazh .fxk::after{background:linear-gradient(180deg,rgba(20,21,25,.9) 0,rgba(20,21,25,.7) 320px,rgba(20,21,25,.7) calc(100% - 200px),rgba(20,21,25,.92) 100%)}}
@media (prefers-reduced-motion:reduce){.fx-kollazh .fxk{top:0;bottom:0;transform:none!important}}