/* A consistent editorial template for all five days. */
#journey .days :is(#day01,#day02,#day03,#day04,#day05) .day-media-grid {
  height: auto; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto auto; gap: 20px;
}
#journey .days :is(#day01,#day02,#day03,#day04,#day05) .day-media-grid > figure {
  position: relative; grid-row: 2; grid-column: auto; aspect-ratio: auto; align-self: start;
  margin: 0; border-radius: 12px; background: transparent; overflow: hidden;
}
#journey .days :is(#day01,#day02,#day03,#day04,#day05) .day-media-grid > figure:first-child {
  grid-column: 1 / -1; grid-row: 1; aspect-ratio: auto;
}
#journey .days :is(#day01,#day02,#day03,#day04,#day05) .day-media-grid img {
  display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; object-position: center;
}
#journey .days :is(.day-photo-title,.otaru-photo-title) {
  position: relative; z-index: 2; display: flex; flex-direction: column; gap: 8px;
  width: max-content; max-width: 80%; padding: 0 28px 18px 0; margin-bottom: -22px;
  background: var(--pearl); border-bottom-right-radius: 18px; color: var(--night);
}
#journey .days :is(.day-photo-title,.otaru-photo-title) span {
  color: #786348; font: 400 12px/1.6 var(--serif); letter-spacing: .12em;
}
#journey .days :is(.day-photo-title,.otaru-photo-title) strong {
  font: 300 clamp(20px,2vw,28px)/1.6 var(--sans); letter-spacing: .04em;
}
#journey .days :is(#day01,#day02,#day03,#day04,#day05) .day-media-grid > figure:not(:first-child) figcaption {
  position: static; max-width: none; padding: 10px 0 0; color: #667179; background: none; letter-spacing: .025em; line-height: 1.7;
}
@media (max-width: 760px) {
  #journey .days :is(#day01,#day02,#day03,#day04,#day05) .day-media-grid { gap: 16px 12px; }
  #journey .days :is(.day-photo-title,.otaru-photo-title) { gap: 4px; padding: 0 16px 14px 0; margin-bottom: -16px; max-width: 92%; }
  #journey .days :is(.day-photo-title,.otaru-photo-title) span { font-size: 11px; }
  #journey .days :is(.day-photo-title,.otaru-photo-title) strong { font-size: 19px; }
}