.vellum-page {
  --case-accent: #d4a967;
  --case-accent-soft: rgba(212, 169, 103, 0.11);
  --case-line: rgba(212, 169, 103, 0.2);
  --case-panel: rgba(42, 28, 28, 0.8);
}

.vellum-page .case-hero::before {
  background: radial-gradient(circle, rgba(126, 44, 54, 0.28), transparent 68%);
}

.vellum-page .case-hero-shot.wide-shot {
  width: min(100%, 560px);
  aspect-ratio: 16 / 10;
  padding: 10px;
  border-color: rgba(228, 193, 133, 0.32);
  border-radius: 24px;
  background: #211719;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.5), 0 0 70px rgba(126, 44, 54, 0.16);
}

.vellum-page .case-hero-shot.wide-shot::before { display: none; }
.vellum-page .case-hero-shot.wide-shot img { border-radius: 16px; background: #3b2025; }
.vellum-page .screen-visual { background: radial-gradient(circle at 50% 20%, rgba(212, 169, 103, 0.16), transparent 56%), #1c1415; }
.vellum-page .case-hero-card-label { background: rgba(34, 21, 22, 0.95); }

@media (max-width: 620px) {
  .vellum-page .case-hero-shot.wide-shot { width: min(88vw, 520px); aspect-ratio: 16 / 10; }
}