/* Luce — the UX story layout (two column story, full width sheets) comes from
   sweep.css, and the hero, meta list and alternating screen blocks from
   lull.css.

   Luce is a dark app, so its exported sheets are drawn in bone and champagne on
   transparency. On the light case study page that text would disappear, so each
   sheet sits inside a graphite panel here. The screens are already iPhone
   mockups with a shadow baked in, so they need nothing. */

.lc-figure {
  background: linear-gradient(180deg, #141417 0%, #0A0A0C 100%);
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: var(--radius-lg, 16px);
  padding: clamp(22px, 3vw, 40px);
  box-shadow: 0 18px 44px rgba(9, 9, 10, .18);
}

.lc-figure img {
  border-radius: 0;
}

.lc-figure figcaption {
  margin-top: clamp(16px, 2vw, 22px);
  color: #A9A39B;
}

/* the device mockups carry their own shadow */
.ll-screen-media img.lc-screen {
  filter: none;
}