/* Стена моделей главной (wall.js; задача 7, этап 5, доска Site-wall). Тёмный блок #0C0B10, два ряда навстречу. */
.lw{position:relative;padding:clamp(48px,6vw,64px) 0 clamp(52px,6vw,72px);background:#0C0B10;color:#fff;overflow:hidden}
.lw-head{display:flex;align-items:flex-end;gap:24px;padding-bottom:28px}
.lw-head-t{flex:1;min-width:0}
.lw-k{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.lw-title{margin:10px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.2vw,56px);line-height:1.05}
.lw-title em{color:#BDFF39}
.lw-lead{max-width:300px;margin:0;font-size:15px;line-height:1.45;color:rgba(255,255,255,.7)}
.lw-cta{padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.5);color:#fff;font-size:17px;white-space:nowrap;text-decoration:none}
.lw-cta:hover{border-bottom-color:#fff}
.lw-cta i{font-style:normal}

.lw-wall{display:flex;flex-direction:column;gap:14px;min-height:300px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.lw-row{position:relative;overflow:hidden}
.lw-track{display:flex;width:max-content;height:100%;gap:16px;animation:lw-run var(--lw-cycle,140s) linear infinite}
.lw-row.is-back .lw-track{animation-direction:reverse}
.lw-dup{display:flex;gap:16px}
.lw-wall:hover .lw-track,.lw-wall:focus-within .lw-track{animation-play-state:paused}
@keyframes lw-run{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}

.lw-tile{position:relative;flex:none;display:block;overflow:hidden;border-radius:18px;background:#16151C;color:#fff;text-decoration:none;transition:opacity .45s ease,transform .45s ease}
.lw-wall:hover .lw-tile{opacity:.8}
.lw-wall .lw-tile:hover,.lw-wall .lw-tile:focus-visible{opacity:1;transform:translateY(-4px)}
.lw-tile:focus-visible{outline:2px solid #BDFF39;outline-offset:2px}
.lw-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}
.lw-tile>img.is-in{opacity:1}
.lw-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}
.lw-tile video.is-on{opacity:1}
.lw-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,11,16,.25),rgba(12,11,16,0) 30%,rgba(12,11,16,0) 50%,rgba(12,11,16,.8));pointer-events:none}
.lw-play{position:absolute;z-index:1;left:50%;top:45%;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='%23101013'/%3E%3C/svg%3E") 55% 50%/22px no-repeat;transform:translate(-50%,-50%);opacity:0;transition:opacity .25s}
.lw-tile.is-video:hover .lw-play{opacity:1}

.lw-foot{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 22px;margin-top:32px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}
.lw-foot-a,.lw-foot-b{font-family:var(--serif);font-size:clamp(32px,3.4vw,48px);line-height:1.1}
.lw-foot-b{color:#BDFF39}
.lw-foot-t{max-width:420px;font-size:16px;color:rgba(255,255,255,.7)}

@media (max-width:760px){
  .lw-head{flex-wrap:wrap;align-items:flex-start;gap:12px}
  .lw-head-t{flex-basis:100%}
  .lw-wall{gap:10px;min-height:220px}
  .lw-track,.lw-dup{gap:10px}
  .lw-tile{border-radius:14px}
}
/* Без движения: ряды стоят и листаются рукой. */
@media (prefers-reduced-motion:reduce){
  .lw-row{overflow-x:auto;scrollbar-width:none}
  .lw-track{animation:none}
  .lw-wall:hover .lw-tile{opacity:1}
  .lw-tile{transition:none}
}