.stage--multi-day .v2-layout { padding-top: 8px; }

.stage--multi-day .v2-facts { grid-template-columns: 1.2fr repeat(5, 1fr); }
.stage--multi-day .v2-facts:where(:has(> :nth-child(7))) { grid-template-columns: repeat(7, auto); }
@container stage (1100px <= width <= 1279px) {
  .stage--multi-day .v2-facts:where(:has(> :nth-child(7))) > div { padding-inline: 14px; }
  .stage--multi-day .v2-facts:where(:has(> :nth-child(7))) > div:first-child { padding-left: 0; }
  .stage--multi-day .v2-facts:where(:has(> :nth-child(7))) > div:last-child { padding-right: 0; }
}

.vlead {
  max-width: 780px;
  margin: 0 auto;
  padding: 64px 24px 64px;
  text-align: center;
}

.vlead__eyebrow {
  font-size: var(--eyebrow-size);
  font-weight: var(--eyebrow-weight);
  letter-spacing: var(--eyebrow-tracking);
  text-transform: uppercase;
  color: var(--season-accent);
  margin-bottom: 20px;
}

.vlead__h {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: var(--type-40);
  line-height: 1.1;
  color: var(--ink-strong);
  margin-bottom: 22px;
}

.vlead__body {
  font-size: var(--type-18);
  line-height: 1.62;
  color: var(--ink);
}

.vdays {
  position: relative;
  padding: 8px 0 96px;
  background: var(--paper);
}

.vdays__line {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: visible;
}

.vdays__track,
.vdays__walked {
  fill: none;
  stroke-width: 3.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vdays__track {
  stroke: rgba(34, 34, 34, 0.2);
  stroke-dasharray: 0 13;
}

.vdays__walked {
  stroke: var(--season-accent);
  stroke-dasharray: 0 99999;
}

.vdays__dot {
  fill: var(--season-accent);
  stroke: var(--paper);
  stroke-width: 2;
}

.vday {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
  padding: 88px 56px;
}

.vday--flip .vday__collage { order: 2; }

.vday--flip .vday__text { order: 1; }

.vday__collage {
  position: relative;
  height: 520px;
}

.vday__big,
.vday__small {
  position: absolute;
  border-radius: 12px;
  overflow: hidden;
  background: #ece9e4;
}

.vday__big img,
.vday__small img {
  width: 100%;
  height: 116%;
  margin-top: -8%;
  object-fit: cover;
  display: block;
  transform: translate3d(0, calc(var(--par, 0) * 1px), 0);
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .vday__big img,
  .vday__small img { transform: none; }
}

.vday__big {
  left: 0;
  top: 0;
  width: 62%;
  height: 100%;
}

.vday__small {
  right: 0;
  bottom: 46px;
  width: 46%;
  height: 46%;
  box-shadow: 0 18px 48px -12px rgba(26, 29, 33, 0.28);
  transform: translate3d(0, calc(var(--catch, 0) * 1px), 0);
  will-change: transform;
}

.vday--flip .vday__big { left: auto; right: 0; }

.vday--flip .vday__small { right: auto; left: 0; }

.vday__text { max-width: 520px; }

.vday--flip .vday__text { justify-self: end; }

.vday__n {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
  color: var(--ink-strong);
}

.vday__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 16px 0 22px;
  font-size: 15px;
  color: var(--ink-quiet);
}

.vday__m { display: flex; align-items: center; gap: 8px; }

.vday__i { width: 17px; height: 17px; flex: none; opacity: 0.8; }

.vday__body {
  font-size: 18px;
  line-height: 1.62;
  color: var(--ink);
}

[data-content-pending] {
  color: var(--season-accent);
  letter-spacing: 0.04em;
}

.stage--multi-day .vdays { padding-bottom: 72px; }

.stage--multi-day .vday { padding-block: 72px; }

.stage--multi-day .vday__meta { gap: 8px 14px; }

.stage--multi-day .vlead { padding-top: 72px; }

.stage--multi-day .tour-booking__price { font-size: var(--type-40); }

.stage--multi-day .tour-price { white-space: nowrap; }

.stage--multi-day .vday__big--top img { object-position: 50% 8%; }

.stage--multi-day .vday__small { bottom: 22%; }

@container stage (max-width: 1439px) {

  .stage--multi-day .vlead,
  .stage--multi-day .vdays { --page-margin: calc(var(--gutter) + 8px); }

  .stage--multi-day .v2-layout { padding-top: 0; }

  .stage--multi-day .tour-booking__price { font-size: var(--type-40-fluid); }

  .stage--multi-day .vlead { padding: var(--space-section) var(--page-margin); }

  .stage--multi-day .vlead__h { font-size: var(--type-40-fluid); }

  .stage--multi-day .vlead__body {
    max-width: var(--measure);
    margin-inline: auto;
  }

  .stage--multi-day .vlead__eyebrow { font-size: var(--type-14); }

  .stage--multi-day .vday {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-block);
    padding-inline: var(--page-margin);
    padding-block: var(--space-block);
  }

  .stage--multi-day .vday--flip .vday__collage { order: 0; }

  .stage--multi-day .vday--flip .vday__text { order: 0; justify-self: start; }

  .stage--multi-day .vday__collage {
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .stage--multi-day .vday__big { width: 68%; }

  .stage--multi-day .vday__small {
    width: 48%;
    height: 42%;
  }

  .stage--multi-day .vday__text { max-width: var(--measure); }

  .stage--multi-day .vday__n { font-size: var(--type-40-fluid); }
}

