.essay-visual-helter-skelter{
  min-height:520px;
  background-image:
    linear-gradient(180deg,rgba(1,5,6,.04),rgba(1,5,6,.56)),
    linear-gradient(90deg,rgba(4,9,10,.72),rgba(4,9,10,.22) 48%,rgba(4,9,10,.30)),
    url('../assets/images/reading-helter-skelter-body-image-hero.png');
  background-position:center center;
  background-size:cover;
}
.essay-visual-helter-skelter::before{
  background:
    radial-gradient(circle at 62% 45%,rgba(143,82,255,.16),transparent 30%),
    radial-gradient(circle at 78% 54%,rgba(67,245,168,.13),transparent 30%),
    linear-gradient(90deg,rgba(3,7,6,.74),rgba(3,7,6,.12) 50%,rgba(3,7,6,.28));
}
.essay-visual-helter-skelter .essay-title{
  max-width:900px;
  font-size:clamp(2.25rem,5.4vw,4.75rem);
  line-height:1.28;
}
.reading-note-helter .body-copy h2{
  margin:2.35em 0 .9em;
  color:var(--accent);
  font-size:1.32rem;
  letter-spacing:.08em;
  line-height:1.5;
  font-family:ui-monospace,"Hiragino Mincho ProN","Yu Mincho",serif;
}
.reading-note-helter .body-copy p{letter-spacing:.035em}
.reading-note-helter blockquote{
  max-width:800px;
  margin:1.65em auto 1.9em;
  padding:18px 22px;
  border-left:3px solid var(--accent);
  background:rgba(2,9,10,.54);
  color:#edf7f0;
  box-shadow:inset 0 0 0 1px rgba(67,245,168,.10);
}
.reading-note-helter blockquote p{
  margin:0;
  font-size:1.02rem;
  line-height:1.95;
}
@media (max-width:900px){
  .essay-visual-helter-skelter{min-height:420px;background-position:center center}
  .essay-visual-helter-skelter::before{background:linear-gradient(180deg,rgba(3,7,6,.14),rgba(3,7,6,.62))}
}