.illustrated-journey { position: relative; isolation: isolate; padding: 32px; background: var(--sky) url('/assets/journey-calendar-background.webp') center / cover no-repeat; }
.illustrated-journey::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(223,234,243,.8); }
.illustrated-journey .journey-inner { max-width: 1260px; margin: 0 auto; }
.illustrated-journey h2 { max-width: 1100px; font-size: 32px; line-height: 1.17; text-wrap: pretty; }
.illustrated-journey .illustrated-stages { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; margin: 24px 0 0; padding: 0; list-style: none; }
.illustrated-journey li { min-width: 0; }
.illustrated-journey img { width: 100%; height: 190px; object-fit: contain; object-position: left center; }
.illustrated-journey li > div { padding-top: 14px; }
.illustrated-journey .stage-days { margin: 0 0 7px; color: #8c2946; font-size: 12px; font-weight: 700; line-height: 1.3; }
.illustrated-journey h3 { font-family: var(--sans); font-size: 18px; line-height: 1.3; text-wrap: pretty; }
@media (max-width: 1050px) and (min-width: 701px) {
  .illustrated-journey .illustrated-stages { gap: 16px; }
  .illustrated-journey img { height: 155px; }
  .illustrated-journey h3 { font-size: 16px; }
  .illustrated-journey h2 { font-size: 28px; }
}
@media (max-width: 700px) {
  .illustrated-journey { padding: 24px 20px; }
  .illustrated-journey h2 { font-size: 25px; line-height: 1.2; }
  .illustrated-journey .illustrated-stages { grid-template-columns: 1fr; gap: 12px; margin-top: 20px; }
  .illustrated-journey li { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 18px; align-items: center; }
  .illustrated-journey img { width: 80px; height: 104px; object-position: center; }
  .illustrated-journey li > div { padding: 0; }
  .illustrated-journey h3 { font-size: 18px; }
}