@container stage (max-width: 1023px) {

  .stage--multi-day .vdays__line { display: none; }

  .stage--multi-day .vdays {
    padding-bottom: 0;
    --rail-x: calc(var(--page-margin) + 8px);
  }

  .stage--multi-day.stage--day-tour-final .v2-layout { padding-top: 0; }

  .stage--multi-day .vdays::before {
    content: "";
    position: absolute;
    left: calc(var(--rail-x) - var(--day-rail-dot-size) / 2);
    top: calc(var(--space-block) + 8px);
    bottom: var(--space-block);
    width: var(--day-rail-dot-size);
    background: radial-gradient(circle at 50% calc(var(--day-rail-dot-size) / 2),
                color-mix(in srgb, var(--ink) 20%, transparent) calc(var(--day-rail-dot-size) / 2 - .2px),
                transparent calc(var(--day-rail-dot-size) / 2)) repeat-y;
    background-size: var(--day-rail-dot-size) var(--day-rail-pitch);
  }

  .stage--multi-day .vday { padding-left: calc(var(--page-margin) + var(--day-rail-lane)); }

  .stage--multi-day .vday::before,
  .stage--multi-day .vday::after {
    content: "";
    position: absolute;
    left: var(--rail-x);
    top: var(--day-marker-y);
    transform: translate(-50%, -50%);
    border-radius: var(--radius-50percent);
    pointer-events: none;
  }

  .stage--multi-day .vday::before {
    width: var(--day-rail-halo-size);
    height: var(--day-rail-halo-size);
    background: var(--day-rail-halo-fill);
  }

  .stage--multi-day .vday::after {
    width: var(--day-rail-mark-size);
    height: var(--day-rail-mark-size);
    background: var(--season-accent);
  }
}

@container stage (700px <= width <= 1023px) {

  .stage--multi-day .vday {
    grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
    gap: var(--space-block);
    align-items: start;
  }

  .stage--multi-day .vday--flip { grid-template-columns: minmax(0, 1fr) minmax(0, 40%); }

  .stage--multi-day .vday--flip .vday__collage { order: 2; }

  .stage--multi-day .vday--flip .vday__text { order: 1; }

  .stage--multi-day .vday__collage {
    aspect-ratio: 4 / 5;
    position: sticky;
    top: var(--space-row);
  }

  .stage--multi-day .vday__big { width: 85%; }

  .stage--multi-day .vday__small {
    width: 50%;
    height: 38%;
  }
}

@container stage (max-width: 699px) {

  .stage--multi-day .vlead { text-align: start; }

  .stage--multi-day .vlead__body,
  .stage--multi-day .vday__body {
    hyphens: auto;
    hyphenate-limit-chars: 10 4 4;
    text-wrap: pretty;
  }

  .stage--multi-day .vday__meta {
    font-size: var(--type-14);
    column-gap: 12px;
  }

  .stage--multi-day .vday__collage {
    --col: calc(100cqi - 2 * var(--page-margin) - var(--day-rail-lane));
    --big-w: min(0.68 * var(--col), 280px);
    --small-w: min(0.48 * var(--col), 255px);
    --overlap: min(0.16 * var(--col), 85px);
    width: min(100%, calc(var(--big-w) + var(--small-w) - var(--overlap)));
    height: min(var(--col), 412px);
    aspect-ratio: auto;
  }

  .stage--multi-day .vday__big { width: var(--big-w); }

  .stage--multi-day .vday__small {
    width: var(--small-w);
    height: min(0.42 * var(--col), 222px);
  }
}

@container stage (1024px <= width <= 1439px) {

  .stage--multi-day .vday {
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    padding-inline: var(--page-margin);
    padding-block: var(--space-section);
  }

  .stage--multi-day .vday--flip .vday__collage { order: 2; }

  .stage--multi-day .vday--flip .vday__text { order: 1; justify-self: end; }

  .stage--multi-day .vday__collage {
    width: 100%;
    height: auto;
    aspect-ratio: 632 / 520;
    min-width: 0;
    min-height: 400px;
    max-height: 520px;
  }

  .stage--multi-day .vday__big { width: 62%; }

  .stage--multi-day .vday__small {
    width: 46%;
    height: 46%;
  }

  .stage--multi-day .vday__text { max-width: 520px; }
}

@container stage (870px <= width <= 1439px) {

  .stage--multi-day .vlead,
  .stage--multi-day .vdays { --gutter: 3.3333cqi; }

  .stage--multi-day .vlead { padding: 72px 24px 64px; }

  .stage--multi-day .vlead__body { max-width: none; }

  .stage--multi-day .v2-layout { padding-top: 8px; }

  .stage--multi-day .vday { padding-block: 72px; }
}
