/* Слой «арт» лендингов (26.09, «Дизайн»): реальные предметы и скриншоты
   продукта по краям слайда, центр остаётся читаемым. */
.lxa{position:absolute;inset:0;pointer-events:none;z-index:0}
.lxa-it{position:absolute;height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.65));animation:lxaFloat 9s ease-in-out infinite;will-change:transform;opacity:.92}
.lxa-it.glow-gold{filter:drop-shadow(0 0 28px rgba(255,160,40,.35)) drop-shadow(0 18px 30px rgba(0,0,0,.65))}
.lxa-it.glow-red{filter:drop-shadow(0 0 26px rgba(235,75,75,.35)) drop-shadow(0 18px 30px rgba(0,0,0,.65))}
.lxa-it.blur{filter:blur(2.5px) drop-shadow(0 14px 24px rgba(0,0,0,.6));opacity:.55}
.p-tl{width:clamp(120px,13vw,220px);top:11%;left:4%;transform:rotate(-14deg);animation-delay:-1s}
.p-tr{width:clamp(130px,15vw,250px);top:13%;right:4%;transform:rotate(10deg);animation-delay:-3.2s}
.p-tr2{width:clamp(90px,9vw,150px);top:5%;right:26%;transform:rotate(-8deg);animation-delay:-5s}
.p-ml{width:clamp(110px,11vw,180px);top:44%;left:3%;transform:rotate(8deg);animation-delay:-2.2s}
.p-mr{width:clamp(100px,10vw,170px);top:46%;right:5%;transform:rotate(-10deg);animation-delay:-4.1s}
.p-mr2{width:clamp(80px,8vw,130px);top:36%;right:2%;transform:rotate(14deg);animation-delay:-6s}
.p-bl2{width:clamp(80px,8vw,140px);bottom:14%;left:22%;transform:rotate(-6deg);animation-delay:-3.6s}
.p-br2{width:clamp(110px,11vw,190px);bottom:12%;right:18%;transform:rotate(9deg);animation-delay:-1.8s}
.lxa-it{max-height:30vh;object-fit:contain}
.lxa-it.sm{width:clamp(80px,8vw,130px)!important}
.p-ml.sm{top:30%}
.p-hub1{width:clamp(110px,10vw,170px);top:8%;right:38%;transform:rotate(-12deg);animation-delay:-2s}
.p-hub2{width:clamp(80px,7vw,120px);bottom:7%;right:8%;transform:rotate(8deg);animation-delay:-4s}
.lxa-shot{opacity:.42}
@keyframes lxaFloat{0%,100%{translate:0 0}50%{translate:0 -14px}}
/* окна со скриншотами */
.lxa-shot{position:absolute;margin:0;width:clamp(340px,34vw,560px);border-radius:14px;overflow:hidden;background:#0E0F14;
  border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,107,0,.08);opacity:.5;
  -webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 100%);mask-image:linear-gradient(180deg,#000 40%,transparent 100%)}
.lxa-shot img{display:block;width:100%;height:auto}
.lxa-bar{display:flex;gap:5px;padding:7px 10px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.06)}
.lxa-bar i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18)}
.lxa-bar i:first-child{background:#FF5F57}.lxa-bar i:nth-child(2){background:#FEBC2E}.lxa-bar i:nth-child(3){background:#28C840}
.sh-bl{left:-3%;bottom:-6%;transform:perspective(1200px) rotateY(16deg) rotate(-3deg)}
.sh-br{right:-3%;bottom:-8%;transform:perspective(1200px) rotateY(-16deg) rotate(3deg)}
.sh-tr{right:-2%;top:8%;width:clamp(280px,26vw,420px);transform:perspective(1200px) rotateY(-14deg) rotate(2deg)}
body.light .lxa-shot{opacity:.35;background:#fff}
body.light .lxa-it.blur{opacity:.35}
/* ноутбук: чуть меньше и дальше от текста */
@media(max-width:1280px){.lxa-shot{width:clamp(280px,30vw,420px);opacity:.38}.p-tr2,.p-bl2{display:none}}
/* телефон/планшет: только 2 предмета в верхних углах, без окон — текст не перекрывается */
@media(max-width:900px){
  .lxa-shot,.lxa .p-ml,.lxa .p-mr,.lxa .p-mr2,.lxa .p-bl2,.lxa .p-br2,.lxa .p-tr2{display:none}
  .lxa .p-tl{width:92px;top:74px;left:-18px;opacity:.5}.lxa .p-tr{width:104px;top:70px;right:-22px;opacity:.5}
}
/* телефон: плотные слайды без декора; в свободных героях — один скрин внизу */
@media(max-width:900px){
  .lxa-hub-hero,.lxa-side,.lxa-side2,.lxa-end,.lxa-cs2-hero,.lxa-rust-hero{display:none}
  .lxa-journal-hero .sh-bl,.lxa-feed-hero .sh-br{display:block;left:16px;right:16px;bottom:3%;width:auto;transform:none;opacity:.6}
}
@media(prefers-reduced-motion:reduce){.lxa-it{animation:none}}
.slide:not(.vis) .lxa-it{animation-play-state:paused}