@font-face{font-family:KokechanHand;src:url('/fonts/patrick-hand-latin.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:KokechanJapanese;src:url('assets/Yomogi-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--hand:KokechanHand,KokechanJapanese,'Hiragino Maru Gothic ProN',cursive}
:root{--paper:#f5f2e9;--ink:#102f3b;--berry:#a84a3e;--line:#cad0c7;--sea:#0e5b62;--pink:#eedecf;--yellow:#e8bb70;background:var(--paper)}body{background:var(--paper)}[hidden]{display:none!important}#site{max-width:1440px;box-shadow:none}h1,h2,h3{font-family:var(--hand)}header{border-top:0;border-image:none;border-bottom:1px solid var(--line);padding:20px 5%;gap:28px}.product-brand{margin-right:auto}.muse-word{font-size:33px;line-height:1;letter-spacing:.04em}.muse-dot{color:var(--berry)}.brand small{font-size:12px;letter-spacing:.05em;font-family:var(--hand);margin-top:8px}nav{margin:0;font-size:14px;gap:24px}.header-tools{display:flex;align-items:center;gap:18px}.collection-button{display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap;padding:5px;color:var(--sea)}.collection-button small{min-width:12px}#language{font-size:13px;border-left:1px solid var(--line);padding-left:15px}.hero{min-height:570px;grid-template-columns:.86fr 1.14fr;align-items:center;overflow:visible;padding:35px 4% 30px 0}.hero-copy{padding:42px 15px 38px 14%}.hero .hero-copy h1{font-size:clamp(48px,5.5vw,76px);letter-spacing:-.045em;line-height:1.04;margin:24px 0}.hero .eyebrow{font-size:12px;letter-spacing:.12em;color:#576f71}.hero .lead{font-size:17px;line-height:1.75;max-width:390px}.hero-picture{margin:0;display:block;position:relative;background:none;clip-path:none;overflow:visible;min-width:0}.hero-picture>img{width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.welcome-note{font:italic 21px/1.4 var(--hand);color:var(--sea);margin-top:24px!important}.hero .actions{gap:16px}.btn{border-radius:2px;padding:12px 18px;box-shadow:2px 3px #102f3b15;font-size:14px}.btn.dark{background:var(--ink);color:var(--paper)}.btn.quiet{background:transparent;border-color:transparent;border-bottom-color:var(--ink);box-shadow:none;padding-inline:0}.btn:hover{filter:brightness(.97)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--berry);outline-offset:5px}.kokechan-peek{position:absolute;right:8%;bottom:-7%;width:100px;display:flex;flex-direction:column;align-items:center;padding:0;z-index:2;background:none;border:0;transition:transform .2s}.kokechan-peek img{height:140px;width:100px;object-fit:contain;mix-blend-mode:multiply}.kokechan-peek span{font:italic 16px var(--hand);background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:7px 12px;margin-top:-8px}.kokechan-peek:hover{transform:translateY(-4px)}.quiet-purpose{display:grid;grid-template-columns:80px 1fr 50px;gap:24px;align-items:center;padding:28px 7%;margin:18px 0 0;border-block:1px solid var(--line)}.sprig{max-width:75px;max-height:110px;object-fit:contain}.quiet-purpose h2{font-size:25px;line-height:1.25;margin:0 0 8px;letter-spacing:-.015em}.quiet-purpose h2 br{display:none}.quiet-purpose h2 br:after{content:' '}.quiet-purpose p{font-size:14px;margin:0;color:#526669;max-width:720px}.found-object{display:grid;place-items:center;flex-shrink:0;height:44px;width:44px;border:1px solid #8b9a8566;border-radius:50%;font:27px var(--hand);color:var(--sea);background:#eef0e6;box-shadow:1px 2px 0 #102f3b10}.found-object:hover{background:#e3e9dd;border-color:var(--sea);transform:rotate(8deg)}.found-object[data-found=true]{color:#a37925}.section{padding:60px 7%}.section h2{font-size:34px}.section .eyebrow{font-size:12px}.section .section-top{gap:20px}.card{background:transparent;border:0;border-bottom:1px solid var(--line);padding:0 0 22px}.card:nth-child(3n+2){background:transparent}.card .meta{padding:18px 0 0}.card img{background:#eae7d9;border-radius:2px}.card h3{font-size:25px}.neighborhood .meta{display:grid;grid-template-columns:1fr auto;gap:5px 20px}.neighborhood .meta>h3{margin:4px 0}.neighborhood .meta>span:first-child{grid-column:1/-1}.neighborhood .meta>p{grid-column:1/-1;order:3}.neighborhood .meta>span:last-child{align-self:center}.neighborhood .meta p{font-size:15px;margin:5px 0}.neighborhood img{height:250px;object-fit:cover}.discovery-hint{font-size:13px;color:#566c69;margin-top:22px}.gathering-section{background:#ebece2;border-block:1px solid var(--line);position:relative}.gathering-section:after{content:'';position:absolute;width:95px;height:140px;right:4%;bottom:5px;background:url('assets/olive-botanical-sprig.png') center/contain no-repeat;opacity:.35;pointer-events:none}.draft{background:transparent;border:0;border-left:2px solid #b99c66;border-radius:0;padding:8px 15px;margin-bottom:26px;font-size:13px;color:#56635e}.schedule{gap:0}.event{background:transparent;border:0;border-bottom:1px solid #bfc5b8;box-shadow:none;padding:18px 0}.event:last-child{border-bottom:0}.event h3{font-size:23px}.event p{font-size:14px}.event .date{font-size:36px}.event .btn{background:var(--paper)}.why{background:#e8ece2;border-color:var(--line)}.why h2{font-size:28px}.why p{font-size:16px}.discovery-trail{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding:18px 0;margin:25px 0 0}.discovery-trail img{width:44px;height:60px;object-fit:contain;mix-blend-mode:multiply}.discovery-trail p{margin:0;font-size:14px;max-width:450px}.discovery-trail .found-object{margin-left:auto}.discovery-trail .trail-more{font-size:12px;color:#56716b;display:block}.doll-reference{mix-blend-mode:multiply}footer{border-top:1px solid var(--line);background:var(--paper);padding:32px 5%;font-size:14px}.community-credit{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;margin-bottom:24px}.community-mark{display:flex;align-items:center;gap:12px;text-decoration:none}.community-mark img{width:52px;height:52px;object-fit:contain}.community-mark>span{font:24px var(--hand)}.community-mark small{display:block;font:12px/1.5 var(--hand);margin-top:5px;color:#536870}.community-credit p{font-size:13px;max-width:360px;margin:0;color:#536870}.pendle-stamp{font:12px/1.45 var(--hand);text-decoration:none;color:#62694c;border:3px double #919576;padding:8px 12px;transform:rotate(-4deg);background:#e9e7d8}.pendle-stamp b{font-size:15px}.footer-links{display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid var(--line);padding-top:20px}.local-note{display:block;margin-top:24px;color:#60716b;font-size:12px}#story-dialog{width:min(590px,calc(100% - 30px));max-height:85dvh;border:1px solid #abb39e;border-radius:4px;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #071e2b38}#story-dialog::backdrop{background:#071e2b66;backdrop-filter:blur(3px)}.story-head{display:flex;justify-content:space-between;align-items:center;padding:20px 28px 10px}.story-head>span{font-size:12px;letter-spacing:.09em;color:var(--sea)}.story-close{font:26px var(--hand);border:1px solid var(--line);width:44px;min-height:44px;border-radius:50%}.story-inner{padding:12px 38px 32px}.story-inner h2{font-size:34px;line-height:1.13;margin:8px 0 24px}.story-inner p{font-size:16px;line-height:1.75}.story-inner blockquote{font:italic 24px/1.4 var(--hand);color:var(--sea);margin:24px 0;padding-left:20px;border-left:2px solid #aab796}.story-foot{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;margin-top:28px}.story-source{margin-top:20px}.story-source summary{font-size:13px;min-height:44px;align-content:center}.story-source a,.story-source p{font-size:13px}.story-location{font-size:12px!important;color:#526a64}.notebook-grid{display:grid;gap:10px}.notebook-item{border:1px solid var(--line);padding:14px 16px;text-align:left;display:block;background:#f9f7ef;color:var(--ink);font:20px var(--hand);width:100%}.notebook-item small{display:block;font:13px/1.5 var(--hand);margin-top:6px;color:#597069}.notebook-item.unknown{background:none;color:#68786c}.notebook-item:disabled{cursor:default;opacity:1}.notebook-intro{font-size:14px!important;color:#56716a}.return-button{padding:10px 14px;border:1px solid var(--ink);font-size:14px}.new-story-note{font-size:12px;color:var(--sea)}.seal-story{width:150px!important;height:150px!important;object-fit:contain;margin:0 auto 25px}#main>.section>h1{font-size:clamp(36px,5vw,58px)}
@container(max-width:900px){header{flex-wrap:wrap}.header-tools{margin-left:auto}nav{order:3;width:100%;justify-content:space-between}.hero{grid-template-columns:1fr 1fr;min-height:470px}.hero-copy{padding-left:12%}.hero .hero-copy h1{font-size:52px}.hero-picture>img{min-height:350px;object-fit:cover}.quiet-purpose h2 br{display:block}.community-credit{grid-template-columns:1fr auto}.community-credit p{grid-column:1/-1;order:3}.hero .actions{gap:10px}.hero .btn{font-size:13px;padding:10px 14px}}
@container(max-width:700px){header{padding:16px 6%;gap:16px}.header-tools{gap:10px}.muse-word{font-size:27px}.brand small{font-size:11px}.collection-button{font-size:12px}.collection-button small{font-size:11px}nav{font-size:13px;gap:12px}#language{padding-left:10px}.hero{grid-template-columns:1fr;padding:0 0 32px;gap:0}.hero-copy{padding:32px 6% 10px}.hero .hero-copy h1{font-size:49px;margin:20px 0}.hero .lead{max-width:520px;font-size:16px}.hero .hero-copy .eyebrow{font-size:11px}.hero-picture{margin:0 4%;min-height:0}.hero-picture>img{width:100%;min-height:0;height:auto}.kokechan-peek{width:75px;bottom:-8%;right:8%}.kokechan-peek img{width:75px;height:108px}.kokechan-peek span{font-size:14px}.quiet-purpose{grid-template-columns:45px 1fr 36px;padding:25px 6%;gap:14px;margin-top:24px}.quiet-purpose .sprig{width:45px}.quiet-purpose h2{font-size:22px}.quiet-purpose p{font-size:13px}.found-object{height:40px;width:40px;font-size:25px}.section{padding:40px 6%}.section h2{font-size:29px}.section-top{align-items:flex-start;flex-wrap:wrap}.neighborhood img{height:210px}.neighborhood .meta{display:block}.card h3{font-size:24px}.card .meta{padding-top:16px}.event{grid-template-columns:50px 1fr!important;gap:15px!important}.event .btn{grid-column:2;width:max-content;padding:8px 12px}.event h3{font-size:22px}.event .date{font-size:32px}.community-credit{display:flex;flex-wrap:wrap;gap:20px}.community-credit p{width:100%;max-width:none;order:3}.pendle-stamp{margin-left:auto;font-size:10px}.pendle-stamp b{font-size:13px}.community-mark>span{font-size:21px}.community-mark small{font-size:11px}.footer-links{gap:16px;font-size:13px}.story-inner{padding:10px 24px 26px}.story-head{padding:16px 20px 8px}.story-inner h2{font-size:30px}.story-inner p{font-size:15px}.story-inner blockquote{font-size:22px}.story-foot{flex-wrap:wrap}.discovery-trail{gap:12px}.discovery-trail p{font-size:13px}.live-world{height:720px}.section .grid{gap:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Hand lettering carries through the invitation, controls, and little stories. */
:root{font-family:var(--hand);font-size:19px;line-height:1.6}
#site,#site :is(h1,h2,h3,button,a,input,select,textarea,.date,.hand),dialog,dialog :is(h1,h2,h3,button,input,textarea,summary){font-family:var(--hand)}
h1,h2,h3{letter-spacing:-.015em;font-weight:400}
header{gap:25px}.product-brand{transform:rotate(-2deg)}.kokechan-word{font-size:38px;line-height:1;letter-spacing:-.025em}.product-brand small{font-family:var(--hand);font-size:15px;letter-spacing:.12em;margin-top:6px}
nav{font-size:19px;gap:25px}.header-tools{gap:16px}.collection-button,#language{font-size:17px}.collection-button small{font-size:15px}
.hero .hero-copy h1{font-size:clamp(60px,6.8vw,94px);letter-spacing:-.025em;line-height:.98;margin-block:25px}
.hero .lead{font-size:21px;line-height:1.55}.hero .eyebrow,.section .eyebrow{font-size:15px;letter-spacing:.07em}.welcome-note{font-size:25px;font-style:normal}.btn,.btn.small{font-size:18px;line-height:1.25}.hero .btn{font-size:18px}
.kokechan-peek span{font-size:20px;font-style:normal}.quiet-purpose h2{font-size:29px}.quiet-purpose p{font-size:18px}.quiet-purpose h2 br{display:block}.section h2{font-size:40px}.card h3{font-size:30px}.card p,.neighborhood .meta p{font-size:19px}.tag{font-size:14px}.discovery-hint{font-size:17px}.draft{font-size:16px}.event h3{font-size:27px}.event p{font-size:18px}.event .date{font-size:39px}.why p,.lead{font-size:21px}.fine,.caption,.breadcrumbs{font-size:15px}.chapter p,.world-aside p{font-size:17px}.story-inner p{font-size:20px;line-height:1.65}.story-inner h2{font-size:40px}.story-inner blockquote{font-size:29px;font-style:normal}.story-head>span{font-size:14px}.story-location{font-size:16px!important}.story-source summary,.story-source p,.story-source a{font-size:16px}.new-story-note{font-size:15px}.return-button{font-size:18px}.notebook-item{font-size:25px}.notebook-item small{font-size:16px}.notebook-intro{font-size:18px!important}
/* The invitation paintings belong in the pages, as well as in the discoveries. */
.painted-gathering{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center}.painted-gathering .event{grid-template-columns:56px 1fr;gap:12px}.painted-gathering .event .btn{grid-column:2;justify-self:start;padding:8px 14px}
.painting-find{margin:0;position:relative;transform:rotate(1deg)}.painting-find>img{width:100%;height:auto;mix-blend-mode:multiply}.painting-find figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:5px 10px;font-size:20px;color:var(--sea)}.painting-find .found-object{flex-shrink:0}.neighborhood img[src*="watercolor"]{object-fit:contain;background:none;mix-blend-mode:multiply}
.story-painting{width:calc(100% + 24px);margin:0 -12px 22px;mix-blend-mode:multiply}.discovery-trail{position:relative;flex-wrap:wrap;gap:18px}.discovery-trail .trail-painting{width:220px;height:145px;object-fit:contain;mix-blend-mode:multiply}.discovery-trail .trail-kokechan{width:42px;height:65px}.discovery-trail p{font-size:19px;flex:1;min-width:180px}.discovery-trail .trail-more{font-size:15px}
/* A quiet paper imprint credits the parent community. */
footer{display:block;padding-bottom:115px}.community-credit{width:100%;grid-template-columns:auto minmax(0,1fr) auto;gap:35px}.creation-credit{display:block;margin:0}.creation-credit p{font-size:20px;max-width:520px;color:var(--ink)}.creation-credit>span{font-size:16px;color:#5e716b}.sunday-family{font-size:17px;white-space:nowrap}.footer-links{margin-left:0;font-size:17px}.local-note{font-size:14px}
.pendle-stamp.community-mark{display:grid;position:relative;isolation:isolate;border:0;transform:rotate(-6deg);color:#4f5b39;padding:12px 15px;background:none;text-decoration:none;min-width:195px;margin:6px}
.pendle-stamp:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 30% 20%,#f5ead4,#daccaf);clip-path:polygon(1% 5%,20% 1%,45% 3%,74% 0,99% 5%,97% 36%,100% 70%,97% 96%,75% 100%,52% 97%,26% 100%,2% 95%,0 68%,2% 38%);filter:drop-shadow(2px 4px 2px #51412730)}
.pendle-stamp>span{display:block;border:3px double #65704799;padding:4px 13px;font:25px/1.05 var(--hand);text-shadow:.5px .5px #505d3833}.pendle-stamp b{font-size:30px;font-weight:400}.pendle-stamp small{font:14px/1.3 var(--hand);margin:6px 0 0;display:block;color:inherit}.pendle-stamp:hover{transform:rotate(-3deg)}
/* A small companion, with the approved MUSE model inside the conversation. */
.helper-launch{position:fixed;z-index:20;bottom:20px;right:max(22px,calc((100vw - 1390px)/2));display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid #9da58d;border-radius:7px 7px 7px 2px;box-shadow:3px 5px 15px #152a3320;padding:8px 17px 8px 10px;font-size:20px;max-width:calc(100vw - 32px)}
.helper-launch img{width:38px;height:54px;margin-top:-20px;mix-blend-mode:multiply}.helper-star{font-size:25px;color:#91763e}.helper-launch:hover{background:#fdfaf1}#guide{border-color:#a1ad97;border-radius:6px;max-height:90dvh}#guide .dialog-head{position:sticky;top:-28px;background:var(--paper);z-index:2;padding:8px 0}#guide h2{font-size:34px;margin:16px 0 8px}#guide>.fine{font-size:16px}#guide .bubble{font-size:19px}.companion-stage,.seal-stage{max-width:100%;margin:5px auto 18px}.miniature-canvas{width:100%;height:240px;position:relative;background:radial-gradient(ellipse at 50% 90%,#c9cbb133,transparent 60%);border-radius:5px;overflow:hidden}.miniature-canvas canvas{display:block;cursor:grab;touch-action:none;max-width:100%}.miniature-canvas canvas:active{cursor:grabbing}.miniature-fallback{height:100%;width:100%;object-fit:contain}.miniature-hint{font:15px/1.35 var(--hand)!important;text-align:center;color:#5a7268;margin:7px 0!important}.miniature-tools{display:flex;justify-content:center;gap:14px}.miniature-tools button{min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:20px;padding:3px 15px;font-size:18px}.miniature-tools button:disabled{opacity:.4;cursor:wait}.seal-stage .miniature-canvas{height:265px;background:radial-gradient(ellipse at 50% 55%,#e9e0cc,#f7f4eb 68%);box-shadow:inset 0 2px 9px #826d4124;border:8px solid #fdfaf2;outline:1px solid #ded7c6}
/* Slow, small glints; discovered stories settle. */
.found-object{position:relative;isolation:isolate}.found-object:before,.found-object:after{content:'✦';position:absolute;pointer-events:none;color:#9d7a32;font:14px var(--hand);opacity:0;animation:little-glint 5.6s ease-in-out infinite}.found-object:before{top:-9px;left:-6px}.found-object:after{right:-7px;bottom:-5px;font-size:10px;animation-delay:1.4s}.kokechan-peek:after{content:'✧';position:absolute;right:-10px;top:15%;color:#9d7a32;font-size:24px;animation:little-glint 6.5s ease-in-out infinite}.collection-button{position:relative}.found-object[data-found=true]:before,.found-object[data-found=true]:after,.kokechan-peek[data-found=true]:after{animation:none;opacity:.25}.found-object:hover:before,.found-object:focus-visible:before{opacity:1}.found-object:nth-of-type(even):before{animation-delay:2s}
@keyframes little-glint{0%,45%,100%{opacity:0;transform:scale(.5) rotate(-15deg)}60%,70%{opacity:.8;transform:scale(1) rotate(12deg)}85%{opacity:0;transform:scale(.75) rotate(22deg)}}
@container(max-width:1000px){.painted-gathering{grid-template-columns:1fr}.painting-find{width:min(520px,100%);justify-self:center}header{gap:20px}.community-credit{grid-template-columns:auto 1fr}.sunday-family{grid-column:2}.community-credit .creation-credit{grid-column:auto;order:0}.community-credit .creation-credit p{grid-column:auto;order:0}.hero .lead{font-size:20px}}
@container(max-width:700px){header{gap:14px}.kokechan-word{font-size:33px}.product-brand small{font-size:13px}.collection-button,#language{font-size:16px}.header-tools{gap:8px}nav{font-size:18px!important;gap:12px!important}.hero{display:grid}.hero-picture{height:auto}.hero .hero-copy h1{font-size:65px}.hero .lead{font-size:20px}.hero .hero-copy .eyebrow{font-size:13px}.hero .btn{font-size:18px}.welcome-note{font-size:23px}.quiet-purpose h2{font-size:26px}.quiet-purpose p{font-size:17px}.section h2{font-size:34px}.card h3{font-size:28px}.event h3{font-size:25px}.event p{font-size:18px}.painting-find figcaption{font-size:18px}.community-credit{display:grid;grid-template-columns:1fr;gap:18px;justify-items:start}.community-credit .creation-credit{width:100%;order:0}.sunday-family{grid-column:1}.pendle-stamp.community-mark{margin:0 0 7px 6px}.community-credit p{font-size:19px}.footer-links{font-size:16px}.story-inner h2{font-size:34px}.story-inner p{font-size:19px}.story-inner blockquote{font-size:26px}.discovery-trail .trail-painting{width:100%;height:auto;max-height:225px}.discovery-trail p{font-size:18px}.helper-launch{right:16px;bottom:16px;font-size:18px;padding:7px 12px}.miniature-canvas{height:215px}#guide{padding:22px}#guide .dialog-head{top:-22px}.seal-stage .miniature-canvas{height:230px}.notebook-item{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.found-object:before{opacity:.5}}