/* A native vertical scroll position drives this reversible horizontal scene. */
.journey-toolbar[hidden],.journey-meter[hidden],.journey-hint[hidden]{display:none}
.journey-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px;flex-shrink:0}
.journey-nav{display:flex;gap:8px}.journey-nav button{display:flex;align-items:center;gap:12px;padding:11px 20px;border:1px solid #c9b6a6;border-radius:30px;background:transparent;color:#705949;font-size:.875rem;min-height:45px;transition:background .25s,color .25s}
.journey-nav button[aria-pressed=true]{background:#49342a;border-color:#49342a;color:#fff2e4}.journey-counter{font-size:.875rem;color:#856b58;font-variant-numeric:tabular-nums;letter-spacing:.13em}
.journey-meter{height:2px;background:#d5c2b0;margin-top:14px;overflow:hidden;flex-shrink:0}.journey-meter>span{display:block;width:100%;height:100%;background:#84523b;transform-origin:left;transform:scaleX(var(--journey-progress,0))}
.journey-hint{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:#786352;margin-top:10px;max-width:none;flex-shrink:0}.journey-hint>span{color:#977d67}
.journey-active .scroll-journey{height:calc(var(--scene-height) + var(--journey-distance));position:relative}
.journey-active .journey-sticky{position:sticky;top:var(--sticky-top);height:var(--scene-height);display:flex;flex-direction:column}
.journey-active .journey-viewport{flex:1;min-height:0;overflow:clip;border-radius:18px;isolation:isolate}
.journey-active .stack-grid{display:flex;flex-direction:row;gap:0;height:100%;width:100%;padding:0;transform:translate3d(var(--journey-x,0%),0,0);will-change:transform}
.journey-active .stack-card{position:relative;top:auto;flex:0 0 100%;width:100%;height:100%;min-height:0;transform:none;padding:40px 46px;gap:42px;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);box-shadow:none;overflow:clip;border-radius:18px}
.journey-active .offer-art{min-height:0;height:100%;width:100%;transform:none;transition:none}
.journey-active .offer-copy{transform:translate3d(var(--scene-copy-shift,0px),0,0);transition:none}
.journey-active .stack-card .offer-top{margin-bottom:26px}.journey-active .stack-card h3{font-size:clamp(2.8rem,4.5vw,4.35rem)}
.journey-active .content-photo,.journey-active .website-photo{transform:translate3d(var(--scene-pan,0px),0,0) scale(var(--scene-zoom,1.06));transition:none;will-change:transform}
.journey-active .shoes-art{margin:0;height:100%;overflow:hidden;background:#cda597}
.journey-active .shoes-art>img{transform:translate3d(var(--scene-pan,0px),0,0) rotate(var(--scene-angle,6deg)) scale(var(--scene-zoom,1.06));transition:none;top:5%;left:18%;width:64%;height:84%}
.journey-active .shoes-art-sticker{left:16px;bottom:50px;font-size:2.1rem;z-index:1}.journey-active .shoes-art .art-serial{left:20px}
.journey-active .stack-card[inert]{pointer-events:none}
.motion-on .hero-line{translate:var(--line-shift,0px) 0}.motion-on .portrait{transform:translate3d(0,var(--photo-drift,0px),0) scale(var(--photo-scale,1.07))}
.motion-on .scroll-word{opacity:calc(.28 + var(--word-fill,0)*.72)}.motion-on .poster-mat{translate:0 var(--poster-shift,0px);scale:var(--poster-scale,1)}
@media(min-width:701px) and (max-height:850px){.journey-active .stack-card{padding:25px 35px;gap:35px}.journey-active .stack-card h3{font-size:3.1rem}.journey-active .stack-card .offer-top{margin-bottom:18px}.journey-active .stack-card .offer-copy>p{margin-top:18px}.journey-active .stack-card .button{margin-top:20px}.journey-active .offer-tags{margin-top:18px}}
@media(max-width:950px){.journey-active .stack-card{gap:27px;padding:30px}.journey-active .stack-card h3{font-size:3.1rem}.journey-active .stack-card .offer-top{margin-bottom:22px}.journey-active .offer-tags{gap:10px;font-size:.65rem}.journey-active .stack-card .button{font-size:.875rem;padding-inline:20px}.journey-active .shoes-art-sticker{font-size:1.7rem;left:12px;padding:15px}}
@media(max-width:700px){.journey-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}.journey-nav button{font-size:.875rem;gap:6px;padding:9px 7px;justify-content:center;min-height:43px}.journey-counter{display:none}.journey-toolbar{padding-bottom:11px}.journey-hint{font-size:.75rem;margin-top:8px;justify-content:center}.journey-hint>span{display:none}.journey-meter{margin-top:11px}.journey-active .journey-viewport{border-radius:13px}.journey-active .stack-card{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(145px,.62fr);padding:21px 22px;gap:18px;border-radius:13px}.journey-active .stack-card .offer-copy{justify-content:center}.journey-active .stack-card .offer-top{margin-bottom:14px}.journey-active .stack-card .item-number{font-size:.75rem;letter-spacing:.05em}.journey-active .stack-card .offer-top>.icon{width:22px;height:22px}.journey-active .stack-card h3{font-size:2.5rem;line-height:1}.journey-active .stack-card .offer-copy>p{font-size:1rem;line-height:1.65;margin-top:14px}.journey-active .stack-card .button{min-height:46px;font-size:.875rem;padding:10px 17px;margin-top:18px}.journey-active .offer-tags{display:none}.journey-active .offer-art{min-height:0;max-height:none}.journey-active .content-photo{background-size:245% auto;background-position:left 8%}.journey-active .website-photo{background-size:185% auto;background-position:100% 13%}.journey-active .art-caption{font-size:2rem;left:20px;bottom:35px}.journey-active .art-caption>span{font-size:2.5rem}.journey-active .art-serial{font-size:.65rem;left:18px;bottom:12px;letter-spacing:.04em}.journey-active .web-art-label{font-size:2rem;left:20px;bottom:38px}.journey-active .shoes-art>img{top:-26%;height:155%;width:47%;left:46%;object-fit:contain;object-position:top}.journey-active .shoes-art-sticker{font-size:1.9rem;left:12px;bottom:42px;background:#fff5e9e8;padding:15px 18px}.journey-active .shoes-art .art-serial{font-size:.65rem}.motion-on .hero-line{translate:var(--line-shift,0px) 0}}
@media(max-width:360px){.journey-nav button{font-size:.8rem;padding-inline:4px;gap:4px}.journey-active .stack-card{padding:19px 18px;gap:15px}.journey-active .stack-card h3{font-size:2.3rem}.journey-active .stack-card .item-number{font-size:.68rem}.journey-active .stack-card .offer-top{margin-bottom:12px}.journey-active .stack-card .offer-copy>p{margin-top:12px;font-size:.94rem}.journey-active .stack-card .button{margin-top:15px;font-size:.83rem}.journey-active .shoes-art-sticker{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){.scroll-word{opacity:1!important}.poster-mat{translate:none!important;scale:1!important}.hero-line{translate:none!important}.portrait{transform:scale(1.07)!important}}