:root{--paper:#e8dcc4;--paper-light:#f7f0df;--paper-deep:#d0bb94;--ink:#302c24;--ink-soft:#6a6255;--cinnabar:#a33e31;--cinnabar-dark:#6e2a24;--moss:#44583d;--moss-light:#71806a;--sky:#8fa8b1;--earth:#b48643;--line:#322c2433;--shadow:0 28px 70px #3f2e1b33;--serif:"Songti SC", "STSong", "Noto Serif SC", Georgia, serif;--sans:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 18% 5%, #ffffff8c, transparent 26rem), repeating-linear-gradient(92deg, transparent 0 10px, #4a371f05 11px, transparent 13px), var(--paper);font-family:var(--sans);margin:0;overflow-x:clip}body.modal-open{overflow:hidden}button,a{color:inherit;font:inherit}a{text-underline-offset:.25em}button{cursor:pointer}img,video,canvas,svg{max-width:100%;display:block}h1,h2,h3,h4,p,figure,dl,dd{margin-top:0}h1,h2,h3,h4{font-family:var(--serif);text-wrap:balance;font-weight:600}::selection{color:var(--paper-light);background:var(--cinnabar)}.eyebrow{color:var(--cinnabar);letter-spacing:.22em;text-transform:uppercase;margin-bottom:.9rem;font-size:.75rem;font-weight:700}.ink-button,.text-button{justify-content:center;align-items:center;min-height:3.1rem;padding:.8rem 1.2rem;text-decoration:none;display:inline-flex}.ink-button{color:var(--paper-light);background:var(--cinnabar);transition:transform .18s,box-shadow .18s,background .18s;box-shadow:4px 4px #2c1d148c}.ink-button:hover,.ink-button:focus-visible{background:var(--cinnabar-dark);transform:translate(2px,2px);box-shadow:2px 2px #2c1d14a6}.text-button{border-bottom:1px solid}.status-mark{width:fit-content;min-height:1.8rem;color:var(--ink);letter-spacing:.1em;background:#f7f0dfeb;border:1px solid #302c2447;border-radius:2px;align-items:center;padding:.25rem .58rem;font-size:.68rem;font-weight:700;display:inline-flex;box-shadow:2px 2px #48311a24}.status-draft{color:var(--cinnabar-dark);border-color:#a33e3173}.status-under_review{color:#72531f;border-color:#8e662373}.status-approved{color:#315337;border-color:#31533773}.opening-book{isolation:isolate;min-height:100svh;color:var(--paper-light);perspective:1800px;background:radial-gradient(circle at 65% 40%,#e2c38926,#0000 28rem),linear-gradient(145deg,#1c241c,#33412d 68%,#252b20);position:relative;overflow:hidden}.opening-light{z-index:-1;opacity:.6;background:linear-gradient(100deg,#0000 0 35%,#ffeeca21 52%,#0000 75%),repeating-linear-gradient(3deg,#0000 0 8px,#ffffff05 9px 10px);position:absolute;inset:0}.book-stage{aspect-ratio:16/10;width:min(66vw,64rem);transform-style:preserve-3d;filter:drop-shadow(0 45px 34px #0000005c);position:absolute;top:50%;left:57%;transform:translate(-50%,-48%)rotateX(59deg)rotate(-5deg)}.book-cover,.book-spine{transform-style:preserve-3d;position:absolute;top:0;bottom:0}.book-cover{z-index:8;color:#f2debb;backface-visibility:hidden;background:linear-gradient(125deg,#ffffff14,#0000 32%),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 7px),#812f29;border:8px solid #6d2723;place-items:center;width:50%;display:grid;box-shadow:inset 0 0 0 2px #ebc47e59}.book-cover span{font-family:var(--serif);letter-spacing:.14em;writing-mode:vertical-rl;font-size:clamp(2rem,5vw,5.5rem)}.book-cover-left{transform-origin:100%;left:0}.book-cover-right{transform-origin:0;right:0}.book-spine{z-index:9;background:#4c201e;width:12px;left:calc(50% - 6px);box-shadow:0 0 18px #0000004d}.book-pop-layer{z-index:4;transform-origin:bottom;position:absolute}.pop-ground{z-index:1;background:linear-gradient(120deg,#0000 0 28%,#a73d2f80 29% 30%,#0000 31%),#d7c79d;border:2px solid #40311f47;inset:5% 4%;transform:translateZ(2px)}.pop-house{clip-path:polygon(0 34%,50% 0,100% 34%,100% 100%,0 100%);background:#c66f55;border:4px solid #502a1e66;width:19%;height:28%;bottom:22%}.pop-house-one{left:22%;transform:translateZ(70px)}.pop-house-two{background:#8aa1a2;width:24%;right:23%;transform:translateZ(105px)}.pop-tree{background:var(--moss);clip-path:polygon(50% 0,100% 75%,66% 75%,74% 100%,30% 100%,38% 75%,0 75%);border-radius:50% 50% 40% 40%;width:8%;height:22%;bottom:22%}.pop-tree-one{left:14%;transform:translateZ(120px)}.pop-tree-two{right:12%;transform:translateZ(84px)}.opening-copy{z-index:20;width:min(42rem,53vw);padding:clamp(7rem,13vh,10rem) 0 6rem clamp(1.25rem,6vw,6.5rem);position:relative}.opening-copy .eyebrow{color:#dfc18a}.opening-copy h1{letter-spacing:.03em;text-shadow:0 8px 34px #00000059;margin-bottom:.5rem;font-size:clamp(4.4rem,9vw,9rem);line-height:.9}.opening-copy>p:not(.eyebrow){color:#f7f0dfc7;max-width:32rem;font-family:var(--serif);margin-bottom:2rem;font-size:clamp(1.15rem,2vw,1.75rem);line-height:1.65}.concept-notice{z-index:20;color:#f7f0dfad;text-align:right;max-width:30rem;margin:0;font-size:.72rem;line-height:1.6;position:absolute;bottom:1.25rem;right:clamp(1.25rem,4vw,4rem)}.village-model-experience{padding:clamp(6rem,10vw,9rem) clamp(1.25rem,5vw,5rem);position:relative}.model-intro{grid-template-columns:minmax(0,1.2fr) minmax(17rem,.7fr);align-items:end;gap:2rem 5rem;max-width:72rem;margin:0 auto 4rem;display:grid}.model-intro .eyebrow{grid-column:1/-1;margin-bottom:-1rem}.model-intro h2{margin-bottom:0;font-size:clamp(3.1rem,7vw,7.2rem);line-height:.98}.model-intro>p:last-child{color:var(--ink-soft);margin-bottom:.4rem;line-height:1.85}.model-canvas-shell{width:min(92rem,100%);min-height:min(78svh,58rem);box-shadow:var(--shadow);background:#d8c9a9;border:12px solid #f7f0dfd1;outline:1px solid #362b1f4d;margin:0 auto 4rem;position:relative;overflow:hidden}.model-canvas{position:absolute;inset:0}.model-canvas>div,.model-canvas canvas,.model-fallback-image{width:100%!important;height:100%!important}.model-fallback-image{object-fit:cover;background:#d8c9a9}.model-hud{z-index:5;color:var(--paper-light);pointer-events:none;grid-template-columns:1fr minmax(15rem,.8fr) 1fr;align-items:start;gap:1rem;display:grid;position:absolute;inset:1rem 1rem auto}.model-hud>div:first-child,.model-hud>div:last-child,.camera-route-readout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.06em;background:#2b2c1fc4;align-items:center;gap:.6rem;padding:.55rem .7rem;font-size:.66rem;display:flex}.model-hud>div:last-child{justify-self:end}.camera-route-readout{text-align:center;justify-items:center;display:grid}.camera-route-readout>span,.camera-route-readout>small{opacity:.7;letter-spacing:.12em;font-size:.62rem}.camera-route-readout>strong{font-family:var(--serif);font-size:1.3rem}.model-route-lock{z-index:5;color:var(--paper-light);letter-spacing:.04em;background:#6e2a24db;padding:.55rem .75rem;font-size:.7rem;position:absolute;bottom:1rem;right:1rem}.model-route-lock em{color:#e1c78f;font-style:normal}.model-marker-label{width:1.65rem;height:1.65rem;color:var(--cinnabar-dark);background:var(--paper-light);border:1px solid var(--cinnabar-dark);font-family:var(--sans);border-radius:50%;place-items:center;font-size:.7rem;font-weight:800;display:grid;box-shadow:0 3px 10px #32231438}.model-marker-label.is-waypoint{color:var(--paper-light);background:var(--moss);border-radius:2px;transform:rotate(4deg)}.model-route-list{width:min(72rem,100%);margin:0 auto;padding:0;list-style:none}.model-route-list li{opacity:.5;border-top:1px solid var(--line);grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:1rem;padding:1.15rem 0;transition:opacity .22s,transform .22s;display:grid}.model-route-list li:last-child{border-bottom:1px solid var(--line)}.model-route-list li[data-active=true]{opacity:1;transform:translate(.4rem)}.model-route-list li[data-node-type=waypoint]{color:var(--moss)}.model-route-list li>span{color:var(--cinnabar);font-family:var(--serif);font-size:1.15rem}.model-route-list h3{margin-bottom:.25rem;font-size:1.1rem}.model-route-list p{color:var(--ink-soft);margin-bottom:0;font-size:.82rem;line-height:1.65}.model-illustration-bridge{isolation:isolate;background:#253025;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.bridge-model,.bridge-illustration{object-fit:cover;width:calc(100% - clamp(4rem,12vw,12rem));max-width:none;height:calc(100% - clamp(4rem,12vw,12rem));box-shadow:var(--shadow);position:absolute;inset:clamp(2rem,6vw,6rem)}.bridge-model{z-index:-2;background:#d7c8a8}.bridge-illustration{z-index:-1;border:12px solid #f7f0dfe0;margin:0;overflow:hidden}.bridge-illustration>img{object-fit:cover;width:100%;height:100%}.bridge-illustration .status-mark{position:absolute;bottom:.8rem;right:.8rem}.bridge-copy{width:min(42rem,100% - 3rem);color:var(--paper-light);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);text-align:center;background:#242d22cc;padding:2.2rem}.bridge-copy .eyebrow{color:#e0c18a}.bridge-copy h2{margin-bottom:.8rem;font-size:clamp(3.2rem,8vw,7rem)}.bridge-copy p:last-child{color:#f7f0dfc2;margin-bottom:0}.zone-chapter{padding:clamp(7rem,11vw,11rem) clamp(1.25rem,5vw,5rem)}.zone-opening{text-align:center;max-width:60rem;margin:0 auto 6rem}.zone-opening h2{margin-bottom:0;font-size:clamp(4.2rem,11vw,9.5rem);line-height:.92}.zone-subtitle{color:var(--cinnabar);font-family:var(--serif);margin:1.2rem 0;font-size:clamp(1.35rem,3vw,2.3rem)}.zone-opening>p:not(.eyebrow,.zone-subtitle,.mapping-note){max-width:42rem;color:var(--ink-soft);margin-left:auto;margin-right:auto;line-height:1.9}.mapping-note{color:var(--ink-soft);border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem;font-size:.76rem;line-height:1.7;display:inline-block}.zone-cinematic{background:linear-gradient(110deg,#ffffff38,#0000 45%),#d5c7ad;grid-template-columns:minmax(10rem,.32fr) minmax(0,1fr) minmax(8rem,.22fr);align-items:center;gap:clamp(1.2rem,3vw,3rem);min-height:100svh;margin:0 calc(-1*clamp(1.25rem,5vw,5rem));padding:6rem clamp(1.25rem,5vw,5rem);display:grid;overflow:hidden}.zone-stage-copy,.zone-stage-index{align-self:end;padding-bottom:3rem}.zone-stage-copy span{color:var(--cinnabar);font-family:var(--serif);margin-bottom:.7rem;font-size:1.15rem;display:block}.zone-stage-copy p{color:var(--ink-soft);margin-bottom:0;font-size:.82rem;line-height:1.8}.zone-layer-stack{aspect-ratio:16/10;box-shadow:var(--shadow);background:#b7aa94;position:relative}.zone-layer{background:var(--paper-light);border:12px solid #f7f0dfe6;margin:0;position:absolute;inset:0;overflow:hidden}.zone-layer>img{object-fit:cover;width:100%;height:100%}.zone-layer figcaption{color:var(--paper-light);background:#232019bd;align-items:center;gap:.65rem;padding:.55rem .7rem;display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}.zone-layer figcaption>span{color:#e2c287;font-size:.72rem}.zone-layer figcaption>strong{font-family:var(--serif);margin-right:auto}.zone-layer figcaption .status-mark{min-height:1.4rem;font-size:.56rem}.zone-stage-index{color:var(--ink-soft);font-family:var(--serif);gap:.8rem;font-size:.82rem;display:grid}.zone-stage-index span{border-top:1px solid var(--line);padding-top:.6rem}.zone-mobile-sequence{display:none}.detail-stack{grid-template-columns:minmax(17rem,.68fr) minmax(0,1.32fr);gap:clamp(2rem,5vw,6rem);padding:clamp(7rem,12vw,12rem) 0 3rem;display:grid}.detail-heading{max-width:29rem}.detail-heading h3{margin-bottom:1.2rem;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.08}.detail-heading p:last-child{color:var(--ink-soft);line-height:1.85}.hotspot-stage{min-width:0;box-shadow:var(--shadow);border:10px solid #f7f0dfd6;align-self:start;position:relative}.hotspot-stage>img{aspect-ratio:16/10;object-fit:cover;width:100%}.hotspot-stage>.status-mark{position:absolute;bottom:.75rem;right:.75rem}.hotspot{width:2.35rem;height:2.35rem;color:var(--paper-light);background:var(--cinnabar);border:3px solid var(--paper-light);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 16px #321f1461}.hotspot:after{content:"";border:1px solid #f7f0dfcc;border-radius:50%;position:absolute;inset:-.6rem}.detail-cards{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.detail-card{background:var(--paper-light);border:8px solid var(--paper-light);transform:rotate(calc((var(--card-index) - 1.5) * .7deg));padding:0;position:relative;overflow:hidden;box-shadow:0 14px 34px #422f1c26}.detail-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.detail-card span{font-family:var(--serif);padding:.7rem .4rem .25rem;display:block}.detail-modal{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1b1b14d1;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.detail-modal-sheet{background:var(--paper-light);grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);width:min(68rem,100%);max-height:calc(100svh - 2.5rem);display:grid;position:relative;overflow:auto;box-shadow:0 30px 90px #0000005c}.detail-modal-sheet>img{object-fit:cover;width:100%;height:100%;min-height:28rem}.detail-modal-sheet>div{align-self:center;padding:clamp(2rem,4vw,4rem)}.detail-modal-sheet h4{margin:1.2rem 0;font-size:clamp(2rem,4vw,4rem)}.detail-modal-sheet p{color:var(--ink-soft);margin-bottom:0;line-height:1.8}.modal-close{z-index:2;width:2.7rem;height:2.7rem;color:var(--paper-light);background:var(--ink);border:0;border-radius:50%;padding:0;font-size:1.45rem;position:absolute;top:.8rem;right:.8rem}.chapter-index{color:var(--paper-light);background:repeating-linear-gradient(3deg, transparent 0 9px, #ffffff05 10px), var(--moss);grid-template-columns:minmax(19rem,.72fr) minmax(0,1.28fr);gap:clamp(3rem,7vw,8rem);padding:clamp(7rem,12vw,12rem) clamp(1.25rem,5vw,5rem);display:grid}.chapter-index h2,.final-copy h2{margin-bottom:1.5rem;font-size:clamp(3rem,6vw,6.3rem);line-height:1.02}.chapter-index ol{margin:0;padding:0;list-style:none}.chapter-index li{border-top:1px solid #f7f0df33;grid-template-columns:3rem minmax(0,1fr) auto;align-items:start;gap:1rem;padding:1.15rem 0;display:grid}.chapter-index li:last-child{border-bottom:1px solid #f7f0df33}.chapter-index li>span{color:#dfc188;font-family:var(--serif)}.chapter-index h3{margin-bottom:.3rem;font-size:1.15rem}.chapter-index li p{color:#f7f0df9e;margin-bottom:0;font-size:.76rem;line-height:1.65}.chapter-index em{color:#e5ca95;border:1px solid #e5ca956b;padding:.28rem .48rem;font-size:.64rem;font-style:normal}.final-gathering{padding:clamp(7rem,12vw,12rem) clamp(1.25rem,5vw,5rem);position:relative;overflow:hidden}.final-copy{text-align:center;max-width:61rem;margin:0 auto 4rem}.final-copy>p:last-child{max-width:42rem;color:var(--ink-soft);margin-left:auto;margin-right:auto;line-height:1.9}.final-route-lock{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;margin:0 auto 3rem;font-size:.78rem;display:flex}.final-route-lock i{color:var(--cinnabar);font-style:normal}.final-pop-book{perspective:1400px;width:min(78rem,100%);min-height:46rem;transform-style:preserve-3d;filter:drop-shadow(0 35px 28px #3c2b1738);margin:0 auto;position:relative}.pop-up-page{background:repeating-linear-gradient(5deg, transparent 0 10px, #46311b06 11px), var(--paper-light);border:1px solid #48341f38;width:50%;position:absolute;top:20%;bottom:5%}.pop-up-page-left{transform-origin:100%;left:0;transform:rotateY(8deg)}.pop-up-page-right{transform-origin:0;right:0;transform:rotateY(-8deg)}.pop-up-stage{z-index:5;width:38%;height:38%;transform-style:preserve-3d;position:absolute;bottom:19%;left:50%;transform:translate(-50%)}.stage-roof{background:var(--cinnabar-dark);clip-path:polygon(0 100%,10% 30%,45% 30%,50% 0,55% 30%,90% 30%,100% 100%);height:25%}.stage-wall{color:#f0d9ac;background:#9e4f3e;border:8px solid #7d342c;place-items:center;height:75%;display:grid}.stage-wall span{font-family:var(--serif);letter-spacing:.2em;font-size:clamp(1rem,2.2vw,2.3rem)}.pop-up-prop{z-index:6;position:absolute;bottom:18%}.pop-up-tree-a,.pop-up-tree-b{background:var(--moss);clip-path:polygon(50% 0,100% 72%,69% 72%,76% 100%,25% 100%,33% 72%,0 72%);width:7%;height:25%}.pop-up-tree-a{left:12%}.pop-up-tree-b{height:30%;right:13%}.pop-up-child-a,.pop-up-child-b{background:var(--cinnabar);border-radius:50% 50% 12% 12%;width:3.3%;height:13%}.pop-up-child-a{left:35%}.pop-up-child-b{background:var(--sky);right:34%}.pop-up-animal{background:#8f7051;border-radius:50% 45% 25% 35%;width:8%;height:8%;right:24%}.pop-up-crop{background:var(--earth);clip-path:polygon(10% 100%,20% 15%,32% 75%,45% 0,55% 75%,71% 18%,82% 100%);width:9%;height:16%;left:23%}.gathering-detail{z-index:7;background:var(--paper-light);width:17%;margin:0;padding:.45rem;position:absolute;box-shadow:0 16px 34px #32221433}.gathering-detail img{aspect-ratio:4/3;object-fit:cover;width:100%}.gathering-detail .status-mark{font-size:.5rem;position:absolute;bottom:.7rem;right:.7rem}.gathering-detail-1{top:3%;left:3%;transform:rotate(-3deg)}.gathering-detail-2{top:1%;right:4%;transform:rotate(3deg)}.gathering-detail-3{bottom:0;left:5%;transform:rotate(2deg)}.gathering-detail-4{bottom:0;right:5%;transform:rotate(-2deg)}.final-material-note{color:var(--ink-soft);text-align:center;margin:2rem auto 0;font-size:.74rem}.final-concept-notice{color:var(--ink-soft);text-align:center;margin:.7rem auto 0;position:static}.final-actions{flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:3rem;display:flex}.site-footer{color:#f7f0dfb3;background:#252b20;border-top:1px solid #f7f0df26;padding:2rem clamp(1.25rem,5vw,5rem)}.site-footer>p{max-width:66rem;margin-bottom:1.25rem;font-size:.7rem;line-height:1.75}.site-footer>div{justify-content:space-between;gap:1rem;font-size:.68rem;display:flex}.route-drawing-motion{width:min(60rem,100%);margin:2rem auto}.route-drawing-motion svg{width:100%;overflow:visible}.route-drawing-shadow,.route-drawing-line{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.route-drawing-shadow{stroke:#f7f0dfdb;stroke-width:13px}.route-drawing-line{stroke:var(--cinnabar);stroke-width:5px;stroke-dasharray:1000;stroke-dashoffset:0}.route-drawing-motion circle{fill:var(--paper-light);stroke:var(--cinnabar-dark);stroke-width:3px}.route-drawing-motion rect{fill:var(--moss);stroke:var(--paper-light);stroke-width:3px}.route-drawing-motion p{color:var(--ink-soft);text-align:center;margin:-.7rem 0 0;font-size:.75rem}.utility-page{min-height:100svh;padding:clamp(2rem,5vw,5rem)}.utility-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:2rem;max-width:86rem;margin:0 auto 5rem;padding-bottom:2rem;display:flex}.utility-header h1{margin-bottom:.5rem;font-size:clamp(3.4rem,8vw,8rem);line-height:.9}.utility-header p:last-child{max-width:46rem;color:var(--ink-soft);margin-bottom:0;line-height:1.7}.utility-header nav{gap:1rem;display:flex}.utility-disabled{place-content:center;display:grid}.motion-lab-page{background:linear-gradient(90deg, transparent 0 49.92%, #302c2414 50%, transparent 50.08%), var(--paper)}.lab-pattern{border:1px solid var(--line);background:#f7f0dfb8;width:min(86rem,100%);margin:0 auto 5rem;padding:clamp(1rem,2.5vw,2.5rem);overflow:hidden;box-shadow:0 18px 45px #422e1a1a}.lab-pattern-header{border-bottom:1px solid var(--line);grid-template-columns:3rem minmax(12rem,.5fr) minmax(0,1.5fr);align-items:start;gap:1rem;margin-bottom:2rem;padding-bottom:1.3rem;display:grid}.lab-pattern-header>span{color:var(--cinnabar);font-family:var(--serif);font-size:1.2rem}.lab-pattern-header p{color:var(--ink-soft);letter-spacing:.1em;margin-bottom:.25rem;font-size:.66rem}.lab-pattern-header h2{margin-bottom:0;font-size:clamp(1.8rem,3vw,3.3rem)}.motion-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem 1rem;margin-bottom:0;display:grid}.motion-meta div{min-width:0}.motion-meta dt{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.55rem}.motion-meta dd{overflow-wrap:anywhere;font-size:.7rem;line-height:1.45}.opening-book.is-lab{min-height:34rem}.opening-book.is-lab .book-stage{width:min(56rem,68%);left:62%}.opening-book.is-lab .opening-copy{width:46%;padding:5rem 0 3rem 3rem}.opening-book.is-lab .opening-copy h1{font-size:clamp(3rem,6vw,6rem)}.opening-book.is-lab .concept-notice{display:none}.camera-route-lab{color:var(--paper-light);background:var(--moss);grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:4rem;display:grid}.camera-route-lab .camera-route-readout{background:#1b20198c;min-height:8rem}.model-illustration-bridge.is-lab{min-height:38rem}.parallax-lab{background:#d5c7ad;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:1.5rem;min-height:34rem;padding:3rem;display:grid;overflow:hidden}.parallax-lab figure{background:var(--paper-light);box-shadow:var(--shadow);margin:0;padding:.6rem}.parallax-lab figure:nth-child(2){transform:translateY(2.5rem)}.parallax-lab img{aspect-ratio:4/3;object-fit:cover;width:100%}.parallax-lab figcaption{font-family:var(--serif);padding:.6rem .2rem .1rem}.hotspot-expand-demo{background:#d7c7a8;place-items:center;min-height:24rem;display:grid;position:relative}.hotspot-expand-demo>button{color:var(--paper-light);background:var(--cinnabar);box-shadow:4px 4px 0 var(--cinnabar-dark);border:0;align-items:center;gap:.8rem;padding:.8rem 1.1rem;display:flex}.hotspot-demo-sheet{background:var(--paper-light);width:min(34rem,100% - 2rem);box-shadow:var(--shadow);grid-template-columns:8rem 1fr;align-items:center;gap:1.4rem;padding:1.5rem;display:grid;position:absolute}.hotspot-demo-sheet>button{background:0 0;border:0;font-size:1.5rem;position:absolute;top:.5rem;right:.5rem}.hotspot-demo-sheet p{color:var(--ink-soft);grid-column:2;margin-bottom:0;font-size:.78rem}.hotspot-demo-object{background:var(--earth);clip-path:polygon(15% 100%,5% 35%,45% 0,95% 24%,80% 100%);border-radius:45% 55% 35% 50%;grid-row:1/3;width:7rem;height:7rem}.final-pop-book.is-lab{min-height:34rem}.lab-policy{width:min(70rem,100%);color:var(--paper-light);background:var(--cinnabar-dark);text-align:center;margin:0 auto;padding:1.2rem;font-size:.8rem;line-height:1.7}.model-lab-ledger{border:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr));width:min(86rem,100%);margin:0 auto 2rem;display:grid}.model-lab-ledger article{border-right:1px solid var(--line);gap:.4rem;padding:1rem;display:grid}.model-lab-ledger article:last-child{border-right:0}.model-lab-ledger span{color:var(--ink-soft);font-size:.62rem}.model-lab-ledger strong{font-family:var(--serif);font-size:1.25rem}.model-lab-note{width:min(86rem,100%);color:var(--paper-light);background:var(--moss);margin:0 auto 2rem;padding:1rem 1.2rem;font-size:.78rem;line-height:1.7}.model-lab-page .village-model-experience{margin-left:calc(-1*clamp(2rem,5vw,5rem));margin-right:calc(-1*clamp(2rem,5vw,5rem))}.fallback-check{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:center;gap:3rem;width:min(76rem,100%);margin:5rem auto 0;padding-top:4rem;display:grid}.fallback-check>div:first-child{background:var(--paper-light);box-shadow:var(--shadow);padding:.7rem}.fallback-check h2{margin-bottom:1rem;font-size:clamp(2rem,4vw,4rem)}.asset-review-notice{width:min(86rem,100%);color:var(--paper-light);background:var(--moss);margin:0 auto 2rem;padding:1rem 1.2rem;font-size:.78rem}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;width:min(86rem,100%);margin:0 auto;display:grid}.asset-item{border:1px solid var(--line);background:#f7f0dfc7;overflow:hidden}.asset-thumb{aspect-ratio:4/3;background:#c8b894;position:relative;overflow:hidden}.asset-thumb img{object-fit:cover;width:100%;height:100%}.asset-thumb>span{color:var(--paper-light);background:#29261fc7;padding:.25rem .4rem;font-size:.58rem;position:absolute;bottom:.5rem;right:.5rem}.asset-model-placeholder{height:100%;color:var(--paper-light);background:var(--moss);font-family:var(--serif);place-items:center;font-size:2rem;display:grid}.asset-item-copy{padding:1rem}.asset-item-copy h2{margin-bottom:.3rem;font-size:1.25rem}.asset-item-copy>p{overflow-wrap:anywhere;color:var(--ink-soft);margin-bottom:.8rem;font-size:.68rem}.asset-item-copy dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.asset-item-copy dl div{border-top:1px solid var(--line);padding-top:.5rem}.asset-item-copy dt{color:var(--ink-soft);font-size:.55rem}.asset-item-copy dd{font-size:.7rem}.asset-item-copy code{overflow-wrap:anywhere;color:var(--ink-soft);font-size:.58rem;display:block}@media (max-width:819px){.opening-book{min-height:92svh}.book-stage{width:92vw;top:42%;left:50%;transform:translate(-50%,-50%)rotateX(52deg)}.opening-copy{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f271dc2;width:auto;padding:1.5rem;position:absolute;bottom:5rem;left:1.25rem;right:1.25rem}.opening-copy h1{font-size:clamp(3.7rem,18vw,6rem)}.opening-copy>p:not(.eyebrow){font-size:1rem}.concept-notice{text-align:left;bottom:1rem;left:1.25rem;right:1.25rem}.model-intro,.detail-stack,.chapter-index,.fallback-check{grid-template-columns:1fr}.model-intro .eyebrow{margin-bottom:0}.model-canvas-shell{border-width:7px;min-height:62svh}.model-hud{grid-template-columns:1fr auto}.model-hud>div:first-child{display:none}.camera-route-readout{text-align:left;justify-items:start}.camera-route-readout>strong{font-size:1rem}.model-route-lock{bottom:.6rem;left:.6rem;right:.6rem}.model-illustration-bridge{min-height:72svh}.bridge-model,.bridge-illustration{width:calc(100% - 2.5rem);height:calc(100% - 2.5rem);inset:1.25rem}.bridge-illustration{border-width:7px}.bridge-copy{padding:1.25rem}.zone-cinematic{display:none}.zone-mobile-sequence{gap:1.5rem;display:grid}.zone-mobile-stage{background:var(--paper-light);box-shadow:var(--shadow);margin:0;padding:.6rem;position:relative}.zone-mobile-stage>div{color:var(--ink-soft);justify-content:space-between;padding:.4rem .2rem .7rem;display:flex}.zone-mobile-stage img{width:100%}.zone-mobile-stage .status-mark{margin-top:.6rem}.detail-cards{grid-column:1}.detail-modal-sheet{grid-template-columns:1fr}.detail-modal-sheet>img{aspect-ratio:4/3;min-height:0}.chapter-index li{grid-template-columns:2.4rem minmax(0,1fr)}.chapter-index em{grid-column:2;justify-self:start}.final-pop-book{min-height:33rem}.gathering-detail{width:24%}.site-footer>div,.utility-header{flex-direction:column;align-items:flex-start}.lab-pattern-header{grid-template-columns:2.4rem 1fr}.motion-meta{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.opening-book.is-lab{min-height:30rem}.opening-book.is-lab .book-stage{width:94%;left:50%}.opening-book.is-lab .opening-copy{width:auto;padding:1rem;bottom:1rem;left:1rem;right:1rem}.opening-book.is-lab .opening-copy h1{font-size:3.2rem}.camera-route-lab,.parallax-lab{grid-template-columns:1fr;padding:1.25rem}.parallax-lab figure:nth-child(2){transform:none}.model-lab-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.model-lab-ledger article{border-bottom:1px solid var(--line)}.asset-grid{grid-template-columns:1fr}}@media (min-width:820px) and (max-width:1100px){.asset-grid,.motion-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--paper:#f3ebdd;--paper-light:#faf6ec;--paper-deep:#d8c9ac;--ink:#2e3029;--ink-soft:#5e6257;--moss:#30483b;--moss-light:#6d8065;--earth:#8a6245;--straw:#c8a565;--brick:#9b5944;--cinnabar:#a94b3d;--cinnabar-dark:#78382f;--line:#2e30292e;--paper-shadow:0 1px 0 #ffffffb8 inset, 0 18px 44px #4b392621;--paper-shadow-deep:0 2px 0 #ffffffc2 inset, 0 34px 80px #3e2d1d33;--paper-radius:1.1rem;--card-radius:.55rem;--tag-radius:.2rem;--duration-slow:1.5s;--duration-normal:.82s;--duration-micro:.24s;--ease-paper-out:cubic-bezier(.22, 1, .36, 1);--ease-paper-in-out:cubic-bezier(.65, 0, .35, 1);--z-base:1;--z-model:10;--z-page:20;--z-caption:30;--z-drawer:80;--serif:"Songti SC", "STSong", "Source Han Serif SC", "Noto Serif CJK SC", Georgia, serif;--sans:"FangSong", "STFangsong", "Songti SC", "STSong", "PingFang SC", sans-serif}body{background:radial-gradient(circle at 16% 4%, #ffffffb3, transparent 30rem), repeating-linear-gradient(94deg, transparent 0 12px, #533e2705 13px, transparent 15px), var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent-focus,#a94b3d);outline-offset:4px}.picturebook-v1 .opening-book{min-height:100svh;color:var(--paper-light);background:radial-gradient(circle at 78% 38%, #c8a56533, transparent 28rem), linear-gradient(145deg, #22332a, var(--moss) 64%, #26372d)}.picturebook-v1 .opening-book:after{z-index:16;background:linear-gradient(to bottom, transparent, var(--paper));content:"";pointer-events:none;height:5rem;position:absolute;bottom:-2px;left:0;right:0}.picturebook-v1 .book-stage,.opening-book.is-lab .book-stage{background:var(--paper-light);border:8px solid #684b309e;border-radius:.4rem .8rem .8rem .4rem;overflow:hidden;box-shadow:inset 0 0 0 2px #faf6ecad,0 38px 52px #0f141057}.book-generated-spread{z-index:2;object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.book-cover{z-index:8}.picturebook-v1 .book-spine{z-index:10;background:#5d2b25}.picturebook-v1 .opening-copy{width:min(37rem,48vw)}.picturebook-v1 .opening-copy h1{letter-spacing:.01em;max-width:6ch;font-size:clamp(4.2rem,8vw,8rem);line-height:.92}.picturebook-v1 .opening-copy>p:not(.eyebrow){color:#faf6ecd1;max-width:24rem;font-family:var(--serif);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.65}.pilot-journey{--journey-progress:0;background:linear-gradient(#faf6ec4d, #faf6ec00), var(--paper);isolation:isolate;min-height:100svh;position:relative}.journey-sticky{--beat-progress:0;z-index:var(--z-base);place-items:center;height:100svh;padding:clamp(1rem,2.2vw,2rem);display:grid;position:sticky;top:0;overflow:hidden}.journey-book-shell{background:linear-gradient(90deg, transparent 49.75%, #5c412a29 50%, transparent 50.25%), var(--paper-light);border-radius:var(--paper-radius);width:min(94rem,100vw - clamp(2rem,5vw,5rem));height:min(88svh,61rem);box-shadow:var(--paper-shadow-deep);transform-origin:bottom;border:1px solid #553c2747;position:relative;overflow:hidden;transform:perspective(1600px)rotateX(.8deg)}.journey-book-shell:before,.journey-book-shell:after{z-index:-1;content:"";background:#ddcfb8;border:1px solid #553c2733;border-radius:0 0 .8rem .8rem;height:.72rem;position:absolute;bottom:-.52rem;left:.75rem;right:.75rem}.journey-book-shell:after{z-index:-2;background:#cbb99c;height:.55rem;bottom:-.88rem;left:1.4rem;right:1.4rem}.journey-model-layer,.journey-picture-layer{border-radius:calc(var(--paper-radius) * .7);transition:opacity var(--duration-slow) var(--ease-paper-in-out), transform var(--duration-slow) var(--ease-paper-in-out), clip-path var(--duration-slow) var(--ease-paper-in-out), filter var(--duration-slow) var(--ease-paper-in-out);will-change:opacity, transform, clip-path;position:absolute;inset:clamp(1.25rem,2.8vw,2.7rem);overflow:hidden}.journey-model-layer{z-index:var(--z-model);background:radial-gradient(circle at 50% 35%,#f9f1df,#d8c8a7)}.journey-model-layer>div,.journey-model-layer canvas,.journey-model-layer .model-fallback-image{width:100%!important;height:100%!important}.journey-model-layer .model-fallback-image{object-fit:cover}.journey-picture-layer{z-index:var(--z-page);opacity:0;background:var(--paper-light);box-shadow:var(--paper-shadow);pointer-events:none;border:10px solid #faf6ecf2;margin:0}.journey-picture-layer>img{object-fit:cover;width:100%;height:100%}.kitchen-picture-layer{clip-path:inset(38% 44% 30% 18% round .5rem);transform-origin:35% 62%;transform:scale(.88)}.livestock-picture-layer{clip-path:inset(3% round .65rem);inset:10% 4% 11% 48%;transform:translate(4rem)rotate(1.2deg)}.livestock-picture-layer figcaption{color:var(--paper-light);background:var(--moss);border-radius:var(--tag-radius);letter-spacing:.08em;padding:.45rem .68rem;font-size:.68rem;position:absolute;top:1rem;right:1rem}.stage-picture-layer{clip-path:inset(45% 48% 6% round .4rem);transform-origin:50% 82%;transform:scale(.94)}.journey-paper-mask{z-index:24;opacity:0;background:linear-gradient(90deg, var(--paper-light), transparent 13% 87%, var(--paper-light)), linear-gradient(var(--paper-light), transparent 12% 88%, var(--paper-light));transition:opacity var(--duration-normal) var(--ease-paper-out);pointer-events:none;position:absolute;inset:0}.journey-caption{z-index:var(--z-caption);width:min(31rem,42vw);color:var(--paper-light);border-left:.28rem solid var(--cinnabar);transition:transform var(--duration-normal) var(--ease-paper-out), background var(--duration-normal) var(--ease-paper-out);background:#23342be6;padding:1.15rem 1.3rem 1.3rem;display:none;position:absolute;top:clamp(2rem,5vw,5rem);left:clamp(2rem,5vw,5rem);box-shadow:0 16px 30px #23251f2e}.journey-caption p{color:var(--straw);letter-spacing:.12em;margin-bottom:.4rem;font-size:.68rem}.journey-caption h2{margin:0;font-size:clamp(1.8rem,3.8vw,4.2rem);line-height:1.02}.journey-route-strip{z-index:var(--z-caption);color:var(--ink);background:#faf6ece6;border:1px solid #2e302929;grid-template-columns:repeat(8,minmax(0,1fr));gap:.36rem;margin:0;padding:.7rem;list-style:none;display:grid;position:absolute;bottom:clamp(1.4rem,3vw,2.5rem);left:clamp(1.5rem,3vw,2.7rem);right:clamp(1.5rem,3vw,2.7rem);box-shadow:0 10px 24px #3c2c1c1f}.journey-route-strip li{opacity:.45;min-width:0;transition:opacity var(--duration-micro) ease, color var(--duration-micro) ease, background var(--duration-micro) ease;grid-template-columns:1.5rem minmax(0,1fr);align-items:center;gap:.3rem;padding:.34rem;display:grid;position:relative}.journey-route-strip li:after{background:var(--cinnabar);content:"";width:.35rem;height:1px;position:absolute;top:50%;right:-.32rem}.journey-route-strip li:last-child:after{display:none}.journey-route-strip li[data-active=true]{opacity:1;color:var(--cinnabar-dark);background:#f2e3d3}.journey-route-strip li[data-node-type=waypoint]{color:var(--moss)}.journey-route-strip span{background:var(--paper-light);border:1px solid;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-size:.62rem;display:grid}.journey-route-strip li[data-node-type=waypoint] span{border-radius:.12rem}.journey-route-strip em{text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-style:normal;overflow:hidden}.journey-scroll-track{z-index:40;pointer-events:none;margin-top:-100svh;position:relative}.story-beat{align-items:center;width:min(92rem,100% - 3rem);min-height:88svh;margin:0 auto;padding:9svh 0;display:grid}.story-beat:nth-child(odd) .story-beat-copy{justify-self:end}.story-beat-copy{width:min(29rem,36vw);color:var(--ink);border-top:.28rem solid var(--cinnabar);box-shadow:var(--paper-shadow);pointer-events:auto;background:#faf6ecf0;padding:1.3rem 1.4rem 1.5rem}.story-beat-copy>span{float:right;color:var(--cinnabar);font-family:var(--serif);font-size:1.45rem}.story-beat-copy>p:first-of-type{color:var(--cinnabar-dark);letter-spacing:.12em;margin-bottom:.55rem;font-size:.68rem}.story-beat-copy h3{max-width:12ch;margin-bottom:.85rem;font-size:clamp(1.8rem,3.2vw,3.3rem);line-height:1.08}.story-beat-copy>p:last-child{color:var(--ink-soft);margin-bottom:0;font-size:.88rem;line-height:1.75}.mobile-beat-visual{display:none}.desktop-hotspots,.mobile-hotspots{position:absolute;inset:0}.desktop-hotspots{opacity:0;transition:opacity var(--duration-normal) var(--ease-paper-out)}.story-hotspot{z-index:4;width:2.4rem;height:2.4rem;color:var(--paper-light);background:var(--cinnabar);border:2px solid var(--paper-light);pointer-events:auto;transition:transform var(--duration-micro) var(--ease-paper-out), background var(--duration-micro) ease;border-radius:48% 52% 46% 54%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)rotate(-3deg);box-shadow:0 5px 14px #34221647}.story-hotspot:nth-child(2){border-radius:54% 46% 52% 48%;transform:translate(-50%,-50%)rotate(4deg)}.story-hotspot:after{content:"";border:2px solid #a94b3dbd;border-radius:46% 54% 49% 51%;position:absolute;inset:-.55rem;transform:rotate(7deg)}.story-hotspot:hover,.story-hotspot:focus-visible{background:var(--cinnabar-dark);transform:translate(-50%,-50%)rotate(0)scale(1.08)}.story-hotspot span{font-size:.72rem}.story-hotspot strong{color:var(--ink);background:var(--paper-light);font-family:var(--serif);white-space:nowrap;border:1px solid #2e30292e;padding:.28rem .45rem;font-size:.68rem;position:absolute;top:calc(100% + .45rem);left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:2px 3px #63472c24}.phase-enter-illustration .journey-model-layer,.phase-kitchen-chapter .journey-model-layer,.phase-detail-hotspots .journey-model-layer{opacity:.18;filter:sepia(.18)saturate(.78);transform:scale(.965)}.phase-enter-illustration .kitchen-picture-layer{opacity:.9;clip-path:inset(10% 14% 11% round .55rem);transform:scale(.93)}.phase-kitchen-chapter .kitchen-picture-layer,.phase-detail-hotspots .kitchen-picture-layer{opacity:1;clip-path:inset(0 round .4rem);transform:scale(1)}.phase-enter-illustration .journey-paper-mask,.phase-return-model .journey-paper-mask{opacity:.34}.phase-detail-hotspots .kitchen-picture-layer{pointer-events:auto}.phase-detail-hotspots .desktop-hotspots{opacity:1}.phase-return-model .kitchen-picture-layer{opacity:.12;clip-path:inset(34% 18% 32% 59% round .4rem);transform-origin:68% 64%;transform:scale(.86)}.phase-livestock .livestock-picture-layer,.phase-north-gate .livestock-picture-layer{opacity:1;transform:translate(0)rotate(-.4deg)}.phase-livestock .journey-model-layer,.phase-north-gate .journey-model-layer{transform:translate(-8%)scale(.94)}.phase-north-gate .livestock-picture-layer{clip-path:inset(0 0 0 24% round .65rem);transform:translate(-2%)scale(1.03)}.phase-stage-square .journey-model-layer{opacity:.12;transform:scale(.94)}.phase-stage-square .stage-picture-layer{opacity:1;clip-path:inset(0 round .4rem);transform:scale(1)}.phase-stage-square .journey-caption{width:min(44rem,58vw);color:var(--ink);text-align:center;background:#faf6ece6;top:clamp(2rem,4vw,3.5rem);left:50%;transform:translate(-50%)}.phase-stage-square .journey-caption p{color:var(--cinnabar-dark)}.journey-finale-actions{z-index:45;background:var(--paper);text-align:center;justify-items:center;padding:2rem 1.25rem 7rem;display:grid;position:relative}.journey-finale-actions>div{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.journey-concept-notice{max-width:48rem;color:var(--ink-soft);text-align:center;margin:0 0 1.5rem;position:static}.route-constraint-ledger{z-index:45;color:var(--paper-light);background:var(--moss);letter-spacing:.04em;flex-wrap:wrap;justify-content:center;gap:.7rem 1.4rem;padding:1.1rem 1.25rem;font-size:.72rem;display:flex;position:relative}.story-detail-drawer{z-index:var(--z-drawer);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#232b23b8;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.story-detail-drawer article{background:var(--paper-light);width:min(64rem,100%);max-height:calc(100svh - 2.5rem);box-shadow:var(--paper-shadow-deep);border:1px solid #2e302933;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);display:grid;position:relative;overflow:auto}.story-detail-crop{min-height:29rem;overflow:hidden}.story-detail-crop img{object-fit:cover;width:100%;height:100%}.story-detail-drawer article>div:last-child{align-self:center;padding:clamp(2rem,4vw,4rem)}.story-detail-drawer article>div:last-child>p:first-child{color:var(--cinnabar);letter-spacing:.1em;font-size:.7rem}.story-detail-drawer h3{margin-bottom:1rem;font-size:clamp(2.5rem,5vw,5rem)}.story-detail-drawer article>div:last-child>p:last-child{color:var(--ink-soft);margin-bottom:0;line-height:1.8}.story-detail-close{z-index:3;width:2.7rem;height:2.7rem;color:var(--paper-light);background:var(--ink);border:0;border-radius:50%;padding:0;font-size:1.35rem;position:absolute;top:.8rem;right:.8rem}.renderer-debug{z-index:90;color:#f8f0dd;background:#1e261feb;border:1px solid #f8f0dd4d;gap:.2rem;min-width:14rem;padding:.8rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.68rem;display:grid;position:fixed;bottom:1rem;right:1rem}@media (max-width:819px){.picturebook-v1 .opening-book{min-height:100svh}.picturebook-v1 .book-stage{aspect-ratio:16/9;width:94vw;top:37%;transform:translate(-50%,-50%)rotateX(42deg)}.picturebook-v1 .opening-copy{background:#22332ad6;width:auto;padding:1.15rem;bottom:4.4rem;left:1rem;right:1rem}.picturebook-v1 .opening-copy h1{max-width:none;font-size:clamp(3.5rem,18vw,5.2rem)}.picturebook-v1 .opening-copy>p:not(.eyebrow){max-width:none;font-size:.96rem}.journey-sticky{height:auto;min-height:72svh;padding:1rem;display:grid;position:relative;overflow:visible}.journey-book-shell{width:100%;height:66svh;min-height:29rem;transform:none}.journey-model-layer,.journey-picture-layer{inset:.65rem}.journey-route-strip{display:none}.journey-scroll-track{pointer-events:auto;margin-top:0}.story-beat{width:100%;min-height:0;padding:3.5rem 1rem}.story-beat:nth-child(2n){background:#d8c9ac47}.story-beat-copy,.story-beat:nth-child(odd) .story-beat-copy{width:100%;box-shadow:none;background:0 0;border-top:0;justify-self:stretch;padding:0 .35rem 1.3rem}.story-beat-copy h3{font-size:clamp(2rem,10.5vw,3.25rem)}.story-beat-copy>p:last-child{font-size:.9rem}.mobile-beat-visual{background:var(--paper-light);border:.5rem solid var(--paper-light);box-shadow:var(--paper-shadow);margin:0;display:block;position:relative;overflow:hidden}.mobile-beat-visual img{object-fit:cover;width:100%;min-height:18rem}.mobile-visual-model img{min-height:17rem}.mobile-visual-stage img{object-position:50% center;min-height:21rem}.mobile-hotspots{display:block}.story-hotspot{width:2.65rem;height:2.65rem}.story-hotspot strong{font-size:.72rem}.journey-finale-actions{padding-bottom:4.5rem}.journey-finale-actions>div{width:100%}.journey-finale-actions .ink-button,.journey-finale-actions .text-button{flex:10rem}.route-constraint-ledger{text-align:center;flex-direction:column;align-items:center}.story-detail-drawer{align-items:end;padding:0}.story-detail-drawer article{border-radius:1rem 1rem 0 0;grid-template-columns:1fr;width:100%;max-height:88svh}.story-detail-crop{min-height:14rem;max-height:38svh}.story-detail-drawer article>div:last-child{padding:1.5rem}.story-detail-drawer h3{font-size:2.8rem}.renderer-debug{bottom:.5rem;left:.5rem;right:.5rem}}@media (prefers-reduced-motion:reduce){.journey-model-layer,.journey-picture-layer,.journey-caption,.story-hotspot{transition:none!important}.story-beat{min-height:70svh}}
:root{--cinematic-ink:#28302a;--cinematic-ink-soft:#28302ab8;--cinematic-paper:#eee8dc;--cinematic-mist:#c8cfc4;--cinematic-copper:#a77143;--cinematic-moss:#344a3d;--duration-cinematic:1.5s;--duration-normal:.72s;--duration-panorama:1.05s;--duration-micro:.24s;--ease-cinematic-out:cubic-bezier(.2, .72, .26, 1);--ease-cinematic-in-out:cubic-bezier(.65, 0, .35, 1)}.picturebook-v1-1{background:var(--cinematic-paper);overflow:clip}.scene-title,.scene-subtitle,.scene-caption,.scene-index,.scene-progress{text-wrap:balance;margin:0;position:relative}.scene-title{color:var(--cinematic-ink);font-family:var(--serif);letter-spacing:-.045em;font-weight:500;line-height:.98}.scene-subtitle{color:var(--cinematic-ink-soft);font-family:var(--serif);line-height:1.65}.scene-caption{max-width:48ch;color:var(--cinematic-ink-soft);line-height:1.72}.scene-index{color:var(--cinematic-copper);font-family:var(--serif);font-variant-numeric:tabular-nums;letter-spacing:.13em}.scene-progress{width:min(15rem,26vw);color:var(--cinematic-ink-soft);letter-spacing:.16em;gap:.5rem;font-size:.62rem;display:grid}.scene-progress:before{content:"";background:#28302a38;grid-area:1/1;height:1px}.scene-progress>span{background:var(--cinematic-copper);transform-origin:0;height:1px;transition:transform var(--duration-micro) linear;grid-area:1/1;transform:scaleX(0)}.scene-progress>em{grid-area:2/1;font-style:normal}[data-narrative-overlay]{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.mist-reveal-hero{--mist-reveal:0;--mist-title-opacity:0;z-index:1;isolation:isolate;background:#c9cec4;min-height:220svh;position:relative}.mist-reveal-sticky{background:radial-gradient(circle at 68% 36%,#efece070,#0000 38%),linear-gradient(155deg,#b9c2b8,#dde0d6 52%,#aeb9af);height:100svh;min-height:38rem;position:sticky;top:0;overflow:hidden}.mist-village-horizon,.mist-village-horizon:after{margin:0;position:absolute;inset:0}.mist-village-horizon{z-index:1;background:#c7cec3;overflow:hidden}.mist-village-horizon:after{content:"";pointer-events:none;background:linear-gradient(#d2d8cf33,#0000 30%),radial-gradient(circle at 52%,#0000 34%,#b9c3b838 100%)}.mist-village-horizon img{object-fit:cover;object-position:64% center;width:100%;height:100%;filter:blur(calc((1 - var(--mist-reveal)) * 8px)) saturate(calc(.66 + var(--mist-reveal) * .34)) contrast(calc(.88 + var(--mist-reveal) * .12));opacity:calc(.08 + var(--mist-reveal) * .92);transform:scale(calc(1.08 - var(--mist-reveal) * .045)) translateY(calc((1 - var(--mist-reveal)) * 1.8rem));transition:opacity 80ms linear}.mist-webgl-surface,.mist-webgl-surface>div,.mist-webgl-surface canvas{z-index:5;pointer-events:none;inset:0;width:100%!important;height:100%!important;position:absolute!important}.mist-fallback{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mist-fallback span{-webkit-mask-image:radial-gradient(ellipse at calc(var(--mist-pointer-x) * 100%) calc(var(--mist-pointer-y) * 100%), transparent calc(var(--mist-reveal) * 52%), #00000047 calc(9% + var(--mist-reveal) * 57%), #000 calc(21% + var(--mist-reveal) * 66%));mask-image:radial-gradient(ellipse at calc(var(--mist-pointer-x) * 100%) calc(var(--mist-pointer-y) * 100%), transparent calc(var(--mist-reveal) * 52%), #00000047 calc(9% + var(--mist-reveal) * 57%), #000 calc(21% + var(--mist-reveal) * 66%));opacity:calc(1 - var(--mist-reveal) * .72);transform:translate3d(calc((var(--mist-pointer-x) - .5) * -1.8rem), calc((var(--mist-pointer-y) - .5) * -1.2rem), 0);transition:transform var(--duration-normal) var(--ease-cinematic-out);background:radial-gradient(circle at 18% 28%,#f4f2eae0,#0000 25%),radial-gradient(circle at 72% 24%,#dce1d8d6,#0000 31%),radial-gradient(circle at 48% 72%,#ecebe2e6,#0000 36%),linear-gradient(135deg,#b7c3b8e6,#eae9dff0);position:absolute;inset:-12%}.mist-fallback .mist-fallback-far{opacity:calc(.72 - var(--mist-reveal) * .48);transform:scale(1.05) translateX(calc(var(--mist-reveal) * -2.5rem))}.mist-fallback .mist-fallback-mid{filter:blur(10px);opacity:calc(.82 - var(--mist-reveal) * .65);transform:scale(1.1) translateX(calc(var(--mist-reveal) * 3rem))}.mist-fallback .mist-fallback-near{filter:blur(18px);opacity:calc(.92 - var(--mist-reveal) * .76);transform:scale(1.18) translateY(calc(var(--mist-reveal) * -2rem))}.mist-hero-copy{z-index:12;width:min(28rem,30vw);color:var(--cinematic-ink);clip-path:inset(calc((1 - var(--mist-title-opacity)) * 100%) 0 0 0);filter:blur(calc((1 - var(--mist-title-opacity)) * 8px));opacity:var(--mist-title-opacity);transform:translateY(calc((1 - var(--mist-title-opacity)) * 1.5rem));pointer-events:none;position:absolute;bottom:clamp(4.5rem,9vh,8rem);left:clamp(1.5rem,7vw,7.5rem)}.mist-hero-copy .scene-title{letter-spacing:calc(-.02em + (1 - var(--mist-title-opacity)) * .12em);text-shadow:0 1px #faf6ec4d;margin-bottom:1.1rem;font-size:clamp(3.8rem,7.2vw,8.4rem)}.mist-hero-copy .scene-subtitle{color:#28302ac2;letter-spacing:.12em;max-width:19rem;font-size:clamp(.95rem,1.25vw,1.18rem)}.mist-scroll-cue{z-index:12;color:#28302a9e;letter-spacing:.17em;opacity:calc(1 - var(--mist-reveal) * 2);writing-mode:vertical-rl;justify-items:center;gap:.7rem;font-size:.62rem;display:grid;position:absolute;bottom:clamp(2rem,5vh,4rem);right:clamp(1.5rem,4vw,4rem)}.mist-scroll-cue span{width:1px;height:4.5rem;transform:scaleY(calc(.2 + var(--mist-reveal) * .8));transform-origin:top;background:currentColor}.mist-scroll-cue em{font-style:normal}.mist-scene-progress{z-index:12;opacity:clamp(0, calc((var(--mist-reveal) - .42) * 4), 1);position:absolute;bottom:clamp(2rem,5vh,4rem);right:clamp(1.5rem,4vw,4rem)}.mist-debug{z-index:90;color:#f5efe2;background:#222d26e6;border:1px solid #f5efe23d;gap:.22rem;min-width:15rem;padding:.8rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.66rem;display:grid;position:fixed;top:1rem;right:1rem}.cinematic-diorama{--beat-progress:0;--route-progress:.05;--panorama-origin-x:52%;--panorama-origin-y:50%;--panorama-scale:1;--panorama-x:0%;--panorama-y:0%;--chapter-opacity:0;--chapter-scale:1.025;z-index:2;min-height:100svh;color:var(--cinematic-ink);isolation:isolate;background:#d7cfbd;position:relative}.diorama-sticky{z-index:2;background:radial-gradient(circle at 52% 42%, #f2ead8, #c9bea8 78%), var(--cinematic-paper);height:100svh;min-height:38rem;position:sticky;top:0;overflow:hidden}.diorama-model-layer,.diorama-overview-art,.model-to-illustration-match-cut,.late-chapter-layer,.diorama-vignette{margin:0;position:absolute;inset:0}.diorama-model-layer{z-index:4;filter:saturate(.98)contrast(1.01);opacity:0;transition:opacity var(--duration-cinematic) var(--ease-cinematic-in-out), filter var(--duration-cinematic) var(--ease-cinematic-in-out), transform var(--duration-cinematic) var(--ease-cinematic-in-out);will-change:opacity, filter, transform;background:radial-gradient(circle at 50% 40%,#f5eddc,#cfc2a7)}.diorama-overview-art{z-index:6;background:var(--cinematic-paper);opacity:1;pointer-events:none;overflow:hidden}.diorama-overview-art>img{filter:saturate(.98)contrast(1.01);object-fit:cover;object-position:var(--panorama-origin-x) var(--panorama-origin-y);width:100%;height:100%;transform:translate3d(var(--panorama-x), var(--panorama-y), 0) scale(var(--panorama-scale));transform-origin:var(--panorama-origin-x) var(--panorama-origin-y);backface-visibility:hidden;transition:transform var(--duration-panorama) var(--ease-cinematic-out), object-position var(--duration-panorama) var(--ease-cinematic-out), filter var(--duration-normal) var(--ease-cinematic-out);will-change:transform}.diorama-model-layer>div,.diorama-model-layer canvas,.diorama-fallback-image{width:100%!important;height:100%!important}.diorama-fallback-image{object-fit:cover;object-position:64% center}.picturebook-v1-1 .model-marker-label{color:#5f3f29;box-shadow:none;font-family:var(--serif);text-shadow:0 1px #faf6ecf2,0 0 6px #faf6eccc;transition:opacity var(--duration-micro) ease;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:700}.picturebook-v1-1 .model-marker-label.is-waypoint{color:var(--cinematic-moss);background:0 0}.diorama-vignette{z-index:17;pointer-events:none;background:linear-gradient(#eee8dc29,#0000 24%),radial-gradient(circle at 51% 48%,#0000 50%,#36372b24 118%)}.diorama-scene-copy{z-index:24;width:min(27rem,30vw);min-height:8rem;color:var(--cinematic-ink);pointer-events:none;transition:opacity var(--duration-normal) var(--ease-cinematic-out), transform var(--duration-normal) var(--ease-cinematic-out);position:absolute;bottom:clamp(3.5rem,8vh,7.5rem);left:clamp(1.5rem,6.5vw,7rem)}.diorama-scene-copy .scene-index{margin-bottom:.75rem;font-size:.67rem;display:block}.diorama-scene-copy .scene-title{text-shadow:0 1px #faf6ec7a,0 0 24px #faf6ec3d;margin-bottom:.9rem;font-size:clamp(2.7rem,5.2vw,6.2rem)}.diorama-scene-copy .scene-subtitle{color:#28302ac7;text-shadow:0 1px 10px #faf6ecb8;max-width:28rem;font-size:clamp(.88rem,1.1vw,1.05rem)}.diorama-scene-copy .scene-caption{color:#28302a94;margin-top:.7rem;font-size:.7rem}.cinematic-diorama[data-camera-moving=true] .diorama-scene-copy .scene-subtitle,.cinematic-diorama[data-camera-moving=true] .diorama-scene-copy .scene-caption{opacity:0;transform:translateY(.6rem)}.guided-route{z-index:25;width:min(18rem,25vw);color:var(--cinematic-ink);background:0 0;position:absolute;bottom:clamp(2rem,5vh,4rem);right:clamp(1.5rem,4vw,4.5rem)}.guided-route .scene-progress{width:100%;margin-bottom:.85rem}.guided-route ol{min-height:5rem;margin:0;padding:0;list-style:none;position:relative}.guided-route li{opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-cinematic-out), transform var(--duration-normal) var(--ease-cinematic-out);grid-template-columns:1.7rem minmax(0,1fr);align-items:center;gap:.7rem;display:grid;position:absolute;left:0;right:0;transform:translateY(.5rem)}.guided-route li[data-route-label=current],.guided-route li[data-route-label=next]{opacity:1;visibility:visible;transform:none}.guided-route li[data-route-label=current]{top:0}.guided-route li[data-route-label=next]{opacity:.5;top:2.9rem}.guided-route li>span{width:1.55rem;height:1.55rem;font-family:var(--serif);border:1px solid;border-radius:50%;place-items:center;font-size:.65rem;display:grid}.guided-route li[data-node-type=waypoint]>span{border-radius:.1rem;transform:rotate(45deg)}.guided-route li[data-node-type=waypoint]>span:first-line{transform:rotate(-45deg)}.guided-route li div{gap:.08rem;min-width:0;display:grid}.guided-route li em{color:#28302a94;letter-spacing:.12em;font-size:.55rem;font-style:normal}.guided-route li strong{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:500;overflow:hidden}.diorama-scroll-track{z-index:3;pointer-events:none;margin-top:-100svh;padding-bottom:48svh;position:relative}.diorama-beat{place-items:center;min-height:96svh;display:grid}.diorama-beat:first-child{min-height:108svh}.diorama-beat>span,.route-structure-contract{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.model-to-illustration-match-cut{z-index:10;clip-path:polygon(55% 49%,75% 44%,84% 55%,79% 76%,59% 75%,51% 62%);opacity:0;transform-origin:67% 61%;transition:clip-path var(--duration-cinematic) var(--ease-cinematic-in-out), opacity var(--duration-normal) var(--ease-cinematic-out), transform var(--duration-cinematic) var(--ease-cinematic-in-out);will-change:clip-path, transform, opacity;pointer-events:none;background:#e7ddc8;overflow:hidden;transform:scale(.93)translate(1.2rem,1rem)}.model-to-illustration-match-cut[data-transition-state=entering],.model-to-illustration-match-cut[data-transition-state=illustration]{clip-path:polygon(0 3%,13% 0,29% 2%,47% 0,66% 2%,84% 0,100% 3%,98% 21%,100% 42%,98% 63%,100% 82%,97% 100%,77% 98%,59% 100%,39% 98%,19% 100%,0 97%,2% 78%,0 56%,2% 35%);opacity:1;transform:none}.model-to-illustration-match-cut[data-transition-state=returning]{clip-path:polygon(55% 49%,75% 44%,84% 55%,79% 76%,59% 75%,51% 62%);opacity:.16;transform:scale(.92)translate(1.2rem,1rem)}.model-to-illustration-match-cut>img,.late-chapter-layer>img{object-fit:cover;width:100%;height:100%}.model-to-illustration-match-cut>img{filter:saturate(.96)contrast(1.02);transform:scale(1.015)}.match-cut-paper-edge{pointer-events:none;border:1px solid #7152343d;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #faf6ec33,inset 0 24px 70px #352b1d2e}.match-anchor,.model-match-anchor{z-index:14;opacity:0;pointer-events:none;width:1.3rem;height:1.3rem;transition:opacity var(--duration-normal) ease, transform var(--duration-normal) var(--ease-cinematic-out);border:1px solid #925f35ad;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(.8)}.panorama-match-anchors{z-index:14;pointer-events:none;position:absolute;inset:0}.phase-model-to-illustration .match-anchor,.phase-model-to-illustration .model-match-anchor{opacity:.62;transform:translate(-50%,-50%)scale(1)}.match-anchor-stove,.model-anchor-stove{top:58%;left:27%}.match-anchor-bellows,.model-anchor-bellows{top:73%;left:15%}.match-anchor-operation-table,.model-anchor-operation-table{top:53%;left:52%}.phase-model-to-illustration .diorama-scene-copy,.phase-kitchen-illustration .diorama-scene-copy,.phase-detail-hotspots .diorama-scene-copy{width:min(26rem,28vw);top:clamp(6rem,15vh,10rem);bottom:auto}.late-chapter-layer{z-index:12;opacity:0;transition:opacity var(--duration-cinematic) var(--ease-cinematic-in-out), transform var(--duration-cinematic) var(--ease-cinematic-in-out);pointer-events:none;overflow:hidden;transform:scale(1.025)}.phase-livestock .livestock-chapter-layer,.phase-north-gate .livestock-chapter-layer,.phase-stage-square .stage-chapter-layer{opacity:var(--chapter-opacity);transform:scale(var(--chapter-scale))}.cinematic-hotspots{z-index:18;pointer-events:auto;position:absolute;inset:0}.cinematic-hotspot{color:#f7efdf;pointer-events:auto;width:2.5rem;height:2.5rem;transition:background var(--duration-micro) ease, transform var(--duration-micro) var(--ease-cinematic-out);background:#774030e0;border:1px solid #f7efdfe0;border-radius:48% 52% 45% 55%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.cinematic-hotspot:hover,.cinematic-hotspot:focus-visible{background:#693a30;transform:translate(-50%,-50%)scale(1.06)}.cinematic-hotspot span{font-size:.7rem}.cinematic-hotspot strong{color:#46392c;font-family:var(--serif);text-shadow:0 1px #faf6ece6,0 0 8px #faf6ecb8;white-space:nowrap;font-size:.72rem;font-weight:600;position:absolute;top:calc(100% + .45rem);left:50%;transform:translate(-50%)}.cinematic-detail-reveal{z-index:80;background:#252d268a;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.cinematic-detail-reveal article{clip-path:polygon(0 2%,20% 0,42% 1.5%,64% 0,83% 1.2%,100% 0,98.5% 32%,100% 68%,98% 100%,70% 98.5%,42% 100%,17% 98.5%,0 100%,1.5% 64%);background:repeating-linear-gradient(93deg,#0000 0 12px,#50392205 13px,#0000 15px),#f5efe2f7;grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr);width:min(62rem,100%);max-height:calc(100svh - 2.5rem);display:grid;position:relative;overflow:auto;box-shadow:0 34px 90px #2d241942}.cinematic-detail-crop{min-height:28rem;overflow:hidden}.cinematic-detail-crop img{object-fit:cover;width:100%;height:100%}.cinematic-detail-reveal article>div:last-child{align-self:center;padding:clamp(2rem,4vw,4rem)}.cinematic-detail-reveal .scene-index{margin-bottom:.8rem;font-size:.65rem;display:block}.cinematic-detail-reveal .scene-title{margin-bottom:1rem;font-size:clamp(2.8rem,5vw,5rem)}.cinematic-detail-close{z-index:3;color:#f5efe2;background:#28302ae6;border:0;border-radius:50%;width:2.65rem;height:2.65rem;padding:0;font-size:1.3rem;position:absolute;top:.85rem;right:.85rem}.diorama-debug,.occlusion-debug{z-index:90;color:#f5efe2;background:#222d26e6;border:1px solid #f5efe23d;gap:.22rem;min-width:15rem;padding:.8rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.66rem;display:grid;position:fixed;top:1rem}.diorama-debug{left:1rem}.occlusion-debug{right:1rem}@media (max-width:819px){.scene-progress{width:min(12rem,48vw)}.mist-reveal-sticky{min-height:34rem}.mist-village-horizon img{object-position:68% center}.mist-hero-copy{top:max(5.5rem, env(safe-area-inset-top));width:auto;bottom:auto;left:1.25rem;right:1.25rem}.mist-hero-copy .scene-title{max-width:7ch;margin-bottom:.8rem;font-size:clamp(3.6rem,17vw,5.5rem)}.mist-hero-copy .scene-subtitle{max-width:16rem;font-size:.88rem}.mist-scroll-cue,.mist-scene-progress{right:1.25rem;bottom:max(1.5rem, env(safe-area-inset-bottom))}.mist-reveal-sticky:after{z-index:10;content:"";pointer-events:none;background:linear-gradient(#0000,#d0d4cb80);height:32vh;position:absolute;bottom:0;left:0;right:0}.mist-debug{left:.5rem;right:.5rem}.diorama-sticky{min-height:34rem}.diorama-fallback-image{object-position:68% center}.diorama-overview-art>img{object-position:var(--panorama-origin-x) var(--panorama-origin-y);transform:translate3d(clamp(-13%, var(--panorama-x), 4.5%), clamp(-14%, var(--panorama-y), 9%), 0) scale(clamp(1, var(--panorama-scale), 1.72))}.diorama-scene-copy{width:auto;min-height:0;bottom:6.7rem;left:1.2rem;right:1.2rem}.diorama-scene-copy:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#0000,#e0dbcf33 42%,#e0dbcfad);position:absolute;inset:-7rem -1.2rem -2rem}.diorama-scene-copy .scene-index{margin-bottom:.45rem}.diorama-scene-copy .scene-title{max-width:8ch;margin-bottom:.55rem;font-size:clamp(2.6rem,12vw,4.2rem)}.diorama-scene-copy .scene-subtitle{max-width:27rem;font-size:.84rem;line-height:1.58}.diorama-scene-copy .scene-caption{display:none}.phase-model-to-illustration .diorama-scene-copy,.phase-kitchen-illustration .diorama-scene-copy,.phase-detail-hotspots .diorama-scene-copy{top:max(4.75rem, env(safe-area-inset-top));width:auto;bottom:auto;left:1.2rem;right:1.2rem}.guided-route{width:auto;bottom:1.1rem;left:1.2rem;right:1.2rem}.guided-route .scene-progress{width:44%;margin:0 0 .7rem auto}.guided-route ol{min-height:2.4rem}.guided-route li{width:48%;left:auto}.guided-route li[data-route-label=current]{top:0;right:52%}.guided-route li[data-route-label=next]{top:0;right:0}.guided-route li strong{font-size:.82rem}.diorama-beat{min-height:92svh}.model-to-illustration-match-cut>img,.late-chapter-layer>img{object-position:center}.match-anchor,.model-match-anchor{width:1rem;height:1rem}.cinematic-hotspot{width:2.7rem;height:2.7rem}.cinematic-hotspot strong{display:none}.cinematic-detail-reveal{background:#252d2675;align-items:end;padding:0}.cinematic-detail-reveal article{clip-path:polygon(0 2%,18% 0,38% 1.5%,59% 0,82% 1.3%,100% 0,100% 100%,0 100%);grid-template-columns:1fr;width:100%;max-height:86svh}.cinematic-detail-crop{min-height:14rem;max-height:40svh}.cinematic-detail-reveal article>div:last-child{padding:1.4rem 1.5rem 2rem}.cinematic-detail-reveal .scene-title{font-size:2.8rem}.diorama-debug{inset:auto .5rem .5rem}.occlusion-debug{top:.5rem;left:.5rem;right:.5rem}}@media (prefers-reduced-motion:reduce){.mist-reveal-hero{min-height:108svh}.mist-village-horizon img,.mist-fallback span,.mist-hero-copy{filter:none;transition:none;transform:none}.diorama-model-layer,.diorama-overview-art,.diorama-overview-art>img,.model-to-illustration-match-cut,.late-chapter-layer,.diorama-scene-copy,.guided-route li,.match-anchor,.model-match-anchor{transition:none}.phase-livestock .livestock-chapter-layer,.phase-north-gate .livestock-chapter-layer,.phase-stage-square .stage-chapter-layer{opacity:1;transform:none}.diorama-beat{min-height:72svh}}
:root{--opening-paper:#ede3d0;--opening-paper-light:#f5eddf;--opening-paper-shadow:#c5b69c;--opening-ink:#26372d;--opening-ink-soft:#26372da8;--opening-earth:#77543d;--opening-straw:#bf9b51;--opening-brick:#9a5743;--opening-fog-reveal:0}.opening-demo-shell{min-height:100svh;color:var(--opening-ink);isolation:isolate;background:#bbb4a8;position:fixed;inset:0;overflow:hidden}.opening-demo-shell *,.opening-demo-shell :before,.opening-demo-shell :after{box-sizing:border-box}.opening-paper-backdrop,.opening-ambient-light{pointer-events:none;position:absolute;inset:0}.opening-paper-backdrop{z-index:-2;background:linear-gradient(125deg,#5a49341f,#0000 30%),repeating-linear-gradient(4deg,#57462f06 0 1px,#0000 1px 7px),radial-gradient(at 54% 48%,#e8decb 0%,#d5c8b3 54%,#afa697 100%)}.opening-paper-backdrop:after{content:"";mix-blend-mode:multiply;opacity:.32;background-image:radial-gradient(#3c372b14 .55px,#0000 .75px),radial-gradient(#ffffff29 .5px,#0000 .75px);background-position:0 0,3px 4px;background-size:7px 8px,9px 11px;position:absolute;inset:0}.opening-ambient-light{z-index:18;background:linear-gradient(142deg, rgba(255, 249, 232, calc(.08 + var(--opening-fog-reveal) * .16)) 0%, rgba(255, 246, 224, calc(.04 + var(--opening-fog-reveal) * .08)) 28%, transparent 61%), linear-gradient(155deg, transparent 42%, rgba(255, 244, 218, calc(var(--opening-fog-reveal) * .055)) 72%, transparent 91%);mix-blend-mode:screen;pointer-events:none}.opening-demo-camera{z-index:3;transform-origin:50%;will-change:transform;position:absolute;inset:0}.opening-book-rig{aspect-ratio:16/9;width:min(91vw,94rem);transform-style:preserve-3d;transform-origin:50% 58%;will-change:transform, opacity;position:absolute;top:51.5%;left:50%;transform:translate(-50%,-50%)rotate(-1.25deg)}.opening-book-shadow{z-index:-3;filter:blur(38px);background:#3d332630;border-radius:43%;position:absolute;inset:6.5% 3.2% -2.2%;transform:translate(-1.2%,4.1%)rotate(-1deg)}.opening-book-cover-edge{z-index:-2;background:linear-gradient(100deg,#88745d,#aa9579 47%,#806b54 52%,#6e5d4a);border-radius:3.5% 3.2% 3.9%;position:absolute;inset:2.8% -.15% -.35%;transform:translateY(1.55%);box-shadow:0 .8rem 1.35rem #322a1f21,inset 0 -2px #392d1f42}.opening-page-stack{z-index:-1;filter:drop-shadow(-4px 7px 8px #3e32231f);opacity:.88;pointer-events:none;background:repeating-linear-gradient(#f9f2e4f2 0 1px,#b09d808c 1px 2px,#ebe0cce6 2px 4px);width:49.6%;height:4.2%;position:absolute;bottom:.2%}.opening-page-stack--left{clip-path:polygon(1% 0,99% 8%,100% 82%,91% 100%,4% 90%);left:.6%;transform:translateY(30%)}.opening-page-stack--right{clip-path:polygon(0 8%,99% 0,97% 92%,7% 100%,0 82%);right:.5%;transform:translateY(38%)}.opening-book-pages{clip-path:polygon(.4% 3%,7% 1.4%,27% 2.1%,49.5% .6%,51% 1.1%,74% 2.1%,93% 1.2%,99.6% 3.2%,99.2% 96.2%,90% 98.5%,67% 97.7%,50.4% 99.2%,31% 97.9%,9% 98.8%,.5% 96.3%);transform-style:preserve-3d;background:linear-gradient(90deg,#e7dcc8 0%,#f2e9d8 46.5%,#c5b79f 50%,#f3eada 53%,#e5d8c1 100%);border:1px solid #5f482f3d;border-radius:3.8% 3.2% 3.6% 3.1%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 -11px 17px #70543014,inset 0 4px 8px #ffffff6b}.opening-page{z-index:0;pointer-events:none;width:50.4%;position:absolute;top:0;bottom:0}.opening-page--left{background:radial-gradient(circle at 10% 8%,#fff6,#0000 34%),repeating-linear-gradient(7deg,#604c3507 0 1px,#0000 1px 8px);left:0;transform:translateZ(1px)rotateX(.22deg);box-shadow:inset -14px 0 22px #47382621}.opening-page--right{background:radial-gradient(circle at 88% 9%,#ffffff5c,#0000 32%),repeating-linear-gradient(-8deg,#604c3506 0 1px,#0000 1px 9px);right:0;transform:translateY(.35%)translateZ(2px)rotateX(-.18deg);box-shadow:inset 12px 0 20px #4738261a}.opening-book-spine{z-index:8;filter:blur(1.4px);opacity:.76;pointer-events:none;background:linear-gradient(90deg,#523e2805,#4838273d 44%,#ffffff26 68%,#4b3a280a);width:1.5%;position:absolute;top:-1%;bottom:-1%;left:49.35%;transform:perspective(480px)rotateX(4deg)}.opening-book-gutter-shadow{z-index:7;filter:blur(4px);opacity:.72;pointer-events:none;background:linear-gradient(90deg,#0000,#3d30211a 38%,#ffffff17 60%,#0000);width:3.4%;position:absolute;top:1%;bottom:1%;left:48.45%}.opening-book-light{z-index:11;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(137deg,#0000 25%,#fffae612 54%,#fff9e333 73%,#0000 88%);position:absolute;inset:0}.opening-village-stage{z-index:2;clip-path:polygon(.2% 2%,11% .8%,28% 1.4%,50% .4%,72% 1.2%,90% .7%,99.8% 2.1%,99.4% 97.2%,79% 98.2%,50% 99%,23% 98.1%,.4% 97%);isolation:isolate;--village-dim:1;background:0 0;border-radius:2.3% 2.2% 2.6% 2.1%;position:absolute;inset:2.2% 1.7% 2.6%;overflow:hidden;transform:translateZ(10px)}.opening-village-layer,.opening-zone-detail-visual,.opening-zone-detail-media,.opening-zone-detail-overview,.opening-zone-detail-asset{position:absolute}.opening-village-layer{width:100%;height:100%;inset:0}.opening-village-layer-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.opening-village-layer{z-index:2;transform-style:preserve-3d;will-change:transform, opacity;overflow:visible}.opening-village-layer-image{transform:translate3d(0, calc(var(--village-layer-depth) * -.028), var(--village-layer-depth));transform-origin:50% 62%;will-change:filter, transform;transition:filter .32s cubic-bezier(.2,.72,.26,1),opacity .32s cubic-bezier(.2,.72,.26,1)}.opening-village-contact-shadow{display:none}.opening-village-layer--scene{z-index:2}.opening-village-layer--scene .opening-village-layer-image{filter:brightness(var(--village-dim)) saturate(.95) contrast(.99) drop-shadow(-5px 8px 6px #3d312224)}.opening-village-stage[data-hovered-zone]:not([data-hovered-zone=""]){--village-dim:.94}.opening-village-stage[data-selected-zone]:not([data-selected-zone=""]){--village-dim:.95}.opening-village-stage[data-selected-zone]:not([data-selected-zone=""]) .opening-hotspot-layer{pointer-events:none}.opening-book-title{z-index:14;width:min(28%,24rem);color:var(--opening-ink);pointer-events:none;text-shadow:0 1px #fffcf27a;position:absolute;top:7.2%;left:6.2%}.opening-book-title h1{letter-spacing:-.055em;text-wrap:nowrap;margin:0;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:clamp(2.3rem,4.4vw,4.85rem);font-weight:500;line-height:.94}.opening-book-title p{color:#26372d99;max-width:18rem;margin:.8rem 0 0;font-family:Songti SC,STSong,serif;font-size:.8rem;line-height:1.6}.opening-hotspot-layer{z-index:16;pointer-events:none;position:absolute;inset:0}.opening-hotspot-layer[data-ready=true]{pointer-events:auto}.opening-zone-hotspot{top:calc(var(--zone-y) - var(--zone-height) / 2);left:calc(var(--zone-x) - var(--zone-width) / 2);width:var(--zone-width);height:var(--zone-height);color:var(--opening-ink);clip-path:var(--zone-shape);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:0;position:absolute}.opening-zone-outline{clip-path:var(--zone-shape);filter:drop-shadow(-2px 3px 3px #2a423200);opacity:0;background:#2a463500;transition:background .34s cubic-bezier(.2,.72,.26,1),box-shadow .34s cubic-bezier(.2,.72,.26,1),filter .34s cubic-bezier(.2,.72,.26,1),opacity .34s cubic-bezier(.2,.72,.26,1),transform .34s cubic-bezier(.2,.72,.26,1);position:absolute;inset:0;transform:translateY(1px)scale(.99);box-shadow:inset 0 0 0 1px #2b463400}.opening-zone-label{color:#2b4636;filter:drop-shadow(0 1px #f4eddbb8);opacity:0;background:0 0;border:0;place-items:center;padding:0;transition:opacity .32s cubic-bezier(.2,.72,.26,1),transform .32s cubic-bezier(.2,.72,.26,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-43%)scale(.94)}.opening-zone-label strong{font-family:Songti SC,STSong,serif;font-size:clamp(1rem,1.25vw,1.42rem);font-weight:600;line-height:1}.opening-zone-hotspot:is(:hover,:focus-visible) .opening-zone-outline,.opening-zone-hotspot[data-hovered=true] .opening-zone-outline,.opening-zone-hotspot[data-selected=true] .opening-zone-outline{filter:drop-shadow(-2px 3px 3px #2a42321f);opacity:1;background:#2d4b3809;transform:translateY(-1px)scale(1.018);box-shadow:inset 0 0 0 1.2px #2a47346b}.opening-zone-hotspot:is(:hover,:focus-visible) .opening-zone-label,.opening-zone-hotspot[data-hovered=true] .opening-zone-label,.opening-zone-hotspot[data-selected=true] .opening-zone-label{opacity:1;transform:translate(-50%,-50%)scale(1)}.opening-zone-hotspot[data-selected=true] .opening-zone-outline{filter:drop-shadow(-3px 4px 4px #2a423229);background:#2d4b380e;box-shadow:inset 0 0 0 1.5px #28453294}.opening-demo-shell .opening-zone-hotspot:focus-visible{box-shadow:none;outline:none!important}.opening-zone-detail-visual{z-index:20;left:var(--detail-source-left,54%);top:var(--detail-source-top,34%);width:var(--detail-source-width,12%);height:var(--detail-source-height,16%);box-shadow:none;clip-path:var(--detail-source-polygon,inset(0));opacity:0;pointer-events:none;visibility:hidden;will-change:clip-path, transform, opacity, left, top, width, height, padding;background-color:#0000;background-image:repeating-linear-gradient(4deg,#5b483006 0 1px,#0000 1px 8px);padding:0;overflow:hidden}.opening-zone-detail-media{width:100%;height:100%;position:relative;inset:auto;overflow:hidden}.opening-zone-detail-overview{top:var(--detail-overview-top,0);left:var(--detail-overview-left,0);width:var(--detail-overview-width,100%);max-width:none;height:var(--detail-overview-height,100%)}.opening-zone-detail-asset{object-fit:cover;object-position:var(--detail-object-position,50% 50%);filter:none;opacity:0;transform-origin:50%;will-change:opacity;width:100%;max-width:none;height:100%;inset:0}.opening-zone-detail-visual[data-detail-mode=framed-image] .opening-zone-detail-media{box-shadow:inset 0 0 0 1px #493a282e}.opening-zone-detail-paper-edge{mix-blend-mode:multiply;opacity:.72;pointer-events:none;background:linear-gradient(90deg,#f5ecd952,#0000 3.4% 94%,#4a3b2a1f),linear-gradient(145deg,#0000 50%,#fff7df29 79%,#0000);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #513f2924}.opening-zone-card{top:var(--detail-card-top,50%);right:var(--detail-card-inset,clamp(2.1rem, 5.2vw, 5.8rem));z-index:30;color:#28382f;clip-path:polygon(2% 0,96% 1.5%,100% 7%,98.5% 92%,93% 100%,3% 98.4%,0 92%,1.2% 7%);opacity:0;visibility:hidden;background:linear-gradient(118deg,#ffffff5c,#0000 36%),repeating-linear-gradient(3deg,#4d3d2706 0 1px,#0000 1px 8px),#eee2cb;border:1px solid #503d2833;align-content:center;width:clamp(20rem,25vw,23.75rem);min-height:20.5rem;padding:clamp(2.25rem,3vw,3rem);display:grid;position:fixed;transform:translateY(-50%);box-shadow:-8px 12px 20px #3e312121,inset 0 0 0 1px #ffffff3d}.opening-zone-card[data-visible=true]{visibility:visible}.opening-zone-card:before{content:"";clip-path:polygon(0 0,100% 0,92% 100%,50% 82%,8% 100%);background:#7b4931ad;width:3.3rem;height:4.7rem;position:absolute;top:0;right:13%;box-shadow:inset 0 -7px 10px #41271b1f}.opening-zone-card-index{color:#7a4d34d1;letter-spacing:.2em;font-size:.68rem}.opening-zone-card h2{letter-spacing:-.045em;margin:.95rem 0 1.1rem;font-family:Songti SC,STSong,serif;font-size:clamp(2.35rem,3vw,3.35rem);font-weight:500}.opening-zone-card p{color:#2a372fb8;margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(.95rem,1.05vw,1.04rem);line-height:1.65}.opening-zone-card button{color:#2c4737;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #2c47376b;align-items:center;gap:.65rem;width:fit-content;margin-top:2.2rem;padding:.75rem 0;font-size:.76rem;display:inline-flex}.opening-zone-card button span{font-size:1rem;transition:transform .26s}.opening-zone-card button:hover span,.opening-zone-card button:focus-visible span{transform:translate(-4px)}.opening-zone-card button:focus-visible{outline-offset:5px;outline:2px solid #2c473794}.opening-demo-fog{z-index:19;background:rgba(226, 224, 214, calc(.15 * (1 - var(--opening-fog-reveal))));pointer-events:none;will-change:opacity;position:absolute;inset:0;overflow:hidden}.opening-webgl-fog-layer,.opening-demo-fog .mist-webgl-surface,.opening-demo-fog .mist-webgl-surface>div,.opening-demo-fog .mist-webgl-surface canvas{inset:0;width:100%!important;height:100%!important;position:absolute!important}.opening-demo-fog-fallback,.opening-fog-layer{position:absolute;inset:0}.opening-demo-fog-fallback{overflow:hidden}.opening-fog-layer{filter:blur(22px);opacity:calc(.66 - var(--opening-fog-reveal) * .54);will-change:transform, opacity;background-repeat:no-repeat;inset:-16%}.opening-fog-layer--far{filter:blur(29px);background:radial-gradient(at 7% 17%,#efede4d1 0 14%,#0000 42%),radial-gradient(at 84% 31%,#cdd3c9c2 0 17%,#0000 48%),radial-gradient(at 24% 84%,#e7e5dbc2 0 18%,#0000 49%),linear-gradient(104deg,#c5cac0c7,#e8e6dd6b 39%,#0000 47% 58%,#c8cec5ad 72%,#e0dfd6c2);transform:scale(1.08)}.opening-fog-layer--mid{filter:blur(21px);opacity:calc(.58 - var(--opening-fog-reveal) * .49);transform:scale(1.15) translateX(calc(var(--opening-fog-reveal) * 7%));background:radial-gradient(at 12% 44%,#f4f0e6e0 0 13%,#0000 41%),radial-gradient(at 76% 20%,#d6dacfcc 0 16%,#0000 45%),radial-gradient(at 88% 76%,#ebe8ddd1 0 16%,#0000 47%)}.opening-fog-layer--near{filter:blur(16px);opacity:calc(.62 - var(--opening-fog-reveal) * .56);background:radial-gradient(at 2% 75%,#f4f0e7e6 0 19%,#0000 50%),radial-gradient(at 35% 58%,#dfe1d6bf 0 15%,#0000 47%),radial-gradient(at 97% 13%,#eeebe2db 0 19%,#0000 52%);transform:scale(1.22)}.opening-edge-mist{z-index:20;filter:blur(22px);opacity:0;pointer-events:none;background:radial-gradient(#e2e1d78a,#d3d8cf33 45%,#0000 72%);width:34%;height:72%;position:absolute}.opening-edge-mist--left{bottom:-28%;left:-18%}.opening-edge-mist--right{top:-31%;right:-17%}.opening-fog-grain{mix-blend-mode:soft-light;opacity:.22;background-image:radial-gradient(#ffffff24 .45px,#0000 .65px);background-size:6px 6px;position:absolute;inset:0}.opening-demo-shell[data-intro-state=ready] :is(.opening-webgl-fog-layer,.opening-demo-fog-fallback,.opening-fog-layer,.opening-fog-grain){opacity:0!important;visibility:hidden!important;pointer-events:none!important}.opening-demo-shell[data-intro-state=ready] .opening-intro-mark{visibility:hidden;pointer-events:none;opacity:0!important}.opening-skip{z-index:35;color:#26372dad;letter-spacing:.18em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #26372d3d;padding:.65rem 0;font-size:.64rem;position:fixed;top:clamp(1.25rem,2.8vw,2.8rem);right:clamp(1.25rem,3.2vw,3.2rem)}.opening-skip:focus-visible{outline-offset:5px;outline:2px solid #2c47378c}.opening-intro-mark{z-index:24;color:#26372d9e;letter-spacing:.18em;width:min(14rem,30vw);opacity:calc(1 - var(--opening-fog-reveal) * 1.35);pointer-events:none;gap:.65rem;font-size:.58rem;display:grid;position:fixed;bottom:clamp(1.5rem,3.4vw,3.4rem);left:clamp(1.5rem,3.4vw,3.4rem)}.opening-intro-mark i{background:linear-gradient(90deg, #425d4b calc(var(--opening-fog-reveal) * 100%), #425d4b2e 0);width:100%;height:1px}.opening-explore-cue{z-index:17;color:#27382d8c;letter-spacing:.16em;opacity:0;pointer-events:none;justify-items:center;gap:.55rem;font-size:.56rem;display:grid;position:fixed;bottom:clamp(1.4rem,3.2vw,3.2rem);left:50%;transform:translate(-50%)}.opening-explore-cue i{background:linear-gradient(#30463794,#0000);width:1px;height:2.7rem}.opening-demo-status{z-index:17;color:#26372d85;letter-spacing:.16em;gap:.75rem;font-size:.55rem;display:flex;position:fixed;top:clamp(1.25rem,2.8vw,2.8rem);left:clamp(1.25rem,3.2vw,3.2rem)}.opening-demo-status span+span:before{content:"·";margin-right:.75rem}.opening-demo-notice{z-index:17;color:#30362d73;letter-spacing:.04em;text-align:right;max-width:24rem;margin:0;font-size:.52rem;line-height:1.65;position:fixed;bottom:clamp(1.2rem,3vw,3rem);right:clamp(1.2rem,3vw,3rem)}@media (max-width:980px){.opening-book-rig{width:97vw}.opening-book-title{width:31%;left:6%}.opening-book-title h1{font-size:clamp(2.2rem,5.6vw,4.4rem)}.opening-zone-card{width:min(23rem,36vw);right:2rem}}@media (max-width:760px){.opening-demo-shell{background:#d8ccba}.opening-book-rig{aspect-ratio:4/5;width:112vw;top:47%;transform:translate(-50%,-50%)rotate(-.7deg)}.opening-book-pages{clip-path:polygon(1% 2%,49% .8%,51% 1.1%,99% 2%,99% 97%,51% 99%,49% 98.7%,1% 97%);border-radius:2.5%}.opening-village-stage{inset:2% 1.3% 2.3%}.opening-village-layer-image,.opening-zone-detail-asset{object-position:53% center}.opening-book-title{width:64%;top:7.5%;left:11%}.opening-book-title h1{letter-spacing:-.06em;font-size:clamp(1.95rem,9.2vw,2.85rem)}.opening-zone-hotspot{min-width:2.5rem;min-height:2.5rem}.opening-zone-label{opacity:0;padding:.18rem .25rem;transform:translate(-50%,-50%)scale(.88)}.opening-zone-label strong{font-size:.74rem}.opening-zone-hotspot[data-zone-id=read] .opening-zone-label{transform:translate(-72%,-50%)scale(.88)}.opening-zone-hotspot[data-zone-id=farm] .opening-zone-label{transform:translate(-28%,-50%)scale(.88)}.opening-zone-hotspot[data-zone-id=animal] .opening-zone-label{top:76%;left:74%}.opening-zone-hotspot:is(:hover,:focus-visible) .opening-zone-label,.opening-zone-hotspot[data-hovered=true] .opening-zone-label{transform:translate(-50%,-50%)scale(.94)}.opening-zone-card{width:auto;min-height:15.5rem;padding:2rem 2rem 1.7rem;inset:auto 1rem 1rem;transform:none}.opening-zone-card:before{width:2.7rem;height:3.7rem;right:12%}.opening-zone-card h2{margin:.7rem 0 .85rem;font-size:2.1rem}.opening-zone-card p{max-width:27rem;font-size:.92rem;line-height:1.7}.opening-zone-card button{margin-top:1.1rem}.opening-demo-fog .mist-webgl-surface{display:none}.opening-fog-layer{filter:blur(18px)}.opening-explore-cue{display:none}.opening-demo-notice{text-align:center;font-size:.46rem;bottom:.9rem;left:1.2rem;right:1.2rem}.opening-demo-status{top:1rem;left:1rem}.opening-skip{top:1rem;right:1rem}.opening-intro-mark{width:10rem;bottom:1.5rem;left:1.2rem}}@media (prefers-reduced-motion:reduce){.opening-zone-outline,.opening-zone-label,.opening-village-layer-image{transition-duration:.01ms!important}.opening-demo-fog{display:none}.opening-edge-mist{opacity:.18}}
.picturebook-v1-4{isolation:isolate;background:radial-gradient(circle at 76% 8%,#fffaebb8,#0000 28rem),repeating-linear-gradient(95deg,#0000 0 13px,#4c372306 14px,#0000 16px),#d9c9aa;min-height:112svh;margin-top:-1px;padding:clamp(3rem,7vh,5.5rem) clamp(1rem,2.8vw,3rem) clamp(5rem,11vh,9rem);position:relative;overflow:clip}.picturebook-v1-4:before{z-index:-1;content:"";background:linear-gradient(#40503d24,#0000 16rem),linear-gradient(0deg,#573d261f,#0000 12rem);position:absolute;inset:0}.picturebook-v1-4-intro{color:#2e3029b3;letter-spacing:.18em;justify-content:space-between;align-items:baseline;width:min(96rem,96vw);margin:0 auto clamp(1rem,2vw,1.6rem);font-size:.72rem;display:flex}.picturebook-v1-4-intro span{color:var(--cinnabar-dark);font-weight:700}.picturebook-v1-4-intro p{margin:0}.book-page-stage{perspective:2400px;width:min(96rem,96vw);height:min(86svh,58rem);min-height:42rem;transform-style:preserve-3d;filter:drop-shadow(0 34px 36px #46311c38);isolation:isolate;margin:0 auto;position:relative}.book-page-stage:after{z-index:-2;content:"";background:repeating-linear-gradient(0deg,#c9b896 0 2px,#e7dcc5 2px 4px);border:1px solid #4c372333;border-radius:0 0 1.2rem .4rem;height:1.1rem;position:absolute;bottom:-.75rem;left:1.6rem;right:1.2rem;box-shadow:0 20px 28px #46311c33}.book-page-surface{backface-visibility:hidden;isolation:isolate;background:radial-gradient(circle at 20% 12%,#ffffff6b,#0000 24rem),repeating-linear-gradient(92deg,#0000 0 10px,#49331f05 11px,#0000 13px),#eee3ce;border:1px solid #553c2747;border-radius:.35rem 1.15rem 1rem .35rem;position:absolute;inset:0;overflow:hidden;box-shadow:inset 1.2rem 0 1.8rem -1.4rem #38261873,inset 0 0 0 1px #ffffff57}.book-page-surface--current{z-index:2}.book-page-surface--under{z-index:1;pointer-events:none}.book-page-surface--turning{z-index:1}.book-page-spine-shadow{z-index:96;content:"";pointer-events:none;background:linear-gradient(90deg,#3423183d,#ffffff1f 52%,#0000);width:clamp(.55rem,1.2vw,1.15rem);position:absolute;top:0;bottom:0;left:0}.book-page-edge-mist{z-index:95;content:"";pointer-events:none;background:linear-gradient(#0000,#f5eddc1a 48%,#f5eddc75);height:13%;position:absolute;bottom:0;left:0;right:0}.book-page-surface--under .book-page-edge-mist{animation:.72s ease-out .26s both book-page-mist-settle}@keyframes book-page-mist-settle{0%{opacity:.82}to{opacity:.16}}.book-page-turn{z-index:4;transform-style:preserve-3d;transform-origin:0;will-change:transform, filter, opacity;pointer-events:none;position:absolute;inset:0}.book-page-turn--forward{animation:.98s cubic-bezier(.62,0,.28,1) both book-leaf-forward}.book-page-turn--backward{animation:.98s cubic-bezier(.62,0,.28,1) both book-leaf-backward}@keyframes book-leaf-forward{0%{filter:drop-shadow(0 0 #2e1e1300);transform:rotateY(0)}48%{filter:drop-shadow(24px 18px 24px #2e1e1347)}to{filter:drop-shadow(0 0 #2e1e1300);transform:rotateY(-178deg)}}@keyframes book-leaf-backward{0%{filter:drop-shadow(0 0 #2e1e1300);transform:rotateY(-178deg)}52%{filter:drop-shadow(24px 18px 24px #2e1e1347)}to{filter:drop-shadow(0 0 #2e1e1300);transform:rotateY(0)}}.book-page-heading{z-index:32;color:#283029;text-shadow:0 1px #fffbefc7,0 2px 8px #fffbef4d;pointer-events:none;background:0 0;width:min(29rem,34vw);position:relative}.book-page-index{color:#8d3f33;letter-spacing:.24em;margin-bottom:.55rem;font-size:clamp(.62rem,.72vw,.75rem);font-weight:700;display:block}.book-page-title{max-width:8ch;font-family:var(--serif);letter-spacing:.015em;margin:0;font-size:clamp(2.65rem,5.1vw,5.8rem);font-weight:600;line-height:.98}.book-page-caption{color:#283029bf;max-width:25rem;font-family:var(--serif);letter-spacing:.08em;margin:1rem 0 0;font-size:clamp(.78rem,1vw,1rem);line-height:1.7}.v14-panorama-page,.zone-detail-page,.linkage-map-chapter,.book-ending-page{position:absolute;inset:0;overflow:hidden}.v14-panorama-page>.book-page-heading,.zone-detail-page>.book-page-heading,.linkage-map-chapter>.book-page-heading,.book-ending-page>.book-page-heading{position:absolute;top:clamp(2rem,5vh,4.5rem);left:clamp(2rem,5vw,5.6rem)}.v14-panorama-viewport,.zone-detail-overview,.linkage-map-visual,.book-ending-page>figure{margin:0;position:absolute;inset:0;overflow:hidden}.v14-panorama-viewport:after,.zone-detail-overview:after,.linkage-map-visual:after,.book-ending-page>figure:after{content:"";pointer-events:none;background:linear-gradient(90deg,#f6efdf61,#0000 31%),linear-gradient(#0000 76%,#eee3ce47);position:absolute;inset:0}.v14-panorama-viewport img{object-fit:cover;width:100%;height:100%;transform:translate(var(--v14-panorama-x), var(--v14-panorama-y)) scale(var(--v14-panorama-scale));transform-origin:var(--v14-panorama-origin-x) var(--v14-panorama-origin-y);transition:transform var(--v14-panorama-duration) cubic-bezier(.22, 1, .36, 1);will-change:transform}.v14-panorama-marker-layer{z-index:36;transition:opacity .26s,transform .26s;position:absolute;inset:0}.v14-panorama-marker{z-index:1;color:#fff8e9;text-align:left;background:#404937e0;border:1px solid #fff5ddb3;border-radius:42% 54% 46% 49%/15% 22% 18% 24%;gap:.1rem;min-width:clamp(5.5rem,7vw,7.5rem);padding:.5rem .68rem .56rem;transition:background-color .22s,box-shadow .22s,transform .22s;display:grid;position:absolute;transform:translate(-50%,-50%)rotate(-.8deg);box-shadow:0 10px 20px #36231833}.v14-panorama-marker:nth-child(2n){transform:translate(-50%,-50%)rotate(.8deg)}.v14-panorama-marker:hover,.v14-panorama-marker:focus-visible{background:#844333f0;transform:translate(-50%,-53%)rotate(0)scale(1.04);box-shadow:0 14px 26px #36231847}.v14-panorama-marker:active{transform:translate(-50%,-49%)scale(.98)}.v14-panorama-marker span{color:#e7bd79;letter-spacing:.18em;font-size:.68rem;font-weight:700}.v14-panorama-marker strong{font-family:var(--serif);white-space:nowrap;font-size:clamp(.72rem,.8vw,.88rem)}.v14-panorama-page[data-zoomed=true] .v14-panorama-marker-layer{opacity:0;pointer-events:none;transform:scale(.96)}.v14-panorama-focus-note{z-index:58;color:#f6ecd9;clip-path:polygon(1% 2%,98% 0,100% 9%,99% 96%,94% 100%,2% 98%,0 88%,1% 8%);background:radial-gradient(circle at 16% 12%,#e2bf7f24,#0000 12rem),#2b3529ed;border:1px solid #f0dab257;width:min(24rem,32vw);padding:1rem 1.15rem 1.1rem;animation:.36s cubic-bezier(.22,1,.36,1) both panorama-note-in;position:absolute;bottom:clamp(5rem,10vh,7.2rem);right:clamp(1.5rem,3.4vw,3.6rem);box-shadow:0 16px 32px #2d1f143d}.v14-panorama-focus-note span{color:#e2b66f;letter-spacing:.18em;font-size:.65rem;font-weight:700;display:block}.v14-panorama-focus-note strong{font-family:var(--serif);margin-top:.25rem;font-size:clamp(1.35rem,2vw,2rem);display:block}.v14-panorama-focus-note p{color:#f6ecd9c7;font-family:var(--serif);margin:.55rem 0 0;font-size:clamp(.7rem,.8vw,.82rem);line-height:1.7}@keyframes panorama-note-in{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:translateY(0)}}.book-page-controls{z-index:74;justify-content:space-between;align-items:center;gap:.8rem;display:flex;position:absolute;bottom:clamp(1.2rem,3vh,2.4rem);left:clamp(1.25rem,3vw,3rem);right:clamp(1.25rem,3vw,3rem)}.book-page-controls button,.book-page-controls>span,.zone-element-detail-actions button{color:#3f4138;letter-spacing:.09em;background:linear-gradient(#fcf8eee6,#e8dcc5e6);border:1px solid #4f3b274d;border-radius:.2rem .6rem .18rem .5rem;min-height:2.8rem;padding:.7rem 1rem;font-size:.72rem;box-shadow:0 7px 14px #45301e21,inset 0 1px #ffffffb8}.book-page-controls>span{margin-left:auto}.book-page-controls button:hover,.book-page-controls button:focus-visible,.zone-element-detail-actions button:hover,.zone-element-detail-actions button:focus-visible{color:#fff8e9;background:#8d493b;transform:translateY(-1px)}.zone-detail-overview img,.linkage-map-visual>img,.book-ending-page>figure img{object-fit:cover;width:100%;height:100%}.zone-element-marker-layer{z-index:38;position:absolute;inset:0}.zone-element-marker{color:#fff7e5;text-align:left;background:#4b4c36e3;border:1px solid #fff4dbad;border-radius:50% 48% 48% 44%/16% 18% 22% 20%;gap:.1rem;min-width:clamp(5.7rem,7.5vw,8rem);padding:.55rem .7rem;display:grid;position:absolute;transform:translate(-50%,-50%)rotate(-1deg);box-shadow:0 7px 18px #30231838}.zone-element-marker:nth-child(2){transform:translate(-50%,-50%)rotate(1deg)}.zone-element-marker span{color:#e4ba76;letter-spacing:.14em;font-size:.65rem;font-weight:700}.zone-element-marker strong{font-family:var(--serif);font-size:clamp(.72rem,.8vw,.9rem)}.zone-element-detail{z-index:88;color:#f7edda;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-origin:var(--element-origin-x) var(--element-origin-y);background:radial-gradient(circle at 26% 18%,#bda07029,#0000 26rem),#272f26f0;grid-template-columns:minmax(0,2.25fr) minmax(17rem,.75fr);gap:clamp(1rem,2vw,2rem);padding:clamp(1rem,2.2vw,2.2rem);animation:.48s cubic-bezier(.22,1,.36,1) both zone-element-open;display:grid;position:absolute;inset:0}.zone-element-detail[data-closing=true]{animation:.28s cubic-bezier(.55,0,1,.45) both zone-element-close}@keyframes zone-element-open{0%{opacity:0;transform:scale(.18)}to{opacity:1;transform:scale(1)}}@keyframes zone-element-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.18)}}.zone-element-detail-visual{clip-path:polygon(1% 0,98% 1%,100% 5%,99% 96%,96% 100%,2% 99%,0 94%,1% 5%);background:#d8c6a6;border:.72rem solid #dfcfb1;border-radius:.35rem .9rem .3rem .75rem;min-width:0;margin:0;position:relative;overflow:hidden;box-shadow:0 22px 42px #10151061}.zone-element-detail-visual img{object-fit:cover;object-position:var(--element-image-position,center);width:100%;height:100%;transform:scale(var(--element-image-scale,1));transition:object-position .38s,transform .48s cubic-bezier(.22,1,.36,1)}.zone-element-detail-copy{flex-direction:column;justify-content:center;min-width:0;padding:1rem .5rem 4.5rem 0;display:flex}.zone-element-detail-copy .book-page-heading{color:#f7edda;width:100%;text-shadow:none}.zone-element-detail-copy .book-page-index{color:#e1b66f}.zone-element-detail-copy .book-page-title{font-size:clamp(2.4rem,4.4vw,5rem)}.zone-element-detail-copy .book-page-caption,.zone-element-detail-copy>p{color:#f7eddac7}.zone-element-detail-copy>p{font-family:var(--serif);margin:1.4rem 0 0;font-size:clamp(.8rem,.9vw,.95rem);line-height:1.8}.zone-element-detail-copy small{color:#e2c087b8;letter-spacing:.08em;margin-top:1rem;font-size:.62rem}.zone-element-detail-actions{justify-content:flex-end;gap:.6rem;display:flex;position:absolute;bottom:clamp(1rem,2vw,2rem);left:clamp(1rem,2vw,2rem);right:clamp(1rem,2vw,2rem)}.linkage-map-visual>img{object-position:center}.linkage-relationship-labels{z-index:28;position:absolute;inset:0}.linkage-relationship-labels span,.linkage-relationship-labels button{color:#3c4439;white-space:nowrap;font-family:var(--serif);background:#f4ebd8db;border:1px solid #4d3b2847;border-radius:.12rem .4rem .15rem .34rem;padding:.35rem .48rem;font-size:clamp(.58rem,.7vw,.75rem);position:absolute;transform:translate(-50%,-50%)rotate(-.6deg);box-shadow:0 4px 9px #402e1c1f}.linkage-relationship-labels button{text-align:left;cursor:pointer;gap:.1rem;min-width:clamp(5.8rem,8vw,8.7rem);padding:.48rem .62rem;transition:color .18s,background-color .18s,box-shadow .18s,transform .18s;display:grid}.linkage-relationship-labels button small{color:#995245;letter-spacing:.12em;font-family:system-ui,sans-serif;font-size:.52rem;font-weight:700}.linkage-relationship-labels button strong{font-family:var(--serif);white-space:nowrap;font-size:clamp(.58rem,.7vw,.75rem);font-weight:600}.linkage-relationship-labels button:hover,.linkage-relationship-labels button:focus-visible{color:#fff8e9;background:#4c533cf0;transform:translate(-50%,-54%)rotate(0)scale(1.03);box-shadow:0 9px 18px #402e1c33}.linkage-relationship-labels button:hover small,.linkage-relationship-labels button:focus-visible small{color:#e8bd77}.linkage-relationship-labels span:nth-child(2n),.linkage-relationship-labels button:nth-child(2n):not(:hover):not(:focus-visible){transform:translate(-50%,-50%)rotate(.7deg)}.linkage-element-detail{z-index:92}.linkage-boundary-note{z-index:32;color:#30322ba8;width:min(25rem,34vw);font-family:var(--serif);text-align:right;margin:0;font-size:clamp(.6rem,.72vw,.74rem);line-height:1.65;position:absolute;bottom:clamp(5.2rem,10vh,7rem);right:clamp(1.8rem,4vw,4rem)}.book-ending-page>figure img{filter:saturate(.88)contrast(.96)}.book-ending-page>.book-page-heading{top:15%}.picturebook-v1-4-review-status{color:#4539288c;letter-spacing:.08em;text-align:right;width:min(96rem,96vw);margin:1.6rem auto 0;font-family:SFMono-Regular,Consolas,monospace;font-size:.58rem}.mist-hero-copy{width:min(28rem,30vw);top:clamp(4.5rem,10vh,8.5rem);bottom:auto}.mist-hero-copy .book-page-heading{background:0 0;width:100%}.mist-hero-copy .book-page-title{max-width:4ch;font-size:clamp(4.2rem,8vw,8.8rem)}.mist-hero-copy .book-page-caption{max-width:20rem}@media (max-width:819px){.picturebook-v1-4{min-height:100svh;padding:4rem .75rem 5rem}.picturebook-v1-4-intro,.picturebook-v1-4-review-status{width:calc(100vw - 1.5rem)}.picturebook-v1-4-intro p{text-align:right;max-width:16rem}.book-page-stage{width:calc(100vw - 1.5rem);height:min(82svh,48rem);min-height:38rem}.book-page-stage:after{left:.8rem;right:.6rem}.book-page-surface{border-radius:.2rem .7rem .65rem .2rem}.v14-panorama-page>.book-page-heading,.zone-detail-page>.book-page-heading,.linkage-map-chapter>.book-page-heading,.book-ending-page>.book-page-heading{width:min(18rem,100vw - 5rem);top:1.8rem;left:1.5rem}.book-page-title{font-size:clamp(2.7rem,13.5vw,4.6rem)}.book-page-caption{max-width:17rem;font-size:.75rem}.v14-panorama-viewport img,.zone-detail-overview img,.linkage-map-visual>img,.book-ending-page>figure img{object-position:62% center}.v14-panorama-marker-layer,.zone-element-marker-layer{scrollbar-width:none;gap:.45rem;padding:.2rem .1rem .35rem;display:flex;inset:auto .85rem 4.35rem;overflow-x:auto}.v14-panorama-marker-layer::-webkit-scrollbar{display:none}.zone-element-marker-layer::-webkit-scrollbar{display:none}.v14-panorama-marker,.zone-element-marker{flex:none;min-width:max-content;position:relative;top:auto!important;left:auto!important;transform:none!important}.v14-panorama-marker:hover,.v14-panorama-marker:focus-visible,.v14-panorama-marker:active{transform:translateY(-1px)!important}.v14-panorama-focus-note{width:auto;padding:.78rem .9rem .85rem;bottom:4.7rem;left:1rem;right:1rem}.v14-panorama-focus-note strong{font-size:1.35rem}.v14-panorama-focus-note p{max-width:34rem;font-size:.66rem;line-height:1.55}.book-page-controls{bottom:.85rem;left:.85rem;right:.85rem}.book-page-controls button,.book-page-controls>span{min-height:2.55rem;padding:.58rem .7rem;font-size:.62rem}.zone-element-marker{padding:.42rem .52rem}.zone-element-detail{grid-template-rows:minmax(0,1.65fr) minmax(12rem,.75fr);grid-template-columns:1fr;gap:.6rem;padding:.75rem}.zone-element-detail-visual{border-width:.45rem}.zone-element-detail-copy{justify-content:flex-start;padding:.3rem .5rem 3.6rem}.zone-element-detail-copy .book-page-title{font-size:clamp(2rem,10vw,3.6rem)}.zone-element-detail-copy .book-page-caption{margin-top:.55rem;font-size:.66rem;line-height:1.55}.zone-element-detail-copy>p,.zone-element-detail-copy small{display:none}.zone-element-detail-actions{gap:.35rem;bottom:.75rem;left:.75rem;right:.75rem}.zone-element-detail-actions button{min-height:2.4rem;padding:.5rem .58rem;font-size:.58rem}.linkage-relationship-labels span,.linkage-relationship-labels button strong{font-size:.54rem}.linkage-relationship-labels button{min-width:4.8rem;padding:.36rem .44rem}.linkage-relationship-labels button small{font-size:.42rem}.linkage-boundary-note{width:min(19rem,72vw);font-size:.55rem;bottom:4.7rem;right:1.2rem}.mist-hero-copy{top:max(4.8rem, env(safe-area-inset-top));width:auto;left:1.25rem;right:1.25rem}.mist-hero-copy .book-page-heading{width:min(20rem,82vw)}.mist-hero-copy .book-page-title{font-size:clamp(4rem,19vw,6rem)}}@media (prefers-reduced-motion:reduce){.book-page-turn--forward,.book-page-turn--backward{animation:.18s ease-out both book-leaf-reduced}.v14-panorama-viewport img{transition:opacity .18s;transform:none}.v14-panorama-marker,.v14-panorama-marker-layer,.v14-panorama-focus-note{transition:none;animation:none}.zone-element-detail{animation:.14s ease-out both zone-element-reduced;transform:none}.zone-element-detail[data-closing=true]{animation:.14s ease-out both zone-element-reduced-close;transform:none}@keyframes book-leaf-reduced{0%{opacity:1;filter:sepia(0);transform:none}to{opacity:0;filter:sepia(.18);transform:none}}@keyframes zone-element-reduced{0%{opacity:0}to{opacity:1}}@keyframes zone-element-reduced-close{0%{opacity:1}to{opacity:0}}}