/* Вариант B: прежний путь (сверху → центр → вниз-вправо), но размах больше:
   блок выше, карточки крупнее, 12 светлых работ, выход за край экрана */
.hero{grid-template-columns:.85fr 1.15fr;gap:20px}
.hero-stack{height:min(640px,78vh);overflow:visible;clip-path:inset(0 -100vw 0 -10px);margin-right:calc((100vw - min(100vw,var(--maxw)))/-2 - 40px)}
.stack-img{width:72%;box-shadow:0 40px 90px rgba(0,0,0,.6)}
.stack-img:nth-child(n){animation-duration:36s}
.stack-img:nth-child(1){--delay:0s}.stack-img:nth-child(2){--delay:-3s}.stack-img:nth-child(3){--delay:-6s}
.stack-img:nth-child(4){--delay:-9s}.stack-img:nth-child(5){--delay:-12s}.stack-img:nth-child(6){--delay:-15s}
.stack-img:nth-child(7){--delay:-18s}.stack-img:nth-child(8){--delay:-21s}.stack-img:nth-child(9){--delay:-24s;--j:-.8deg}
.stack-img:nth-child(10){--delay:-27s;--j:1.1deg}.stack-img:nth-child(11){--delay:-30s;--j:-1.2deg}.stack-img:nth-child(12){--delay:-33s;--j:.6deg}
@keyframes heroFlow{
  0%      {transform:translate(-50%,-50%) translate(-8%,-115%) rotate(var(--j)) scale(.5);opacity:0;z-index:2}
  2.5%    {opacity:.85}
  12.5%   {transform:translate(-50%,-50%) translate(0%,0%) rotate(calc(var(--j) * .3)) scale(1);opacity:1;z-index:6}
  22.5%   {opacity:.85}
  25%,100%{transform:translate(-50%,-50%) translate(105%,95%) rotate(var(--j)) scale(.55);opacity:0;z-index:1}
}
body{overflow-x:hidden}
@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-stack{height:300px;margin-right:0}.stack-img{width:80%}}