*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#473b2d;--paper:#f5efdf;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", serif}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}img{display:block}h1,h2,p{margin:0}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:5px;outline:3px solid #59633d}.paper-link{white-space:nowrap;background:#faf5e9f2;border:1px solid #78634566;border-radius:2px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:10px 20px;font-size:14px;transition:background .18s,transform .18s;display:inline-flex}.paper-link:hover{background:#fffaf0;transform:translateY(-2px)}.paper-link:active{transform:translateY(1px)}.eyebrow{letter-spacing:.15em;font-size:12px;line-height:1.5}.arrival{position:relative}.arrival-view{background:#ded6bc;height:100svh;min-height:620px;position:relative;overflow:clip}.porch-camera{position:absolute;inset:0;overflow:clip}.estate-artboard{--door-stop:2.4;--door-exit:8.2;width:max(100vw,159.88svh);height:max(100svh,62.55vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.exterior-art{width:100%;height:100%}.porch-artboard{perspective:570px;width:40.9%;height:39%;position:absolute;top:29.4%;left:28.8%}.arrival-art{width:100%;height:100%}.porch-artboard>.arrival-art{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 8% 92%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.door-leaf{transform-origin:0;backface-visibility:hidden;width:32.4%;height:85.8%;position:absolute;top:4.5%;left:33.5%}.door-leaf img{width:100%;height:100%}.door-leaf:after{content:"";opacity:0;pointer-events:none;background:#2c1f11;position:absolute;inset:0}.home-header{isolation:isolate;justify-content:space-between;align-items:flex-start;gap:16px;padding:32px 4vw 72px;display:flex;position:absolute;inset:0 0 auto}.home-header:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#f9f4e8bd,#f9f4e800);position:absolute;inset:0}.home-header h1{font:500 clamp(20px, 2.3vw, 32px)/1.3 var(--serif);letter-spacing:.12em;text-shadow:0 1px 12px #fffaf0}.scroll-cue{padding:54px 20px max(20px, env(safe-area-inset-bottom));font:14px/1.8 var(--serif);letter-spacing:.12em;text-align:center;pointer-events:none;background:linear-gradient(#0000,#f5efdfed 64%);justify-items:center;gap:10px;display:grid;position:absolute;inset:auto 0 0}.scroll-touch{display:none}@media (prefers-reduced-motion:no-preference){.scroll-arrow{animation:1.4s ease-in-out 3 scroll-invitation}@keyframes scroll-invitation{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}}.library{background:#ddc49d;height:100svh;min-height:620px;position:relative;overflow:clip}.library-scene{--room-start:.86;--room-step:.99;--room-pass:1.035;background:#ddc49d;width:max(100vw,159.88svh);height:max(100svh,62.55vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.12)}.library-art{width:100%;height:100%}.book-display{width:11%;position:absolute;top:57.2%;left:52%;transform:translate(-50%,-100%)}.story-book{transform-origin:50% 100%;border-radius:2px 4px 4px 2px;width:100%;transition:transform .28s cubic-bezier(.2,.7,.3,1);display:block;position:relative;transform:perspective(1200px)rotateY(-8deg)rotate(-2deg);box-shadow:7px 2px 0 -1px #e8d9b9,10px 3px 0 -1px #665137,16px 12px 20px #3c27164d}.story-book:hover,.story-book:focus-visible{transform:perspective(1200px)translateY(-10px)rotateY(0)scale(1.025)}.story-book:active{transform:translateY(-3px)}.book-cover{border-radius:inherit;background:var(--paper);display:block;position:relative;overflow:hidden}.book-cover img{width:100%;height:auto}.book-cover:before{content:"";z-index:1;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#fff5dba6,#0000);width:60%;position:absolute;inset:0 auto 0 0;transform:translate(-170%)skew(-14deg)}.book-cover:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 5px 0 7px #3c271640,inset 8px 0 1px #fff7e240}.book-ribbon{color:#fff9e8;writing-mode:vertical-rl;font:10px/1.2 var(--serif);letter-spacing:.1em;clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%);transform-origin:top;background:#59634c;padding:8px 5px 12px;position:absolute;top:16%;right:-14px}@media (prefers-reduced-motion:no-preference){.story-book.is-inviting .book-cover:before{animation:4.6s ease-in-out book-invitation}.story-book.is-inviting .book-ribbon{animation:4.6s ease-in-out ribbon-invitation}.story-book:is(:hover,:focus-visible) .book-cover:before{animation:.85s ease-in-out book-glance}@keyframes book-invitation{0%,7%,30%,61%{opacity:0;transform:translate(-170%)skew(-14deg)}12%,68%{opacity:.8}29%,87%,to{opacity:0;transform:translate(310%)skew(-14deg)}}@keyframes ribbon-invitation{0%,10%,40%,62%,94%,to{transform:none}20%,75%{transform:translateY(-3px)rotate(5deg)}30%,84%{transform:rotate(-3deg)}}@keyframes book-glance{0%{opacity:0;transform:translate(-170%)skew(-14deg)}35%{opacity:.8}to{opacity:0;transform:translate(310%)skew(-14deg)}}}.reader{isolation:isolate;min-height:100svh;padding:16px;display:flex;position:relative}.reader-room{z-index:-1;pointer-events:none;position:fixed;inset:0}.reader-room:after{content:"";background:#251c1466;position:absolute;inset:0}.reader-header{justify-content:center;align-items:center;min-height:40px;padding-bottom:12px;display:flex}.reader-header h1{font:500 clamp(20px, 4.5cqw, 28px) var(--serif);letter-spacing:.16em}.chapter-number{text-align:center;font:12px var(--serif);color:#817462;padding-top:12px;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.book-dialog{width:100%;max-width:none;height:100svh;max-height:none;color:var(--ink);overscroll-behavior:contain;background:0 0;border:0;margin:0;padding:16px;position:fixed;inset:0}.book-dialog[open]{display:flex}.book-dialog::backdrop{background:#251c1466}.book-reader-sheet,.reader>.book-reading{width:min(100%,max(300px,66.6667svh - 80px),640px);margin:auto}.book-reading{width:100%;container-type:inline-size}.book-toolbar,.book-pagination{color:#fff8e9;text-shadow:0 1px 4px #23170a;min-height:44px;font:13px/1.5 var(--serif);justify-content:space-between;align-items:center;gap:16px;display:flex}.book-toolbar{margin-bottom:6px}.book-toolbar>span{letter-spacing:.14em;opacity:.8}.book-toolbar a,.book-pagination a{align-items:center;gap:10px;min-height:44px;padding:8px 0;display:inline-flex}.book-toolbar a:hover,.book-pagination a:hover{text-underline-offset:5px;text-decoration:underline}.book-toolbar a:focus-visible,.book-pagination a:focus-visible{outline-color:#fff8e9}.book-pagination{margin-top:6px}.book-pages{aspect-ratio:2/3;transform-origin:0 0;perspective:1800px;touch-action:pan-y pinch-zoom;background:#f7f1e5;border-radius:2px 5px 5px 2px;width:100%;position:relative;box-shadow:2px 1px #b6a58a,4px 3px #e4d8c0,5px 4px #ab9778,0 18px 50px #21160c55}.story-page{border-radius:inherit;background:linear-gradient(90deg,#dcd0b9,#f7f1e5 10px,#fdf8ef 22px,#f7f1e5 40px);width:100%;height:100%;padding:5%}.story-page[hidden]{display:none}.page-contents{height:100%}.dedication-letter{font:clamp(16px, 3.7cqw, 21px)/1.9 var(--serif);flex-direction:column;justify-content:center;gap:clamp(14px,3.5cqw,22px);padding:7%;display:flex}.dedication-letter h1{font:500 clamp(21px, 5.1cqw, 29px)/1.5 var(--serif);margin-bottom:12px}.dedication-signature{align-self:flex-end;margin-top:18px;font-size:1.1em}.comic-page-contents{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.book-cover-leaf{z-index:3;visibility:hidden;pointer-events:none;transform-origin:0;transform-style:preserve-3d;border-radius:inherit;position:absolute;inset:0}.book-cover-leaf img,.book-cover-inside{backface-visibility:hidden;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.book-cover-leaf img{object-fit:contain;box-shadow:inset 5px 0 12px #35241144}.book-cover-inside{background:linear-gradient(90deg,#ede2ce,#faf4e7 90%,#d6c6a9);transform:rotateY(180deg);box-shadow:3px 4px 16px #24190d40}body:has(.book-dialog[open]){overflow:hidden}.book-display:has(.book-dialog[open])>.story-book{opacity:0}#comic{place-items:center;min-height:0;scroll-margin-top:60px;display:grid;container-type:size}.comic-panels{width:min(100cqw, calc(100cqh * var(--comic-ratio)));aspect-ratio:var(--comic-ratio);background:#fffef8;margin:0;padding:0;list-style:none;position:relative}.comic-panel{position:absolute;overflow:hidden}.comic-panel-link{cursor:zoom-in;width:100%;height:100%;display:block}.comic-panel-link:focus-visible{outline-offset:-4px}@media (hover:hover){.comic-panel-link:hover{filter:brightness(1.07)}}.comic-panel img,.zoom-panel img{max-width:none;position:absolute}.panel-zoom{width:min(calc(100vw - 24px), calc((100svh - 100px) * var(--panel-ratio)), 1100px);background:var(--paper);max-width:none;max-height:calc(100svh - 24px);color:var(--ink);touch-action:auto;border:0;border-radius:3px;padding:0;box-shadow:0 24px 80px #1d130d99}.panel-zoom::backdrop{background:#21170f88}.panel-zoom-content{padding:8px}.panel-zoom-header{z-index:1;min-height:44px;font:14px var(--serif);background:var(--paper);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.panel-zoom-header .paper-link{background:0 0;border:0}.zoom-panel{background:#fffef8;width:100%;position:relative;overflow:hidden}.comic-error{border:1px solid #b6a382;align-content:center;justify-items:center;gap:22px;min-height:250px;display:grid}.skip-link{z-index:3;background:var(--paper);padding:14px;position:fixed;top:8px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}@media (prefers-reduced-motion:no-preference) and (min-height:620px){@supports (animation-timeline:scroll(root block)){.arrival{height:190svh}.arrival-view{z-index:2;pointer-events:none;background:0 0;min-height:0;position:fixed;inset:0}.exterior-art{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,42.5015% 31.155%,55.7531% 31.155%,55.7531% 64.617%,42.5015% 64.617%,42.5015% 31.155%)}.porch-artboard>.arrival-art{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,33.5% 4.5%,65.9% 4.5%,65.9% 90.3%,33.5% 90.3%,33.5% 4.5%)}.estate-artboard{transform-origin:49.1273% 47.886%;animation:linear both walk-through;animation-timeline:scroll(root)}.door-leaf{animation:cubic-bezier(.32,0,.2,1) both open-door;animation-timeline:scroll(root)}.door-leaf:after{animation:linear both door-shade;animation-timeline:scroll(root)}.home-header h1,.home-header:before{animation:linear both title-away;animation-timeline:scroll(root)}.home-header{animation:linear both entrance-copy;animation-timeline:scroll(root)}.scroll-cue{animation:linear both hint-away;animation-timeline:scroll(root)}.storybook-home .library{background:0 0;min-height:0;overflow:visible}.storybook-home .library-scene{z-index:1;transform-origin:50%;animation:linear both approach-shelf;animation-timeline:scroll(root);position:fixed}.porch-camera{animation:linear both camera-away;animation-timeline:scroll(root)}.book-display{animation:linear both reveal-book;animation-timeline:scroll(root)}@keyframes open-door{0%,30%{transform:rotateY(0)}49%,to{transform:rotateY(88deg)}}@keyframes door-shade{0%,30%{opacity:0}49%,to{opacity:.25}}@keyframes walk-through{0%,2%{animation-timing-function:cubic-bezier(.4,0,.3,1);transform:translate(-50%,-50%)scale(1)}30%,50%{transform:translate(-49.1273%, -47.886%) scale(var(--door-stop));animation-timing-function:ease-in}60%{transform:translate(-49.1273%, -47.886%) scale(calc(var(--door-stop) * .94 + var(--door-exit) * .06))}70%{transform:translate(-49.1273%, -47.886%) scale(calc(var(--door-stop) * .78 + var(--door-exit) * .22))}78%{transform:translate(-49.1273%, -47.886%) scale(calc(var(--door-stop) * .52 + var(--door-exit) * .48))}86%,to{transform:translate(-49.1273%, -47.886%) scale(var(--door-exit))}}@keyframes approach-shelf{0%,50%{transform:translate(-50%, -50%) scale(var(--room-start))}60%{transform:translate(-50%, -50%) scale(var(--room-step))}66%{transform:translate(-50%, -50%) scale(var(--room-pass))}78%{transform:translate(-50%,-50%)scale(1.06)}96%,to{transform:translate(-50%,-50%)scale(1.12)}}@keyframes camera-away{0%,86%{visibility:visible}87%,to{visibility:hidden}}@keyframes title-away{0%,18%{opacity:1}32%,to{opacity:0}}@keyframes entrance-copy{0%,80%{opacity:1;visibility:visible}87%,to{opacity:0;visibility:hidden}}@keyframes hint-away{0%,78%{opacity:1}88%,to{opacity:0;visibility:hidden}}@keyframes reveal-book{0%,28%{opacity:0;visibility:hidden}30%,to{opacity:1;visibility:visible}}}}@media (max-width:600px){.estate-artboard{--door-stop:1.6;--door-exit:3.4}.library-scene{--room-start:.7;--room-step:.76;--room-pass:.85}.arrival-view{min-height:520px}.arrival-art{object-position:55% center}.home-header{padding:22px 18px}.home-header h1{letter-spacing:.05em;font-size:21px}.paper-link{gap:8px;padding:10px 13px;font-size:13px}.library{min-height:660px}.reader,.book-dialog{padding:max(12px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom))}}@media (max-width:600px),(pointer:coarse){.scroll-desktop{display:none}.scroll-touch{display:inline}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.story-book:hover,.story-book:focus-visible,.paper-link:hover{transform:none}}.world{background:radial-gradient(at 50% 44%,#f4f2ec,#e3e4de 75%);width:100%;height:100svh;position:relative}.world canvas{touch-action:none;display:block}.world canvas:focus-visible{outline-offset:-6px;outline:2px solid #777d68}.house-poster{z-index:1;position:absolute;inset:0}.house-poster img{object-fit:cover;width:100%;height:100%;display:block}