.young-adult {
  --chapter-green: #dce9dd;
  --chapter-blue: #d7e5ed;
  --chapter-sun: #f4e6bf;
  --chapter-rose: #f1dfd9;
}

.young-adult .hero {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.42) 25%, transparent 25%) 0 0 / 28px 28px,
    var(--chapter-green);
  box-shadow: 10px 10px 0 var(--teal);
}

.young-adult .hero::after { content: "03"; }

.young-adult .hero-art {
  background: var(--chapter-sun);
  border-radius: 52% 44% 48% 55%;
  transform: rotate(-1.5deg);
}

.mind-art img { width: 100%; }

.young-adult .part-one { background: #f4f6f4; }
.young-adult .part-two { background: var(--chapter-rose); }
.young-adult .part-three { background: var(--chapter-blue); }
.young-adult .part-four { background: var(--chapter-green); }
.young-adult .part-five { background: var(--chapter-sun); }

.young-adult .soundtrack { background: #7bb2aa; }

.young-adult .handover { background: #d7e2e8; }

.young-adult .future-echo {
  margin: 1.5rem 0;
  padding: 1rem 1.2rem;
  border-left: 7px solid var(--teal);
  background: rgba(255, 255, 255, 0.58);
}