@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f1e7c8;--pale:#f7f0d7;--indigo:#164b62;--deep:#0c3447;--blue:#39778b;--aqua:#9bd6d0;--red:#c84b35;--gold:#d9a44e;--ink:#153f50;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--scene:0;--local:0}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}button,a,input{font:inherit;color:inherit}.grain{position:fixed;z-index:1000;inset:0;pointer-events:none;opacity:.23;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}
.chrome{position:fixed;z-index:90;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;padding:22px 26px;pointer-events:none;color:var(--deep)}.chrome>*{pointer-events:auto}.monogram{display:flex;gap:9px;align-items:center;color:inherit;text-decoration:none}.monogram span,.final-mark span{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;font:400 1.45rem var(--serif)}.monogram small,.final-mark small{font-size:.58rem;line-height:1.05;letter-spacing:.13em}.chapter-readout{position:absolute;right:26px;top:98px;writing-mode:vertical-rl;display:flex;gap:16px;align-items:center;font-size:.58rem;letter-spacing:.15em}.chapter-readout b{font:400 1rem var(--serif)}.menu-trigger{display:grid;grid-template-columns:5px 5px 5px;gap:4px;border:0;background:transparent;cursor:pointer;margin-left:auto;padding:4px}.menu-trigger i{display:block;width:1px;height:31px;background:currentColor}.menu-trigger span{position:absolute;right:19px;top:59px;writing-mode:vertical-rl;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase}
.scroll-theatre{height:920vh}.theatre-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--paper)}.story-track{height:100%;width:800vw;display:flex;will-change:transform;transform:translate3d(calc(var(--travel,0) * -700vw),0,0)}.scene{position:relative;flex:0 0 100vw;height:100svh;overflow:hidden}.scene h1,.scene h2,.scene h3{font-family:var(--serif);font-weight:400}.journey-progress{position:absolute;z-index:60;left:25px;right:25px;bottom:20px;height:1px;background:rgba(12,52,71,.22)}.journey-progress span{display:block;height:100%;width:calc(var(--travel,0) * 100%);background:var(--red)}.scroll-hint{position:absolute;z-index:60;right:30px;bottom:28px;margin:0;font-size:.5rem;letter-spacing:.18em}.side-note{position:absolute;margin:0;font-size:.52rem;line-height:1.8;letter-spacing:.16em}.side-note.left{left:30px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%)}
.scene-cover{background:#b69f77}.sun-disc{position:absolute;width:54vh;height:54vh;border-radius:50%;background:#d5b26e;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.5}.opening-roll{position:absolute;left:50%;top:50%;width:min(31vw,300px);height:88vh;transform:translate(-50%,-50%);filter:drop-shadow(12px 15px 14px rgba(35,41,32,.2))}.roll-paper{position:absolute;inset:5% 0;background:linear-gradient(#245a72,#78b5b6);border-radius:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--pale);text-align:center;overflow:hidden}.roll-paper:before{content:"";position:absolute;inset:0;opacity:.19;background-image:radial-gradient(circle at 20% 20%,transparent 0 9px,#092e42 10px 13px,transparent 14px),radial-gradient(circle at 76% 64%,transparent 0 15px,#092e42 16px 19px,transparent 20px);background-size:70px 70px}.roll-paper strong{position:relative;font:400 3rem/.84 var(--serif);letter-spacing:.02em}.roll-paper small{position:relative;margin-top:22px;font-size:.5rem;letter-spacing:.19em}.seal-small{position:relative;margin-bottom:26px;padding:8px 10px;border:1px solid currentColor;border-radius:50%;font:400 1.1rem var(--serif)}.roll-cap{position:absolute;z-index:2;left:-5%;width:110%;height:8%;border-radius:50%;background:#713c32;box-shadow:inset 0 0 0 12px #a86145}.roll-cap.top{top:1%}.roll-cap.bottom{bottom:1%}.opening-prompt{position:absolute;right:30px;bottom:45px;font-size:.54rem;letter-spacing:.18em}.opening-prompt i{font-style:normal;margin-left:12px}
.scene-ocean{background:linear-gradient(#f8efd0 0 49%,#d8e7cb 100%)}.sky-copy{position:absolute;z-index:5;left:8vw;top:12vh;max-width:560px}.sky-copy>span,.source-copy>span,.inspect-heading>span,.route-heading>span,.border-copy>span,.land-copy>span,.final-copy>span{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.sky-copy h1{margin:18px 0 24px;font-size:clamp(4.4rem,8vw,8.2rem);line-height:.79;letter-spacing:-.05em}.sky-copy p{max-width:460px;margin-left:16vw;line-height:1.75;font-size:.88rem}.ocean-world{position:absolute;width:112%;height:100%;left:-4%;bottom:-3%}.far-hill{fill:#7bb7ae}.near-hill{fill:#326f80}.little-ship{fill:var(--deep);transform-box:fill-box;animation:bob 3.4s ease-in-out infinite}.route-dashes path{fill:none;stroke:var(--pale);stroke-width:3;stroke-dasharray:11 14}.route-dashes circle{fill:var(--red)}.cloud,.cloud:before,.cloud:after{position:absolute;height:22px;background:var(--pale);border-radius:99px}.cloud{width:150px;filter:drop-shadow(0 5px 2px rgba(59,112,126,.14))}.cloud:before,.cloud:after{content:"";left:-65px;width:100px}.cloud:after{left:115px;width:85px}.c1{left:61%;top:16%}.c2{left:74%;top:32%;transform:scale(.72)}.c3{left:10%;top:39%;transform:scale(.52)}
.scene-source{background:var(--pale)}.scene-number{position:absolute;right:11vw;top:5vh;font:400 31rem/.8 var(--serif);color:rgba(22,75,98,.05)}.source-copy{position:absolute;z-index:4;left:6vw;top:11vh;max-width:670px}.source-copy h2{margin:22px 0;font-size:clamp(4rem,7vw,7.5rem);line-height:.82;letter-spacing:-.05em}.source-copy p{width:420px;margin-left:19vw;line-height:1.75}.factory-world{position:absolute;right:-3%;bottom:-3%;width:69%;height:77%}.land{fill:#8cb9a4}.factory{fill:var(--indigo)}.factory .windows{fill:#e7c76f}.smoke{fill:none;stroke:var(--blue);stroke-width:22;stroke-linecap:round;opacity:.25}.paper-window{background:rgba(247,240,215,.85);border:1px solid rgba(21,63,80,.35);box-shadow:7px 9px 0 rgba(21,63,80,.08);backdrop-filter:blur(4px)}.supplier-card{position:absolute;z-index:5;width:210px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.55rem;letter-spacing:.1em;transform:rotate(-4deg)}.supplier-card.one{right:24vw;top:10vh}.supplier-card.two{right:6vw;top:25vh;transform:rotate(3deg)}.supplier-card span,.supplier-card em{grid-column:1/-1;font-style:normal}.supplier-card i{height:5px;background:var(--aqua)}.supplier-card em{margin-top:10px;padding-top:8px;border-top:1px solid}.supplier-card.two em{color:var(--red)}.stamp{position:absolute;z-index:6;display:grid;place-items:center;border:4px double var(--red);border-radius:50%;width:130px;height:130px;color:var(--red);font:600 1rem var(--sans);letter-spacing:.08em;transform:rotate(-11deg)}.stamp span{font-size:.45rem}.stamp.approved{right:30vw;bottom:11vh}
.scene-inspect{background:#d7c49e}.inspect-heading{position:absolute;z-index:4;left:7vw;top:10vh}.inspect-heading h2{margin:18px 0;font-size:clamp(4.5rem,8vw,8rem);line-height:.8;letter-spacing:-.05em}.inspection-table{position:absolute;right:0;bottom:0;width:66%;height:82%;background:#b38f66;border-radius:54% 0 0 0;box-shadow:inset 0 20px 50px rgba(75,42,29,.13)}.crate{position:absolute;right:7%;bottom:7%;width:33%;height:39%;background:#d8b17b;border:10px solid #8c5a3c;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(5deg);font-size:.7rem;letter-spacing:.15em}.crate:before,.crate:after{content:"";position:absolute;background:#8c5a3c}.crate:before{width:112%;height:9px;transform:rotate(33deg)}.crate:after{width:112%;height:9px;transform:rotate(-33deg)}.crate span,.crate b{position:relative;z-index:2;background:#d8b17b;padding:4px}.part{position:absolute;border:14px solid var(--deep);border-radius:50%}.part:after{content:"";position:absolute;inset:25%;border-radius:50%;background:var(--deep)}.p1{width:120px;height:120px;left:11%;bottom:17%}.p2{width:86px;height:86px;left:32%;bottom:8%}.p3{width:70px;height:70px;left:28%;bottom:39%}.ruler{position:absolute;left:8%;top:23%;width:320px;height:35px;background:repeating-linear-gradient(90deg,var(--gold) 0 11px,var(--deep) 12px 13px);transform:rotate(-13deg);border:2px solid var(--deep)}.clipboard{position:absolute;left:41%;top:8%;width:240px;height:315px;padding:32px 25px;background:var(--pale);transform:rotate(7deg);box-shadow:9px 11px rgba(42,54,42,.1)}.clipboard strong{display:block;font:400 1.5rem var(--serif);margin-bottom:25px}.clipboard i{display:block;border-bottom:1px solid;padding:10px 0;font-size:.55rem;font-style:normal}.clipboard b{position:absolute;right:20px;bottom:15px;font-size:3rem;color:var(--red)}.inspect-notes{position:absolute;left:7vw;bottom:9vh;z-index:4;width:420px;border-top:1px solid}.inspect-notes article{display:grid;grid-template-columns:45px 1fr;padding:12px 0;border-bottom:1px solid;font-size:.7rem}.inspect-notes b{color:var(--red)}
.scene-route{background:#f4eccf}.route-heading{position:absolute;left:5vw;top:8vh;z-index:5}.route-heading h2{margin:16px 0;font-size:clamp(3.7rem,6.4vw,6.8rem);line-height:.84;letter-spacing:-.04em}.route-river{position:absolute;left:31%;top:-15%;width:27%;height:135%;background:var(--aqua);transform:rotate(16deg);border-radius:50%;box-shadow:inset 30px 0 0 rgba(255,255,255,.26),inset -30px 0 rgba(42,117,136,.12)}.route-choices{position:absolute;z-index:5;left:5vw;bottom:7vh;display:flex;gap:10px}.route-choice{width:120px;height:120px;border:1px solid var(--ink);border-radius:50%;background:var(--pale);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.35s}.route-choice i{font:400 1.7rem var(--serif);font-style:normal}.route-choice span{margin-top:5px;font-size:.55rem;letter-spacing:.15em}.route-choice small{font-size:.48rem;opacity:.65}.route-choice:hover,.route-choice.active{background:var(--indigo);color:var(--pale);transform:translateY(-10px)}.route-record{position:absolute;z-index:6;right:5vw;top:11vh;width:31vw;min-height:72vh;padding:35px;background:var(--indigo);color:var(--pale);box-shadow:16px 18px 0 #d9b66e}.route-record:before{content:"";position:absolute;inset:14px;border:1px solid rgba(247,240,215,.35)}.route-record>*{position:relative;z-index:2}.route-record>span{font-size:.53rem;letter-spacing:.17em}.route-record h3{font-size:clamp(3.6rem,6vw,6.7rem);line-height:.78;margin:11vh 0 28px}.route-record p{max-width:410px;line-height:1.7;font-size:.82rem}.route-record dl{margin-top:35px}.route-record dl div{display:flex;justify-content:space-between;border-top:1px solid rgba(247,240,215,.35);padding:10px 0;font-size:.55rem;letter-spacing:.14em}.route-record dd{margin:0}
.scene-border{background:#9ec9be}.paper-gate{position:absolute;inset:0;display:flex;justify-content:center;overflow:hidden}.gate-left,.gate-right{position:absolute;top:0;width:51%;height:100%;background:var(--pale)}.gate-left{left:0;clip-path:polygon(0 0,100% 0,92% 15%,100% 29%,91% 43%,100% 57%,92% 72%,100% 87%,92% 100%,0 100%)}.gate-right{right:0;clip-path:polygon(8% 0,100% 0,100% 100%,8% 100%,0 87%,8% 72%,0 57%,9% 43%,0 29%,8% 15%)}.paper-gate span{position:absolute;top:50%;z-index:2;font:400 10vw var(--serif);letter-spacing:.2em;opacity:.07;transform:translateY(-50%)}.border-copy{position:absolute;z-index:4;left:7vw;top:12vh;max-width:610px}.border-copy h2{margin:18px 0 25px;font-size:clamp(4rem,7vw,7.2rem);line-height:.82}.border-copy p{width:430px;line-height:1.75;margin-left:10vw}.document-stack{position:absolute;z-index:5;right:8vw;top:14vh;width:340px;height:520px}.document-stack i,.document-stack article{position:absolute;inset:0;background:#dcc8a0;border:1px solid var(--ink)}.document-stack i:first-child{transform:rotate(-8deg) translate(-28px,13px)}.document-stack i:nth-child(2){transform:rotate(7deg) translate(22px,8px)}.document-stack article{padding:36px;background:var(--pale);display:flex;flex-direction:column;gap:25px;box-shadow:10px 14px rgba(20,56,61,.15)}.document-stack small{letter-spacing:.18em}.document-stack b{font:400 3rem var(--serif)}.document-stack article span{border-bottom:1px solid;padding:8px 0;font-size:.58rem}.document-stack strong{align-self:flex-end;margin-top:auto;color:var(--red);border:3px double;border-radius:50%;padding:25px 9px;transform:rotate(-12deg);font-size:.7rem}
.scene-land{background:#f3c77d}.island-world{position:absolute;inset:0;width:100%;height:100%}.sunset{fill:#edc178}.island-world>circle{fill:#d55b42;opacity:.8}.isle.back{fill:#6c9a88}.isle.front{fill:#235b6d}.truck{fill:#d8aa58}.truck circle{fill:var(--deep);stroke:var(--paper);stroke-width:9}.truck path:last-child{fill:var(--red)}.port-crane{fill:none;stroke:var(--deep);stroke-width:15}.land-copy{position:absolute;z-index:5;right:7vw;top:13vh;width:560px;color:var(--pale)}.land-copy h2{margin:20px 0;font-size:clamp(4.6rem,7vw,7.6rem);line-height:.8}.land-copy p{width:410px;margin-left:9vw;line-height:1.75}.arrival-seal{position:absolute;z-index:6;left:43vw;top:17vh;width:150px;height:150px;border:4px double var(--pale);border-radius:50%;color:var(--pale);display:grid;place-items:center;align-content:center;gap:5px;transform:rotate(9deg)}.arrival-seal b{font-size:1rem;letter-spacing:.16em}.arrival-seal span{font-size:.46rem}
.scene-finale{background:var(--indigo);color:var(--pale);display:grid;place-items:center}.final-sun{position:absolute;width:min(65vw,840px);height:min(65vw,840px);border-radius:50%;background:#d36046;opacity:.78}.final-copy{position:relative;z-index:4;text-align:center}.final-copy h2{font-size:clamp(6rem,14vw,13rem);line-height:.65;letter-spacing:-.05em;margin:5vh 0}.enquiry-trigger{border:1px solid var(--pale);border-radius:50%;width:165px;height:165px;background:var(--pale);color:var(--deep);cursor:pointer;font-size:.6rem;letter-spacing:.13em;transition:.35s}.enquiry-trigger:hover{background:var(--red);color:white;transform:rotate(8deg) scale(1.06)}.enquiry-trigger i{display:block;font-style:normal;margin-top:10px}.final-copy p{font-size:.66rem;line-height:1.7}.final-mark{position:absolute;left:28px;bottom:45px;display:flex;gap:10px;align-items:center}.concept-note{position:absolute;right:30px;bottom:42px;font-size:.5rem;opacity:.7}
.contents-panel{position:fixed;z-index:200;inset:0;background:var(--deep);color:var(--pale);padding:7vh 8vw}.contents-panel[hidden],.enquiry-drawer[hidden],.backdrop[hidden]{display:none}.contents-panel>p{font-size:.58rem;letter-spacing:.2em}.contents-panel nav{display:grid;grid-template-columns:1fr 1fr;margin-top:7vh;border-top:1px solid rgba(247,240,215,.35)}.contents-panel nav button{display:flex;gap:25px;padding:17px;border:0;border-bottom:1px solid rgba(247,240,215,.35);background:transparent;color:inherit;text-align:left;font:400 clamp(1.7rem,3vw,3.3rem) var(--serif);cursor:pointer}.contents-panel nav button:hover{background:var(--pale);color:var(--deep)}.contents-panel nav b{font:500 .6rem var(--sans);color:var(--red)}.menu-close,.drawer-close{position:absolute;right:26px;top:22px;border:1px solid currentColor;border-radius:50%;width:48px;height:48px;background:transparent;color:inherit;font-size:1.8rem;cursor:pointer}.enquiry-drawer{position:fixed;z-index:220;right:0;top:0;width:min(680px,100%);height:100%;background:var(--pale);padding:32px;box-shadow:-20px 0 70px rgba(12,52,71,.25)}.backdrop{position:fixed;z-index:210;inset:0;background:rgba(12,52,71,.66);backdrop-filter:blur(5px)}.drawer-inner{height:100%;max-width:520px;margin:auto;display:flex;flex-direction:column;justify-content:center}.drawer-inner>p{font-size:.58rem;letter-spacing:.19em}.drawer-inner h2{font:400 5rem/.82 var(--serif);margin:18px 0 42px}.drawer-inner form{display:grid;gap:20px}.drawer-inner form>div{display:grid;grid-template-columns:1fr 1fr;gap:24px}.drawer-inner label{display:grid;gap:8px;font-size:.57rem;letter-spacing:.12em;text-transform:uppercase}.drawer-inner input{border:0;border-bottom:1px solid;background:transparent;padding:12px 0;border-radius:0}.drawer-inner input:focus{outline:0;border-color:var(--red)}.drawer-inner form button{margin-top:18px;background:var(--deep);color:white;border:0;padding:16px;cursor:pointer}.drawer-inner form button span{float:right}.form-success b{display:grid;place-items:center;width:60px;height:60px;background:var(--red);color:white;border-radius:50%;font-size:1.5rem}.form-success h3{font:400 3.5rem var(--serif);margin:25px 0 10px}.cursor{position:fixed;z-index:500;left:0;top:0;width:13px;height:13px;border-radius:50%;background:var(--red);pointer-events:none;transform:translate(-50%,-50%);display:grid;place-items:center;transition:width .2s,height .2s,color .2s}.cursor span{opacity:0;color:white;font-size:.45rem;letter-spacing:.1em}.cursor.active{width:58px;height:58px}.cursor.active span{opacity:1}
.chrome{transition:color .45s}.chrome.light{color:var(--pale)}
.scene.is-active .sky-copy,.scene.is-active .source-copy,.scene.is-active .inspect-heading,.scene.is-active .route-heading,.scene.is-active .border-copy,.scene.is-active .land-copy{transform:translateX(var(--slow,0px))}
.scene.is-active .ocean-world,.scene.is-active .factory-world,.scene.is-active .island-world{transform:translateX(var(--reverse,0px))}
.sky-copy,.source-copy,.inspect-heading,.route-heading,.border-copy,.land-copy,.ocean-world,.factory-world,.island-world{transition:transform .14s linear}
@keyframes bob{50%{transform:translateY(-13px) rotate(1deg)}}
@media(max-width:780px){.chrome{padding:17px}.chapter-readout{right:18px;top:88px}.menu-trigger span{display:none}.story-track{width:800vw}.scroll-theatre{height:860vh}.side-note{display:none}.opening-roll{width:46vw;height:82vh}.roll-paper strong{font-size:2.3rem}.sky-copy,.source-copy,.inspect-heading,.route-heading,.border-copy,.land-copy{left:22px;right:22px;top:13vh;width:auto}.sky-copy h1,.source-copy h2,.inspect-heading h2,.route-heading h2,.border-copy h2,.land-copy h2{font-size:3.8rem}.sky-copy p,.source-copy p,.border-copy p,.land-copy p{width:78%;margin-left:17%;font-size:.72rem}.ocean-world{width:180%;left:-45%;height:72%;bottom:0}.factory-world{width:120%;height:62%;right:-35%}.supplier-card{width:145px;padding:13px}.supplier-card.one{right:43vw;top:55vh}.supplier-card.two{right:5vw;top:62vh}.stamp.approved{right:24vw;bottom:5vh;width:90px;height:90px;font-size:.7rem}.inspection-table{width:100%;height:59%;border-radius:45% 0 0}.clipboard{width:145px;height:230px;left:42%;top:6%;padding:20px 15px}.clipboard strong{font-size:1.1rem;margin-bottom:10px}.clipboard i{padding:7px 0}.ruler{width:180px}.crate{width:37%;height:34%}.p1{width:75px;height:75px}.p2{width:55px;height:55px}.inspect-notes{left:22px;bottom:4vh;width:44%}.inspect-notes article{grid-template-columns:25px 1fr;font-size:.56rem}.route-heading h2{font-size:3.25rem}.route-river{left:36%;width:40%}.route-record{right:18px;top:36vh;width:62vw;min-height:54vh;padding:22px}.route-record h3{font-size:3.25rem;margin:7vh 0 20px}.route-record p{font-size:.65rem}.route-choices{left:18px;bottom:5vh;flex-direction:column;gap:5px}.route-choice{width:72px;height:72px}.route-choice small{display:none}.paper-gate span{font-size:20vw}.document-stack{right:18px;top:48vh;width:220px;height:330px}.document-stack article{padding:22px;gap:10px}.document-stack b{font-size:2rem}.document-stack strong{padding:17px 6px}.land-copy{color:var(--pale)}.land-copy h2{font-size:3.8rem}.island-world{width:170%;left:-28%}.arrival-seal{left:9vw;top:59vh;width:100px;height:100px}.final-copy h2{font-size:22vw}.final-sun{width:105vw;height:105vw}.enquiry-trigger{width:130px;height:130px}.final-mark{left:18px}.concept-note{right:18px;max-width:150px;text-align:right}.contents-panel{padding:8vh 22px}.contents-panel nav{grid-template-columns:1fr}.contents-panel nav button{font-size:1.6rem;padding:12px}.drawer-inner h2{font-size:4rem}.drawer-inner form>div{grid-template-columns:1fr}.cursor{display:none}.scroll-hint{right:18px}}
@media(prefers-reduced-motion:reduce){.little-ship{animation:none}.cursor{display:none}}

/* V4 — nested passage / deep-dive camera */
.scroll-theatre{height:1180vh}.theatre-sticky{perspective:1400px;isolation:isolate}.story-track{position:absolute;inset:0;width:100%;height:100%;display:block;transform:none;transform-style:preserve-3d}.scene{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 50%;will-change:transform,opacity,filter,clip-path;backface-visibility:hidden;opacity:0}.scene:first-child{opacity:1}.scene:after{content:"";position:absolute;z-index:40;inset:-2px;pointer-events:none;box-shadow:inset 0 0 14vw rgba(5,33,45,var(--vignette,0));transition:box-shadow .12s linear}.journey-progress{left:50%;right:auto;bottom:22px;width:42vw;transform:translateX(-50%)}.opening-prompt{z-index:70}.depth-meter{position:absolute;z-index:65;left:27px;bottom:42px;display:grid;grid-template-columns:auto auto;gap:5px 10px;align-items:center;font-size:.52rem;letter-spacing:.18em}.depth-meter b{font:400 1.05rem var(--serif)}.depth-meter i{grid-column:1/-1;display:block;width:74px;height:1px;background:linear-gradient(90deg,var(--red) calc(var(--travel,0) * 100%),rgba(12,52,71,.25) 0)}
.gift-shell{position:absolute;z-index:5;left:50%;top:50%;width:min(68vmin,650px);height:min(68vmin,650px);transform:translate(-50%,-50%);perspective:1100px;transform-style:preserve-3d;filter:drop-shadow(0 28px 30px rgba(41,40,29,.2))}.gift-core{position:absolute;inset:6%;overflow:hidden;border:1px solid rgba(247,240,215,.5);background:var(--deep);transform:translateZ(-30px)}.gift-core:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 20%,rgba(5,33,45,.6) 100%);pointer-events:none}.gift-shell .opening-roll{position:absolute;left:50%;top:50%;width:38%;height:112%;transform:translate(-50%,-50%) scale(calc(1 + var(--open,0) * .3));filter:none}.gift-lid{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#b89d70;border:1px solid rgba(12,52,71,.35);color:var(--deep);transform-style:preserve-3d;will-change:transform,opacity}.gift-lid:before{content:"";position:absolute;inset:18px;border:1px solid rgba(12,52,71,.28)}.gift-lid span{font-size:.58rem;letter-spacing:.24em}.lid-north{clip-path:polygon(0 0,100% 0,50% 50%);transform-origin:50% 0;transform:translateY(calc(var(--open,0) * -47%)) rotateX(calc(var(--open,0) * 76deg))}.lid-east{clip-path:polygon(100% 0,100% 100%,50% 50%);transform-origin:100% 50%;transform:translateX(calc(var(--open,0) * 47%)) rotateY(calc(var(--open,0) * 76deg))}.lid-south{clip-path:polygon(0 100%,100% 100%,50% 50%);transform-origin:50% 100%;transform:translateY(calc(var(--open,0) * 47%)) rotateX(calc(var(--open,0) * -76deg))}.lid-west{clip-path:polygon(0 0,50% 50%,0 100%);transform-origin:0 50%;transform:translateX(calc(var(--open,0) * -47%)) rotateY(calc(var(--open,0) * -76deg))}.scene-cover .sun-disc{transform:translate(-50%,-50%) scale(calc(1 + var(--open,0) * 1.5));opacity:calc(.5 - var(--open,0) * .35)}
.scene.is-active .sky-copy,.scene.is-active .source-copy,.scene.is-active .inspect-heading,.scene.is-active .route-heading,.scene.is-active .border-copy,.scene.is-active .land-copy{transform:translate3d(0,var(--depth-shift,0),80px)}.scene.is-active .ocean-world,.scene.is-active .factory-world,.scene.is-active .island-world{transform:translate3d(0,var(--depth-back,0),-80px)}
@media(max-width:780px){.scroll-theatre{height:1080vh}.gift-shell{width:82vmin;height:82vmin}.gift-shell .opening-roll{width:50%}.depth-meter{left:18px;bottom:39px}.journey-progress{width:48vw}.scene.is-active .sky-copy,.scene.is-active .source-copy,.scene.is-active .inspect-heading,.scene.is-active .route-heading,.scene.is-active .border-copy,.scene.is-active .land-copy{transform:translate3d(0,var(--depth-shift,0),35px)}}

.portal-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(calc(1 + var(--open,0) * .42));transition:filter .2s linear}.portal-title{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%) scale(calc(1 - var(--open,0) * .18));display:flex;flex-direction:column;align-items:center;color:var(--pale);text-align:center;text-shadow:0 2px 18px rgba(6,32,44,.7);opacity:calc(1 - var(--open,0) * .55)}.portal-title span{display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;font:400 1rem var(--serif)}.portal-title strong{margin-top:18px;font:400 clamp(2.1rem,4.4vw,4.6rem)/.76 var(--serif)}.portal-title small{margin-top:18px;font-size:.48rem;letter-spacing:.18em}
.gift-shell:before{content:"";position:absolute;z-index:8;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 44%,rgba(12,52,71,.13) 44% 56%,transparent 56%),linear-gradient(transparent 44%,rgba(12,52,71,.13) 44% 56%,transparent 56%);opacity:calc(1 - var(--open,0) * 1.6)}.gift-shell:after{content:"A";position:absolute;z-index:9;left:50%;top:50%;width:82px;height:82px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--deep);background:var(--pale);color:var(--deep);font:400 2.45rem var(--serif);transform:translate(-50%,-50%) rotate(calc(var(--open,0) * 18deg)) scale(calc(1 - var(--open,0) * .55));opacity:calc(1 - var(--open,0) * 1.35);pointer-events:none;box-shadow:0 7px 18px rgba(12,52,71,.14)}
.scroll-theatre{height:1320vh}
@media(max-width:780px){.scroll-theatre{height:1220vh}}

/* V6 — cinematic chapter artwork system */
.scene:not(.scene-cover)::before{content:"";position:absolute;z-index:0;inset:-4%;background-image:var(--chapter-art);background-size:cover;background-position:var(--chapter-position,center);filter:saturate(.96) contrast(1.04);transform:translate3d(0,var(--depth-back,0),-80px) scale(1.08);will-change:transform;transition:transform .16s linear}
.scene:not(.scene-cover)::after{z-index:1;background:var(--scene-wash,linear-gradient(rgba(5,28,39,.1),rgba(5,28,39,.28)));box-shadow:inset 0 0 14vw rgba(5,33,45,var(--vignette,0))}
.scene-ocean{--chapter-art:url('./assets/chapter-01-need.jpg');--chapter-position:center;--scene-wash:linear-gradient(90deg,rgba(247,240,215,.96) 0%,rgba(247,240,215,.76) 27%,rgba(247,240,215,.18) 49%,rgba(5,28,39,.08) 100%)}
.scene-source{--chapter-art:url('./assets/chapter-02-source.jpg');--chapter-position:center;--scene-wash:linear-gradient(90deg,rgba(5,28,39,.84) 0%,rgba(5,28,39,.61) 31%,rgba(5,28,39,.05) 62%)}
.scene-inspect{--chapter-art:url('./assets/chapter-03-inspection.jpg');--chapter-position:center;--scene-wash:linear-gradient(90deg,rgba(5,28,39,.86) 0%,rgba(5,28,39,.54) 30%,rgba(5,28,39,.02) 61%)}
.scene-route{--chapter-art:url('./assets/chapter-04-routes.jpg');--chapter-position:center;--scene-wash:linear-gradient(90deg,rgba(5,28,39,.84) 0%,rgba(5,28,39,.42) 34%,rgba(5,28,39,.04) 55%,rgba(5,28,39,.2) 100%)}
.scene-border{--chapter-art:url('./assets/chapter-05-customs.jpg');--chapter-position:center;--scene-wash:linear-gradient(90deg,rgba(5,28,39,.87) 0%,rgba(5,28,39,.59) 31%,rgba(5,28,39,.04) 63%)}
.scene-land{--chapter-art:url('./assets/chapter-06-delivery.jpg');--chapter-position:center;--scene-wash:linear-gradient(90deg,rgba(5,28,39,.02) 36%,rgba(5,28,39,.28) 60%,rgba(5,28,39,.82) 100%)}
.scene-finale{--chapter-art:url('./assets/chapter-07-finale.jpg');--chapter-position:center;--scene-wash:radial-gradient(circle at 50% 48%,rgba(5,28,39,.12) 0 18%,rgba(5,28,39,.54) 58%,rgba(5,28,39,.88) 100%)}
.scene-ocean .ocean-world,.scene-ocean .cloud,.scene-source .factory-world,.scene-source .scene-number,.scene-inspect .inspection-table,.scene-route .route-river,.scene-border .paper-gate,.scene-border .document-stack,.scene-land .island-world,.scene-finale .final-sun{display:none}
.scene-source,.scene-inspect,.scene-route,.scene-border,.scene-land,.scene-finale{color:var(--pale)}
.sky-copy,.source-copy,.inspect-heading,.route-heading,.border-copy,.land-copy,.final-copy,.inspect-notes{text-shadow:0 2px 24px rgba(3,24,34,.46)}
.scene-source .paper-window{background:rgba(247,240,215,.9);color:var(--ink);border-color:rgba(247,240,215,.55);box-shadow:8px 12px 30px rgba(4,24,34,.2)}
.scene-source .stamp{filter:drop-shadow(0 3px 10px rgba(5,28,39,.35))}
.scene-inspect .inspect-notes{background:rgba(5,28,39,.3);padding:10px 16px;border:1px solid rgba(247,240,215,.35);backdrop-filter:blur(7px)}
.scene-route .route-choice{background:rgba(247,240,215,.92);color:var(--ink);box-shadow:0 10px 35px rgba(4,24,34,.2);backdrop-filter:blur(5px)}
.scene-route .route-choice:hover,.scene-route .route-choice.active{background:var(--indigo);color:var(--pale)}
.scene-route .route-record{background:rgba(12,52,71,.9);box-shadow:16px 18px 0 rgba(217,182,110,.9),0 24px 70px rgba(4,24,34,.28);backdrop-filter:blur(7px)}
.scene-land .land-copy{color:var(--pale)}
.scene-finale .final-copy{filter:drop-shadow(0 12px 30px rgba(4,24,34,.38))}
.scene-finale .enquiry-trigger{box-shadow:0 18px 55px rgba(4,24,34,.3)}
.scene-finale .final-mark,.scene-finale .concept-note{z-index:4}
.scene.is-active .sky-copy,.scene.is-active .source-copy,.scene.is-active .inspect-heading,.scene.is-active .route-heading,.scene.is-active .border-copy,.scene.is-active .land-copy{transform:translate3d(0,var(--depth-shift,0),22px)}
.chrome.split .monogram{color:var(--deep)}
.chrome.split .chapter-readout,.chrome.split .menu-trigger{color:var(--pale)}
.scene-land .arrival-seal{left:7vw;top:auto;bottom:14vh}

@media(max-width:780px){
  .scene:not(.scene-cover)::before{inset:-7%;transform:translate3d(0,var(--depth-back,0),-35px) scale(1.16)}
  .scene-ocean{--chapter-position:57% center;--scene-wash:linear-gradient(180deg,rgba(247,240,215,.96) 0%,rgba(247,240,215,.78) 31%,rgba(5,28,39,.08) 60%)}
  .scene-source,.scene-inspect,.scene-border{--chapter-position:58% center;--scene-wash:linear-gradient(180deg,rgba(5,28,39,.9) 0%,rgba(5,28,39,.61) 35%,rgba(5,28,39,.05) 68%)}
  .scene-route{--chapter-position:48% center;--scene-wash:linear-gradient(180deg,rgba(5,28,39,.88) 0%,rgba(5,28,39,.53) 33%,rgba(5,28,39,.08) 65%)}
  .scene-land{--chapter-position:50% center;--scene-wash:linear-gradient(180deg,rgba(5,28,39,.83) 0%,rgba(5,28,39,.48) 37%,rgba(5,28,39,.08) 67%)}
  .scene-finale{--chapter-position:center;--scene-wash:radial-gradient(circle at 50% 47%,rgba(5,28,39,.22),rgba(5,28,39,.84) 78%)}
  .scene-source .supplier-card{display:none}
  .scene-source .stamp.approved{right:8vw;bottom:8vh}
  .scene-land .arrival-seal{left:6vw;top:auto;bottom:12vh}
}

@media(max-width:780px){.scroll-hint{display:none}.opening-prompt{right:18px;bottom:58px;text-align:right}}