.journey-story{height:900svh;background:#eeeae0;isolation:isolate}.journey-story .hero-sticky{height:100svh;min-height:620px;background:#eeeae0}.journey-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 46%,#f9f7ef 0%,#eeeae0 64%);pointer-events:none}.journey-story .hero-word{top:9%;left:4.6%;color:#dedfd2;font-size:clamp(75px,14.6vw,235px);letter-spacing:-.06em;opacity:.52;z-index:0}.journey-story .hero-copy{left:5.5%;top:21%;width:36%;z-index:3;max-width:570px;pointer-events:none}.journey-story .hero-copy a{pointer-events:auto}.journey-story h1{font-size:clamp(45px,4.35vw,73px);letter-spacing:-3px;line-height:1.08;margin:24px 0 22px}.journey-story .hero-copy>p:not(.eyebrow){font-size:14px;max-width:365px;line-height:1.8;margin:0}.chapter-meta{display:flex;gap:18px;margin:22px 0 0;font-size:9px;letter-spacing:1.6px;align-items:center}.chapter-meta>span:first-child{color:#8d782d;white-space:nowrap}.journey-story .eyebrow{font-size:9px;letter-spacing:1.7px}.journey-record{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1.1px;margin-top:24px;color:#63735c}.record-dot{width:6px;height:6px;background:#a38a3b;border-radius:50%;flex-shrink:0}.journey-cta{padding:10px 17px!important;font-size:10px!important;margin-top:25px;background:transparent}.journey-stage{position:absolute;left:40%;right:-3%;top:7%;height:76%;z-index:1}.journey-stage canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .5s}.journey-stage.ready canvas{opacity:1}.journey-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.journey-stage.ready .journey-poster{opacity:0}.journey-loader{position:absolute;bottom:7%;left:12%;right:12%;text-align:center;font-size:11px;color:#657168;letter-spacing:1px}.journey-stage.ready .journey-loader{display:none}.journey-visual-note{position:absolute;bottom:0;right:6%;font-size:8px;letter-spacing:1.3px;color:#71806d}.journey-controls{position:absolute;z-index:4;left:5.5%;right:5.5%;bottom:115px;display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:1.3px}.journey-controls button{border:1px solid #b5bfaa;border-radius:50%;background:transparent;color:var(--ink);width:32px;height:32px;line-height:1;transition:background .2s}.journey-controls button:hover{background:#e0e6d2}.journey-controls button:disabled{opacity:.3;cursor:default}.journey-controls a{margin-left:auto;color:#7c866f;font-size:10px;letter-spacing:.5px}.journey-story .story-progress{bottom:54px;left:5.5%;right:5.5%;gap:14px;z-index:4}.story-progress button{border:0;border-bottom:2px solid #c4cbbb;background:transparent;padding:8px 0 12px;text-align:left;flex:1;color:#7f8977;font-size:9px;letter-spacing:1px;transition:color .25s,border-color .25s}.story-progress button>span{font-size:8px;margin-right:7px;color:#94a18a}.story-progress button[aria-current=step]{color:var(--ink);border-color:#a48b36}.story-progress button[aria-current=step]>span{color:#a48b36}.journey-story .hero-foot{left:5.5%;right:5.5%;bottom:22px;font-size:8px;letter-spacing:1.2px;color:#6b7862}.journey-nojs{position:relative;padding:30px 6%;font-size:13px;line-height:2;background:#e5e7dc}.journey-static{height:auto!important}.journey-static .hero-sticky{position:relative}.journey-static .story-progress{flex-wrap:wrap}.journey-story .hero-copy.copy-changing h1{animation:chapter-arrive .35s ease-out}.journey-story .hero-copy.copy-changing>p{animation:chapter-arrive .45s ease-out}@keyframes chapter-arrive{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1000px) and (min-width:801px){.journey-story .hero-copy{width:40%}.journey-story h1{font-size:45px}.story-progress button{font-size:8px;letter-spacing:0}.story-progress button>span{display:block;margin-bottom:4px}.journey-story .hero-copy>p:not(.eyebrow){max-width:295px}}
@media(max-width:800px){.journey-story{height:850svh;margin:0}.journey-story .hero-sticky{min-height:0;height:100svh}.journey-story .hero-word{top:12%;left:20px;font-size:17vw;letter-spacing:-3px}.journey-story .hero-copy{left:24px;right:24px;top:5%;width:auto;max-width:none}.journey-story h1{font-size:clamp(30px,8.6vw,44px);letter-spacing:-1.5px;margin:13px 0 12px;max-width:370px}.journey-story .hero-copy>p:not(.eyebrow){font-size:11px;line-height:1.7;max-width:330px}.journey-story .eyebrow{font-size:7px;margin:0}.chapter-meta{margin-top:13px;font-size:7px;gap:14px}.journey-record{font-size:7px;letter-spacing:.8px;margin-top:12px}.journey-cta{display:none!important}.journey-stage{left:-12%;right:-12%;top:33%;height:45%}.journey-visual-note{font-size:6px;right:24px;bottom:0;letter-spacing:.8px}.journey-controls{left:24px;right:24px;bottom:88px;gap:12px;font-size:8px}.journey-controls button{width:28px;height:28px}.journey-controls a{font-size:8px}.journey-story .story-progress{left:24px;right:24px;bottom:50px;gap:6px}.story-progress button{font-size:0;padding:9px 0}.story-progress button>span{font-size:8px;margin:0;display:block;text-align:center}.journey-story .hero-foot{left:24px;right:24px;bottom:20px;font-size:6px;letter-spacing:.4px}.journey-story .hero-foot>span:last-child{max-width:125px;text-align:right}.journey-static .hero-sticky{min-height:690px}}
@media(max-height:650px) and (min-width:801px){.journey-story .hero-sticky{min-height:0}.journey-story .hero-copy{top:12%}.journey-story h1{font-size:43px}.journey-story .hero-copy>p:not(.eyebrow){font-size:12px}.journey-stage{top:4%;height:76%}.journey-cta{display:none}.journey-controls{bottom:95px}.journey-story .story-progress{bottom:43px}.journey-story .hero-foot{bottom:15px}}
@media(prefers-reduced-motion:reduce){.journey-story{height:auto}.journey-story .hero-sticky{position:relative}.journey-story .hero-copy.copy-changing h1,.journey-story .hero-copy.copy-changing>p{animation:none}.journey-stage canvas{transition:none}.story-progress button{transition:none}}

/* Illustrated frames fill the stage; feathered edges merge into the paper canvas. */
.journey-story .hero-sticky{overflow:hidden}

.journey-stage canvas{filter:saturate(.94)}
.journey-stage.error .journey-loader{display:block;background:#eeeae0e8;padding:10px;font-size:10px}
.journey-label{position:absolute;right:15%;bottom:15%;display:flex;gap:8px;align-items:center;padding:9px 13px;background:#f8f6edf0;border:1px solid #bac1ae;border-radius:2px;box-shadow:0 6px 25px #163c300d;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none}
.journey-label.visible{opacity:1;transform:none}
.journey-label img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated}
.journey-label .result-qr{display:none}
.journey-label.results .result-qr{display:block}
.journey-label.results .origin-qr{display:none}
.journey-label strong{font-size:10px;font-weight:500;letter-spacing:.5px;display:block}
.journey-label small{display:block;font-size:7px;letter-spacing:1px;color:#7e813e;margin-top:4px}
@media(max-width:800px){.journey-label{right:18%;bottom:12%;padding:7px 9px;gap:5px}.journey-label img{width:33px;height:33px}.journey-label strong{font-size:8px}.journey-label small{font-size:6px}.journey-loader{font-size:8px}}
@media(prefers-reduced-motion:reduce){.journey-label{transition:none}}

/* Start the pinned story under the navigation, with every chapter control in view. */
header{position:relative;z-index:5;background:var(--cream)}
.journey-story{margin-top:-90px}

@media(max-width:800px){.journey-story{margin-top:-75px}.journey-story .hero-copy{top:12%}.journey-stage{top:37%;height:45%}}
.journey-stage.error canvas{opacity:0}.journey-stage.error .journey-poster{opacity:1}

/* Mask the illustration itself, so contain letterboxing cannot expose rectangular edges. */
.journey-art{position:absolute;left:0;right:0;top:50%;bottom:auto;aspect-ratio:16/9;transform:translateY(-50%);mask-image:linear-gradient(to right,transparent,#000 10%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 85%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 85%,transparent);-webkit-mask-composite:source-in}
@media(max-width:800px){.journey-visual-note{right:calc(12vw + 24px)}}