.lume-page {
  --case-accent: #d19a62;
  --case-accent-soft: rgba(209, 154, 98, 0.11);
  --case-line: rgba(209, 154, 98, 0.2);
  --case-panel: rgba(38, 29, 23, 0.82);
}

.lume-page .case-hero::before {
  background: radial-gradient(circle, rgba(143, 83, 45, 0.27), transparent 68%);
}

.lume-page .case-hero-shot {
  aspect-ratio: 3 / 5;
  width: min(100%, 300px);
  border-color: rgba(228, 188, 131, 0.32);
  background: #1b1714;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.5), 0 0 70px rgba(143, 83, 45, 0.16);
}

.lume-page .case-hero-shot img { background: #2a201b; }
.lume-page .screen-visual { background: radial-gradient(circle at 50% 20%, rgba(209, 154, 98, 0.16), transparent 56%), #171311; }
.lume-page .case-hero-card-label { background: rgba(29, 22, 18, 0.95); }

@media (max-width: 620px) {
  .lume-page .case-hero-shot { width: min(76vw, 272px); aspect-ratio: 3 / 5; }
}