/* A contained editorial passage. The page remains the only scroll container. */
.portfolio-journey{position:relative;isolation:isolate;min-height:100svh;--journey-background:#262c1d;--journey-ink:#e4e5d6;background:var(--journey-background);color:var(--journey-ink);font-family:Arial,"PingFang SC",sans-serif}
.journey-stage{position:sticky;top:0;width:100%;height:100svh;overflow:clip;isolation:isolate;background:var(--journey-background);touch-action:pan-x pan-y pinch-zoom}
.journey-contours{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.17;color:currentColor}
.journey-intro{position:absolute;left:5.3%;top:15%;z-index:3;will-change:transform,opacity;pointer-events:none}
.journey-eyebrow{margin:0 0 30px;font-size:9px;letter-spacing:.12em;line-height:1.4;font-weight:400}
.journey-intro h2{font:500 clamp(80px,13.8vw,240px)/.83 Arial,sans-serif;letter-spacing:-.075em;margin:0}
.journey-intro h2 span{padding-left:14.8vw}
.journey-intro-caption{font:9px/1.6 Arial,"PingFang SC",sans-serif;letter-spacing:.08em;margin:36px 0 0 15.1vw;opacity:.65}
.journey-track{z-index:2;position:absolute;inset:0 auto 0 0;height:100%;will-change:transform}
.journey-photo{position:absolute;margin:0;will-change:transform,opacity;opacity:0}
.journey-photo-surface{position:relative;width:100%;aspect-ratio:var(--journey-ratio,3 / 2);overflow:hidden;background:linear-gradient(140deg,#b1b5a7aa 0%,transparent 42%),var(--journey-shade,#74786d)}
.journey-photo-surface>.liquid-static{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.journey-photo figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font:7px/1.5 Arial,"PingFang SC",sans-serif;letter-spacing:.06em;opacity:.65}
.journey-photo figcaption>span:last-child{font-size:6px;white-space:nowrap}
.journey-note{position:absolute;width:25vw;opacity:0;pointer-events:none}
.journey-note>span,.journey-end>span{display:block;font-size:7px;line-height:1.5;letter-spacing:.12em;opacity:.65}
.journey-note p{font-size:clamp(14px,1.7vw,28px);line-height:.98;font-weight:400;letter-spacing:-.04em;margin:14px 0 0}
.journey-note[data-journey-note="1"] p{font-size:clamp(22px,3.2vw,52px);line-height:.88;letter-spacing:-.06em}
.journey-end{position:absolute;top:32%;width:60vw}
.journey-end p{font-size:clamp(68px,8.3vw,160px);line-height:.84;letter-spacing:-.065em;margin:28px 0 34px;font-weight:400}
.journey-end small{display:flex;align-items:center;gap:30px;font:8px/1.5 Arial,sans-serif;letter-spacing:.09em}
.journey-end small span{font-size:24px;line-height:1}
.journey-progress{position:absolute;z-index:4;left:3%;right:3%;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:25px;pointer-events:none;font-size:7px;letter-spacing:.09em;opacity:.66}
.journey-progress i{display:block;width:15vw;height:1px;background:currentColor;position:relative;opacity:.55;overflow:hidden}
.journey-progress b{display:block;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;box-shadow:0 0 0 1px currentColor}
.journey-ribbon{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none!important;opacity:0}
.journey-closing{position:relative;isolation:isolate;overflow:clip;min-height:100svh;padding:15vh 6% 35px;display:flex;flex-direction:column;align-items:center;background:#e1e1d0;color:#293025;font-family:Arial,"PingFang SC",sans-serif}
.journey-closing>.journey-contours{opacity:.12}
.journey-closing>.journey-eyebrow{position:relative;margin-bottom:45px}
.journey-closing h2{position:relative;font:400 clamp(46px,7.4vw,120px)/.96 Arial,sans-serif;letter-spacing:-.065em;text-align:center;margin:0}


.journey-closing-bottom{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:25px;border-top:1px solid #29302524;font:7px/1.5 Arial,"PingFang SC",sans-serif;letter-spacing:.06em}
.journey-closing-bottom a{min-height:44px;display:flex;align-items:center;gap:18px;color:inherit}
.journey-closing-bottom a:focus-visible{outline:1px solid currentColor;outline-offset:5px}
@media(max-width:699px){.journey-intro{top:23%;left:6%}.journey-eyebrow{font-size:7px;margin-bottom:26px}.journey-intro h2{font-size:17vw;line-height:.9}.journey-intro h2 span{padding-left:10vw}.journey-intro-caption{font-size:7px;margin-top:28px;margin-left:10vw}.journey-photo figcaption{font-size:6px;gap:8px;margin-top:8px}.journey-photo figcaption>span:last-child{font-size:5px}.journey-note{width:64vw}.journey-note>span,.journey-end>span{font-size:6px}.journey-note p{font-size:16px;margin-top:12px}.journey-note[data-journey-note="1"] p{font-size:29px}.journey-end{top:36%;width:85vw}.journey-end p{font-size:18vw;line-height:.88;margin-top:25px;margin-bottom:30px}.journey-end small{font-size:7px}.journey-progress{left:6%;right:6%;bottom:25px;font-size:6px;gap:15px}.journey-progress i{width:20vw}.journey-closing{padding:20vh 6% 25px;min-height:100svh}.journey-closing h2{font-size:12vw}.journey-closing>.journey-eyebrow{margin-bottom:38px}.journey-closing-bottom{font-size:6px}}
@media(max-height:520px) and (min-width:700px){.journey-intro{top:17%}.journey-intro h2{font-size:18vh}.journey-eyebrow{margin-bottom:14px}.journey-intro-caption{margin-top:18px}.journey-end{top:25%}.journey-end p{font-size:17vh}.journey-note p{font-size:15px}.journey-note[data-journey-note="1"] p{font-size:25px}.journey-progress{bottom:16px}}
@media(prefers-reduced-motion:reduce){.portfolio-journey{height:auto!important;min-height:0;background:#c5cbb8;color:#293025;padding:85px 6% 60px}.journey-stage{position:relative;top:auto;height:auto;overflow:visible;background:none}.journey-stage>.journey-contours{display:none}.journey-intro{position:relative;inset:auto;transform:none!important;opacity:1!important;will-change:auto;margin-bottom:60px}.journey-intro h2{font-size:clamp(62px,13vw,170px)}.journey-track{position:relative;inset:auto;width:100%!important;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:45px 6%;transform:none!important;will-change:auto}.journey-photo{position:relative;inset:auto!important;width:100%!important;opacity:1!important;transform:none!important;will-change:auto}.journey-photo.is-portrait{width:70%!important;justify-self:center}.journey-note{display:none}.journey-end{position:relative;inset:auto!important;grid-column:1/-1;width:100%;margin-top:30px}.journey-end p{font-size:clamp(58px,9vw,120px)}.journey-progress,.journey-ribbon{display:none}.journey-closing{min-height:85svh}}
@media(prefers-reduced-motion:reduce) and (max-width:699px){.journey-track{grid-template-columns:1fr;gap:38px}.journey-photo{max-width:100%}.journey-photo.is-portrait{max-width:76%}.journey-intro{margin-bottom:42px}.journey-end{margin-top:15px}.journey-end p{font-size:18vw}}

body[data-view="home"].journey-light .header{color:#293025}
body[data-view="home"].journey-light .header a:hover,body[data-view="home"].journey-light .header button:hover{color:#131b0e}
