.japan-hero {
  background:
    radial-gradient(circle at 78% 26%, rgba(213, 167, 86, .22), transparent 26rem),
    linear-gradient(120deg, rgba(115, 38, 33, .28), transparent 42%),
    linear-gradient(135deg, #070d13, #182533 58%, #25130f);
}
.japan-hero h1 {
  max-width: 1220px;
  font-size: clamp(3rem, 7vw, 6.6rem);
}
.japan-hero .subtitle { max-width: 930px; }
.japan-hero .deck { color: #f0c57e; }
.japan-figure {
  background:
    radial-gradient(circle at 50% 35%, rgba(142, 62, 42, .18), transparent 30rem),
    #05090c;
}
.japan-figure img {
  width: auto;
  max-width: min(660px, 92vw);
  max-height: 900px;
  object-fit: contain;
}
.original-prose > p { margin: 0 0 1.18rem; }
.source-heading {
  color: #763d2e;
  border-top-color: #c9aa7a;
  font-size: clamp(1.75rem, 4vw, 2.8rem);
}
.original-prose > p:first-child { font-size: 1.22rem; }
.original-prose > p:first-child::first-letter {
  float: left;
  margin: .05em .13em 0 0;
  color: #8c4b36;
  font-size: 4.5rem;
  line-height: .74;
}
.calibration,
.source-note,
.evidence-note,
.literary-note {
  margin: 2.5rem 0;
  padding: 1.25rem 1.4rem;
  background: #f5ecdc;
  border: 1px solid #d3b686;
  border-left: 5px solid #a86a33;
  font-family: var(--sans);
  font-size: .87rem;
}
.source-note { background: #e9f0f1; border-color: #9db7bb; border-left-color: #487b82; }
.evidence-note { background: #f3e7e4; border-color: #cba39a; border-left-color: #914a3e; }
.literary-note { background: #ece9f2; border-color: #b7aec8; border-left-color: #65537e; }
.calibration h3,
.source-note h3,
.evidence-note h3,
.literary-note h3 {
  margin: 0 0 .55rem;
  color: #765022;
  border: 0;
  font: 800 .72rem var(--sans);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.source-note h3 { color: #356871; }
.evidence-note h3 { color: #7e3d34; }
.literary-note h3 { color: #594874; }
.calibration p:last-child,
.source-note p:last-child,
.evidence-note p:last-child,
.literary-note p:last-child { margin-bottom: 0; }
.proposed-abstract { border-left-color: #8c4b36; }
.research h2 small {
  display: block;
  margin-top: .45rem;
  color: #8f6125;
  font: 700 .7rem var(--sans);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.research ol {
  padding-left: 1.4rem;
  font-family: var(--sans);
  font-size: .84rem;
  line-height: 1.62;
}
.research li { margin-bottom: 1.1rem; }
.book-panel {
  margin: 4rem 0 0;
  padding: 1.7rem;
  color: #fff;
  background:
    linear-gradient(120deg, rgba(166, 91, 48, .24), transparent 48%),
    #081922;
  border-top: 5px solid #d6a34d;
  font-family: var(--sans);
}
.book-panel h2 {
  margin: .35rem 0 .8rem;
  padding: 0;
  color: #fff;
  border: 0;
  font-size: clamp(1.6rem, 3vw, 2.35rem);
}
.book-panel p { color: #d7e0e4; }
.book-panel .eyebrow { color: #f1c778; }
.book-button {
  display: inline-block;
  padding: .78rem 1rem;
  color: #07131f;
  background: #edc37d;
  border-radius: .2rem;
  font-weight: 800;
  text-decoration: none;
}
.book-button:hover,
.book-button:focus-visible { background: #fff0c9; }
@media (max-width: 820px) {
  .japan-hero h1 { font-size: 2.7rem; }
  .japan-figure img { max-height: 700px; }
}