/* A watercolor pause between destination choices and entry preparation. */
.jp-itinerary {
  background:#faf8f2;
  border:0;
  padding-block:64px;
  isolation:isolate;
  scroll-margin-top:88px;
}
.jp-itinerary-layout {
  display:grid;
  grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);
  grid-template-areas:"art heading" "art copy";
  column-gap:clamp(36px,6vw,88px);
  row-gap:24px;
  align-items:center;
}
.jp-itinerary-art {grid-area:art;align-self:center;width:min(100%,440px);margin:0 auto;min-width:0}
.jp-itinerary-art img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:contain;
  border:0;
  background:transparent;
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 94%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 94%,transparent);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
  mask-repeat:no-repeat;
}
.jp-itinerary-art figcaption {font-size:10px;line-height:1.7;letter-spacing:.04em;color:#596c5f;text-align:center;margin-top:12px}
.jp-itinerary-heading {grid-area:heading;align-self:end;min-width:0;padding:0}
.jp-itinerary-label {font-size:11px;letter-spacing:.1em;color:#3a6d63;font-weight:600;margin:0 0 16px}
.jp-itinerary-heading h2 {font:500 clamp(34px,3.1vw,45px)/1.5 var(--serif);letter-spacing:-.04em;color:#24493e;margin:0}
.jp-itinerary-heading h2 span {display:block}
.jp-itinerary-copy {grid-area:copy;align-self:start;min-width:0;max-width:480px}
.jp-itinerary-copy>p {font-size:15px;line-height:2.05;letter-spacing:.02em;color:#43594e;margin:0}
.jp-itinerary-link {display:inline-flex;align-items:center;gap:24px;min-height:44px;margin-top:24px;padding-block:6px;border-bottom:1px solid #8a9b8e;color:#315c4c;font-size:13px;font-weight:600;line-height:1.8}
.jp-itinerary-link:hover {color:#203f34;border-bottom-color:currentColor}
.jp-itinerary-link:focus-visible {outline:3px solid #315c4c;outline-offset:5px}
@media(min-width:721px) and (max-width:1050px) {
  .jp-itinerary {padding-block:48px}
  .jp-itinerary-layout {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:32px;row-gap:20px}
  .jp-itinerary-heading h2 {font-size:clamp(29px,3.7vw,38px)}
  .jp-itinerary-copy>p {font-size:14px}
}
@media(max-width:720px) {
  .jp-itinerary {padding-block:42px 48px}
  .jp-itinerary-layout {grid-template-areas:"heading" "art" "copy";grid-template-columns:minmax(0,1fr);gap:26px}
  .jp-itinerary-heading,.jp-itinerary-copy {align-self:auto}
  .jp-itinerary-heading h2 {font-size:clamp(28px,7vw,36px);line-height:1.6}
  .jp-itinerary-label {font-size:11px;margin-bottom:12px}
  .jp-itinerary-art {width:min(100%,360px)}
  .jp-itinerary-art figcaption {font-size:10px;margin-top:8px}
  .jp-itinerary-copy {max-width:none}
  .jp-itinerary-copy>p {font-size:14px;line-height:2}
  .jp-itinerary-link {margin-top:20px}
}
@media print {
  .jp-itinerary {break-inside:avoid}
  .jp-itinerary-art img {mix-blend-mode:normal}
}