.michigan {
  --chapter-lake: #d9e7ee;
  --chapter-maize: #f2dfa5;
  --chapter-pine: #d9e8df;
  --chapter-sky: #e5eef3;
  --chapter-rose: #f0dfe2;
}

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

.michigan .hero::after { content: "04"; }

.michigan .hero-art {
  background: var(--chapter-maize);
  border-radius: 48% 54% 45% 55%;
  transform: rotate(1.5deg);
}

.coffee-art picture,
.coffee-art img { width: 100%; }

.chapter-prologue {
  width: min(920px, calc(100% - 2rem));
  margin: 4rem auto 5rem;
  padding: clamp(1.5rem, 5vw, 3.5rem);
  border: 3px solid var(--ink);
  border-radius: 1rem;
  background: var(--chapter-maize);
  box-shadow: 9px 9px 0 var(--ink);
}

.chapter-prologue h2 {
  margin-bottom: 1rem;
  font-size: clamp(2.5rem, 6vw, 4.8rem);
  line-height: 0.95;
  letter-spacing: -0.06em;
}

.chapter-prologue p:last-child { margin-bottom: 0; }

.michigan .part-one { background: #f3f6f7; }
.michigan .part-two { background: var(--chapter-sky); }
.michigan .part-three { background: var(--chapter-maize); }
.michigan .part-four { background: var(--chapter-rose); }
.michigan .part-five { background: var(--chapter-pine); }

.michigan .soundtrack { background: #76a9ba; }
.michigan .handover { background: #d4e1e7; }