/* project-wall: real project thumbnails drifting in tilted columns. */
.mgpw-root{position:relative;width:900px;height:600px;overflow:hidden;perspective:1800px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 92%,transparent 100%)}
.mgpw-plane{position:absolute;left:40px;top:-300px;display:flex;gap:22px;transform:rotateX(24deg) rotateZ(-12deg)}
.mgpw-col{display:flex;flex-direction:column;gap:22px;width:260px;flex-shrink:0;animation:mgpw-col 50s linear infinite}
.mgpw-col--2{animation-duration:58s;animation-direction:reverse}
.mgpw-col--3{animation-duration:54s}
.mgpw-col--4{animation-duration:62s;animation-direction:reverse}
.mgpw-card{border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 18px 40px rgba(6,16,24,.45)}
.mgpw-card img{display:block;width:260px;height:162px;object-fit:cover;max-width:none}
.mgpw-name{display:flex;align-items:center;height:34px;padding:0 12px;background:#eceff4;font:600 11.5px/1 "DM Sans",system-ui,sans-serif;color:#061018;white-space:nowrap;overflow:hidden}
@keyframes mgpw-col{from{transform:translateY(0)}to{transform:translateY(-50%)}}