/* =========================================================
   SHOWCASE (screenshots strip) — matches sections/showcase.html
   To add a new screenshot: copy one .show-card block in
   sections/showcase.html.
   ========================================================= */
.showcase{background:var(--primary-dark); color:var(--cream); position:relative;}
.showcase-strip{
  display:flex; gap:26px; overflow-x:auto; padding:20px 4px 10px;
  scrollbar-width:none;
}
.showcase-strip::-webkit-scrollbar{display:none;}
.show-card{flex:0 0 auto; width:240px;}
.show-card .phone-frame{
  width:240px; height:488px; border-radius:32px; border:6px solid var(--gold);
  overflow:hidden; box-shadow:0 24px 50px -18px rgba(0,0,0,0.6);
}
.show-card .phone-frame img{width:100%; height:100%; object-fit:cover;}
.show-card .caption{margin-top:18px; text-align:center;}
.show-card .caption .tag{
  font-size:12px; letter-spacing:1.6px; text-transform:uppercase; color:var(--gold-light); font-weight:700;
}
.show-card .caption h4{font-family:var(--font-display); font-size:22px; margin-top:6px; font-weight:600;}