/* A winding route is drawn through the original photographs as the page scrolls. */
.jdm-story-page .jdm-timeline {padding:76px 0 58px;background:radial-gradient(ellipse at 50% 30%,#123b3022,transparent 65%),#020e0f}
.jdm-story-page .jdm-timeline>.jdm-container>.jdm-heading {font-size:50px;max-width:900px}
.jdm-scroll-path {position:relative;isolation:isolate;margin-top:70px;padding:40px 0 0}
.jdm-route-svg {position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}
.jdm-route-svg path {fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.jdm-route-base {stroke:#be9d5b33}
.jdm-route-progress {stroke:#eac47b;filter:drop-shadow(0 0 5px #dda44255)}
.jdm-route-tip {fill:#ffe1a0;filter:drop-shadow(0 0 6px #ffd17a);opacity:0}
.has-scroll-path .jdm-route-tip {opacity:1}
.jdm-path-steps {list-style:none;margin:0;padding:0}
.jdm-path-steps .jdm-path-step {position:relative;display:block;margin:0 0 150px;padding:0;border:0;min-width:0}
.jdm-path-steps .jdm-path-step:last-child {margin-bottom:90px}
.jdm-path-content {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);grid-template-areas:"photo copy";align-items:center;gap:56px;width:80%;margin:auto;transition:opacity .55s,transform .55s}
.jdm-path-step:nth-child(even) .jdm-path-content {grid-template-columns:minmax(0,1fr) minmax(0,.85fr);grid-template-areas:"copy photo"}
.has-scroll-path .jdm-path-content {opacity:.28;transform:translateY(16px)}
.has-scroll-path .is-reached .jdm-path-content {opacity:1;transform:none}
.jdm-path-number {position:absolute;left:4%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid #a58a5577;background:#041515;border-radius:50%;display:grid;place-items:center;font:27px/1 var(--heading);color:#a19c83;transition:background .3s,color .3s,box-shadow .3s;border:1px solid #ac8c4e80}
.jdm-path-step:nth-child(even) .jdm-path-number {left:96%}
.is-reached .jdm-path-number {background:#e9c77f;color:#17211b;border-color:#f5d995;box-shadow:0 0 0 7px #dfb65d0d}
.is-current .jdm-path-number {box-shadow:0 0 0 9px #dfb65d16,0 0 38px #e9b75533}
.jdm-path-photo {grid-area:photo;position:relative;min-width:0;padding:14px;background:linear-gradient(135deg,#e0c99733,#b9923c0d);border:1px solid #c5a26455;box-shadow:0 20px 50px #0005}
.jdm-path-photo::before {content:"";position:absolute;inset:-8px 8px 8px -8px;z-index:-1;border:1px solid #c9a86422}
.jdm-path-step:nth-child(even) .jdm-path-photo::before {inset:-8px -8px 8px 8px}
.jdm-path-photo .jdm-image,.jdm-path-photo picture {height:auto;width:100%}
.jdm-path-photo .jdm-photo {width:100%;height:auto;max-height:480px;object-fit:contain}
.jdm-path-copy {grid-area:copy;min-width:0}
.jdm-path-year {font:76px/.95 var(--heading);letter-spacing:-2px;color:#efce8e;margin:0 0 26px}
.jdm-path-copy .jdm-heading {font-size:34px;line-height:1.15;color:#f4e4c3;margin-bottom:22px}
.jdm-path-copy .jdm-copy {font-size:15px;line-height:1.85;color:#d1d5c9}
.jdm-path-copy .jdm-copy p:last-child {margin-bottom:0}
.jdm-path-copy .jdm-eyebrow {font-size:10px}
.jdm-path-finish {text-align:center;font:italic 25px/1.5 var(--heading);color:#e3c389;padding:16px 0;margin:0}
@media(max-width:1200px) {
    .jdm-path-content {gap:36px}
    .jdm-path-year {font-size:65px}
    .jdm-path-copy .jdm-heading {font-size:30px}
    .jdm-path-copy .jdm-copy {font-size:14px;line-height:1.75}
}
@media(max-width:768px) {
    .jdm-story-page .jdm-timeline {padding-block:48px}
    .jdm-story-page .jdm-timeline>.jdm-container>.jdm-heading {font-size:36px}
    .jdm-scroll-path {margin-top:40px;padding-top:24px}
    .jdm-path-steps .jdm-path-step {margin-bottom:90px}
    .jdm-path-content,.jdm-path-step:nth-child(even) .jdm-path-content {width:auto;margin-left:66px;grid-template-columns:minmax(0,1fr);grid-template-areas:"photo" "copy";gap:28px}
    .jdm-path-number,.jdm-path-step:nth-child(even) .jdm-path-number {left:20px;top:44px;width:36px;height:36px;font-size:20px}
    .jdm-path-step:nth-child(even) .jdm-path-number {left:32px}
    .jdm-path-photo {padding:8px;max-width:360px}
    .jdm-path-photo .jdm-photo {max-height:430px}
    .jdm-path-year {font-size:55px;margin-bottom:18px}
    .jdm-path-copy .jdm-heading {font-size:28px;margin-bottom:18px}
    .jdm-path-copy .jdm-copy {font-size:14px;line-height:1.8}
    .jdm-path-finish {font-size:22px;margin-left:52px;text-align:left}
    .is-current .jdm-path-number {box-shadow:0 0 0 5px #dfb65d16,0 0 25px #e9b75533}
}
@media(max-width:360px) {
    .jdm-path-content,.jdm-path-step:nth-child(even) .jdm-path-content {margin-left:58px}
    .jdm-path-copy .jdm-heading {font-size:25px}
    .jdm-path-copy .jdm-copy {font-size:13px}
}
@media(prefers-reduced-motion:reduce) {
    .has-scroll-path .jdm-path-content {opacity:1;transform:none;transition:none}
    .jdm-path-number {transition:none}
    .jdm-route-tip {display:none}
}