/* 28 Sep 2026: "Recent installs." rail on the homepage: three real PixelSpot jobs, each linking to its case study.
   Light Apple-style band that sits between "LED Video Walls." and the DOOH marketplace. */
.ps-installs { background: #fff; padding: 88px 22px 96px; }
.ps-installs-head { max-width: 980px; margin: 0 auto 36px; text-align: center; }
.ps-installs-head .ac-h { margin: 0; }
.ps-installs-head .ac-s { margin: 10px 0 0; color: #6e6e73; }
.ps-installs-grid { list-style: none; margin: 0 auto; padding: 0; max-width: 1180px;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ps-install { margin: 0; }
.ps-install a { display: block; color: inherit; text-decoration: none; background: #f5f5f7; border-radius: 22px; overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease; height: 100%; }
.ps-install a:hover { transform: translateY(-3px); box-shadow: 0 14px 40px rgba(0,0,0,.08); }
.ps-install img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.ps-install-body { display: block; padding: 18px 22px 22px; }
.ps-install-kicker { display: block; font-size: 12px; font-weight: 600; letter-spacing: .02em; color: #6e6e73; text-transform: uppercase; }
.ps-install-title { display: block; margin-top: 6px; font-size: 21px; line-height: 1.24; font-weight: 600; color: #1d1d1f; }
.ps-install-more { display: inline-block; margin-top: 10px; font-size: 15px; color: #0066cc; }
.ps-install a:hover .ps-install-more { text-decoration: underline; }
@media (max-width: 900px) {
  .ps-installs { padding: 64px 0 72px; }
  .ps-installs-head { padding: 0 22px; }
  .ps-installs-grid { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 22px 6px;
    -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .ps-installs-grid::-webkit-scrollbar { display: none; }
  .ps-install { flex: 0 0 78%; scroll-snap-align: start; }
  .ps-install-title { font-size: 19px; }
}