body.home{background:var(--night)}.world{position:relative;height:550svh}html:not(.js) .world,.world.is-static{height:100svh}.world-stage{--vw: 100vw;--u: 1svh;--k: 1;--step: 0px;position:sticky;top:0;height:100svh;overflow:hidden;background:#f6d5b8;isolation:isolate}.layer{position:absolute;left:0;bottom:0;height:100%;width:calc(var(--vw) + var(--step) * 3 * var(--f, 0));pointer-events:none;will-change:transform;--layer-step: calc(var(--step) * var(--f, 0))}.layer.sky{inset:0;width:100%;height:100%;will-change:auto}.sky-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sky-plate.dusk,.sky-plate.night{opacity:0}.prop{position:absolute;bottom:calc(var(--u) * var(--y, 0));left:calc(var(--layer-step) * var(--c, 0) + var(--vw) * var(--a, 0) + var(--u) * var(--k) * var(--b, 0));height:calc(var(--u) * var(--k) * var(--h));width:auto;transform:translate(-50%) scaleX(var(--flip, 1));transform-origin:50% 100%;user-select:none;-webkit-user-drag:none}.layer img{display:block}.cloud{animation:drift 26s ease-in-out infinite alternate;animation-delay:var(--d, 0s);opacity:.96}.cloud.slow{animation-duration:38s}@keyframes drift{0%{translate:-34px 0}to{translate:34px 0}}.hills .tiles{position:absolute;left:0;bottom:calc(var(--u) * 13);height:calc(var(--u) * 38);display:flex}.hills .tiles img{height:100%;width:auto;flex:none}.hills .tiles img:nth-child(2n),.ground img:nth-child(2n){transform:scaleX(-1)}.mid .prop{filter:saturate(.85) brightness(1.06);opacity:.92}.main .ground{position:absolute;left:0;bottom:0;height:calc(var(--u) * 24);display:flex;z-index:5}.main .ground img{height:100%;width:auto;flex:none}.glow{filter:drop-shadow(0 0 calc(var(--u) * 3) #ffe9a855)}.pet{z-index:6;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;display:block}.pet img{height:100%;width:auto;animation:bob 3.4s ease-in-out infinite;animation-delay:var(--d, 0s);transform-origin:50% 100%}.pet:hover img{animation-duration:1.2s}.pet.hop img{animation:hop .55s ease-out}@keyframes bob{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-2.5%) scaleY(1.02)}}@keyframes hop{0%{transform:translateY(0)}35%{transform:translateY(-14%) rotate(-3deg)}70%{transform:translateY(0) rotate(2deg)}to{transform:translateY(0)}}.windmill{pointer-events:none}.windmill>img{height:100%;width:auto}.windmill .blades{position:absolute;left:50%;top:13.5%;height:62%;width:auto;transform:translate(-50%,-50%)}.pond{position:absolute;z-index:6;bottom:calc(var(--u) * var(--y, 0));left:calc(var(--layer-step) * var(--c, 0) + var(--vw) * var(--a, 0));height:calc(var(--u) * var(--k) * var(--h));transform:translate(-50%)}.pond-water{height:100%;width:auto}.pond-boat,.pond-fish,.pond-lily{position:absolute;height:auto}.pond-boat{left:50%;bottom:38%;width:52%;translate:-50% 0;animation:rock 4.2s ease-in-out infinite;transform-origin:50% 90%}.pond-lily{right:3%;bottom:20%;width:24%}.pond-fish{bottom:35%;width:15%;opacity:0}.pond-fish.f1{left:12%;animation:leap 6.5s ease-in-out infinite}.pond-fish.f2{left:72%;animation:leap 8s ease-in-out infinite 3s}@keyframes rock{0%,to{transform:rotate(-2.4deg) translateY(0)}50%{transform:rotate(2.4deg) translateY(2%)}}@keyframes leap{0%,78%,to{opacity:0;transform:translateY(20%) rotate(20deg)}82%{opacity:1;transform:translateY(-70%) rotate(-10deg)}90%{opacity:1;transform:translateY(-120%) rotate(-40deg)}96%{opacity:0;transform:translateY(0) rotate(-70deg)}}.reeds{z-index:7}.tone{position:absolute;inset:0;z-index:8;background:#fff;mix-blend-mode:multiply;pointer-events:none}.stage-fade{position:absolute;left:0;right:0;bottom:0;z-index:9;height:calc(var(--u) * 8);background:linear-gradient(transparent,var(--night));opacity:0;pointer-events:none}.world.is-static .chapter-nav,html:not(.js) .chapter-nav,html:not(.js) .scroll-hint{display:none}.motes{position:absolute;inset:0;z-index:9;width:100%;height:100%;pointer-events:none}.chapters{position:absolute;inset:0;z-index:10;pointer-events:none}.chapter{position:absolute;left:7%;top:clamp(120px,21svh,230px);width:min(580px,44vw);opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease,visibility .55s;color:var(--ink)}.chapter.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.chapter h1,.chapter h2{font-size:clamp(40px,min(5.4vw,10svh),82px);font-weight:700;line-height:1.15;letter-spacing:-1px}.chapter-text{margin-top:22px;font-size:clamp(15px,1.2vw,18px);line-height:1.9;opacity:.82}.chapter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px;margin-top:30px}.chapter[data-ink=light]{color:#fff4e2;text-shadow:0 2px 14px #1b0f2a66}.chapter[data-ink=light] .eyebrow{color:#ffc7a4}.chapter[data-ink=light] .text-link{color:#ffd8bd}.chapter[data-ink=light] .button{text-shadow:none}.chapter-nav{position:absolute;z-index:11;left:50%;bottom:20px;transform:translate(-50%);display:flex;gap:4px;padding:5px;border-radius:30px;background:#fff6e6e6;box-shadow:0 3px #00000026}.chapter-nav button{border:0;background:none;color:#6f6478;padding:8px 16px;border-radius:22px;font-size:13px;cursor:pointer;transition:background .25s,color .25s}.chapter-nav button:hover{color:var(--accent-deep)}.chapter-nav button.is-active{background:var(--accent);color:#fff}.scroll-hint{position:absolute;z-index:11;left:7%;bottom:30px;margin:0;color:#fff1dc;font-size:12px;letter-spacing:1px;text-shadow:0 1px 8px #00000066;opacity:0;transition:opacity .4s;pointer-events:none}.scroll-hint i{display:inline-block;font-style:normal;margin-right:8px;animation:nudge 1.6s ease-in-out infinite}.world-stage[data-chapter="0"] .scroll-hint{opacity:1}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.say{position:absolute;z-index:12;transform:translate(-50%,-100%);padding:6px 14px;border-radius:16px;background:#fffaf0;color:var(--ink);font-size:15px;font-weight:600;box-shadow:0 3px #0002;pointer-events:none;animation:say 1.1s ease-out forwards;white-space:nowrap}@keyframes say{0%{opacity:0;margin-top:6px}15%{opacity:1}to{opacity:0;margin-top:-46px}}body.home .header{position:fixed;top:14px;left:50%;right:auto;transform:translate(-50%);width:min(1180px,calc(100% - 28px));height:60px;padding:0 10px 0 6px;border-radius:40px;background:#fff6e6e6;backdrop-filter:blur(8px);box-shadow:0 3px #00000026}body.home .brand{padding-left:4px}body.home .brand img{width:40px;height:40px}body.home .contact-link{background:var(--accent);border-color:var(--accent);color:#fff;padding:9px 18px}body.home .contact-link:hover{background:#c74a2f}.product,.business,.arcade,.contact-section{color:#f7e8d2}.product{background:var(--night)}.product-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;padding-top:110px;padding-bottom:110px}.product .eyebrow,.business .eyebrow,.arcade .eyebrow,.contact-section .eyebrow{color:#ffb48f}.product h2{font-size:clamp(56px,7vw,104px);font-weight:700;letter-spacing:4px;line-height:1.1}.product-lead{font-size:22px;margin:18px 0 20px;color:#ffe2c4}.product-copy p:not(.eyebrow):not(.product-lead){color:#cdb7a0;font-size:16px;max-width:480px}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0;list-style:none}.tag-list li{padding:8px 16px;border-radius:22px;background:#ffffff14;border:1px solid #ffffff26;font-size:13px;color:#ffe2c4}.product-stage{position:relative;aspect-ratio:5/4;border-radius:28px;overflow:hidden;background:#241a3a url(/media/world/sky-night.webp) center/cover;box-shadow:0 8px #00000040}.product-stage img{position:absolute;display:block;height:auto}.p-cloud{width:34%;left:8%;top:8%;opacity:.9;animation:drift 24s ease-in-out infinite alternate}.p-tree{width:30%;right:4%;bottom:20%}.p-sheep{width:34%;left:10%;bottom:14%;z-index:2;animation:bob 3.4s ease-in-out infinite}.p-fox{width:30%;left:44%;bottom:13%;z-index:2;animation:bob 3s ease-in-out infinite -1s}.p-ground{width:100%;left:0;bottom:-2%;z-index:3;filter:brightness(.62) saturate(.8)}.business{background:#2b1c18}.arcade{background:var(--night)}.contact-section{background:#241612;text-align:center;padding-top:135px;padding-bottom:120px}.business .service-row,.business .service-row:last-child{border-color:#ffffff1f}.business .service-row h3{color:#fff1dc}.business .service-row div>span{color:#a99280}.business .service-row p,.section-heading>p:last-child{color:#c9b29a}.business .round-arrow{border-color:#7a5a48;color:#ffb48f}.business .service-row:hover .round-arrow{color:#fff;border-color:var(--accent)}.arcade .section-heading h2,.business .section-heading h2{color:#fff1dc}.arcade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:60px}.arcade-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:32px;border-radius:22px;background:#ffffff0f;border:1px solid #ffffff1f;transition:transform .25s,background .25s}.arcade-card:hover{transform:translateY(-3px);background:#ffffff18}.arcade-card h3{font-size:30px;font-weight:700;color:#fff1dc}.arcade-card p{color:#c9b29a;font-size:15px}.arcade-card .round-arrow{position:absolute;right:26px;top:26px;border-color:#7a5a48;color:#ffb48f}.arcade .game-status{background:#ffb48f26;color:#ffb48f}.contact-section h2{font-size:clamp(35px,3.5vw,56px);font-weight:700;line-height:1.4;color:#fff1dc}.contact-phone{display:inline-block;font-size:clamp(25px,3vw,42px);color:#ffb48f;margin:36px 0 22px;letter-spacing:1px}.contact-phone span{font-size:.65em;margin-left:22px}.contact-section>p:last-child{color:#a99280;font-size:13px}body.home .footer{background:#1b110e;color:#e9d7c0}body.home .footer-brand span,body.home .footer-contact span,body.home .footer-top p,body.home .footer-links,body.home .footer-bottom{color:#a99280}body.home .footer-bottom{border-color:#ffffff1a}body.home .footer-mark b{color:#fff1dc}body.home .footer a:hover{color:#ffb48f}@media(max-width:950px){.product-inner{grid-template-columns:1fr;gap:40px}.chapter{width:min(520px,54vw)}}@media(max-width:700px){.chapter{left:6%;right:6%;width:auto;top:96px}.chapter h1,.chapter h2{font-size:clamp(34px,9.6vw,46px);letter-spacing:-.5px}.chapter-text{font-size:14px;margin-top:14px;line-height:1.8}.chapter-actions{margin-top:20px;gap:12px 20px}.chapter .button{padding:11px 18px;font-size:13px;gap:16px}.chapter-nav{bottom:14px}.chapter-nav button{padding:7px 13px}.scroll-hint{display:none}body.home .header{height:54px;top:10px}body.home .brand img{width:34px;height:34px}body.home .brand span{font-size:17px}body.home .header nav{display:none}body.home .contact-link{display:inline-flex;padding:8px 14px;margin-left:auto}.arcade-grid{grid-template-columns:1fr;margin-top:40px}.product h2{letter-spacing:2px}.contact-section{padding-top:80px;padding-bottom:75px}.contact-section h2{font-size:32px}.contact-phone{font-size:27px}.contact-phone span{margin-left:12px}}@media(max-height:620px)and (min-width:701px){.chapter{top:92px}.chapter h1,.chapter h2{font-size:38px}.chapter-text{margin-top:12px;font-size:13px;line-height:1.7}.chapter-actions{margin-top:16px}}@media(prefers-reduced-motion:reduce){.world{height:100svh}.chapter{transition:none}}
