.diamond-case .story-atmosphere {
  background:
    radial-gradient(circle at 75% 24%, #d5ac6b66, transparent 22%),
    linear-gradient(145deg, transparent 45%, #000 46% 48%, transparent 49%),
    url('/assets/great-diamond-hoax.webp?v=1.0.1') center 42% / cover;
}

.diamond-static-bar {
  min-height: 68px;
  padding: 0 3vw;
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #11110d;
  color: #f1e9d9;
  font: 500 0.65rem "DM Mono", monospace;
  letter-spacing: 0.08em;
}

.diamond-static-bar a { color: inherit; font-weight: 700; text-decoration: none; }
.diamond-static-bar span { margin-left: auto; }

.diamond-static {
  min-height: calc(100vh - 68px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  background: #171711;
  color: #eee5d3;
}

.diamond-static > section { padding: clamp(3rem, 7vw, 7rem); align-self: center; }
.diamond-static-label, .diamond-static-meta { color: #c49b5c; font: 700 0.65rem "DM Mono", monospace; letter-spacing: 0.12em; }
.diamond-static h1 { max-width: 8ch; margin: 1.2rem 0; font-size: clamp(3.5rem, 7vw, 7rem); line-height: 0.85; letter-spacing: -0.06em; }
.diamond-static-dek { max-width: 38rem; font-size: 1.2rem; line-height: 1.65; }
.diamond-static ol { max-width: 36rem; padding-left: 1.4rem; line-height: 1.7; }
.diamond-static-note { max-width: 38rem; color: #c7bdab; font-size: 0.95rem; line-height: 1.55; }
.diamond-static nav { display: flex; flex-wrap: wrap; gap: 0.8rem 1.4rem; margin-top: 1.5rem; }
.diamond-static nav a { color: #f0cf91; font: 700 0.68rem "DM Mono", monospace; }
.diamond-static figure { position: relative; margin: 0; min-height: 45vh; overflow: hidden; }
.diamond-static figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #171711, transparent 45%), linear-gradient(0deg, #17171166, transparent); pointer-events: none; }
.diamond-static img { width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) grayscale(0.2); }
.diamond-static figcaption { position: absolute; z-index: 1; right: 1.5rem; bottom: 1.5rem; max-width: 34rem; color: #fff8e9; font: 500 0.58rem/1.5 "DM Mono", monospace; text-align: right; }

@media (max-width: 800px) {
  .diamond-static-bar { padding: 0 0.8rem; }
  .diamond-static-bar span { display: none; }
  .diamond-static { grid-template-columns: 1fr; }
  .diamond-static > section { padding: 3rem 1.4rem; }
  .diamond-static figure { min-height: 46vh; order: -1; }
  .diamond-static figcaption { left: 1rem; right: 1rem; text-align: left; }
}

.diamond-case .episode-2 .story-atmosphere {
  background:
    radial-gradient(circle at 20% 20%, #dfb66b77, transparent 18%),
    linear-gradient(115deg, #28261f 0 40%, #665841 41% 60%, #171713 61%);
}

.diamond-case .episode-3 .story-atmosphere {
  background:
    linear-gradient(25deg, transparent 47%, #9d332b 48% 49%, transparent 50%),
    linear-gradient(145deg, #b9a987, #403a2e);
}