/* A little living town, with readable space around the existing words. */
.town-opening{display:none;position:fixed;inset:0;z-index:1100;background:#d6e1bc;overflow:hidden;place-items:center;color:#304e40}
.town-opening.is-playing{display:grid}.town-intro-active{overflow:hidden}
.opening-town-video{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff9ed}.has-movie .opening-town-video{display:block}.has-movie .opening-town-scene,.has-movie .opening-town-title,.has-movie .opening-bird{display:none}.movie-preview{width:100%;aspect-ratio:16/9;background:#fff9ed;border:2px solid #9dad80;box-shadow:7px 7px 0 #d4dfbd}.movie-notes{padding:24px 0;font-size:14px}.movie-storyboard{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.movie-storyboard img{width:100%}.movie-storyboard figure{margin:0;padding:8px;background:#fff9ed;border:1px solid #a4b282}.movie-storyboard figcaption{font-size:12px;padding:10px 0}@media(max-width:700px){.movie-storyboard{grid-template-columns:1fr}.opening-town-video{object-fit:contain}}
.opening-town-scene{position:absolute;inset:0;background:#bfd39d url('pixel-town.webp') center/cover no-repeat;animation:town-film 5.4s ease-in-out both}
.opening-town-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#fff9edc7,#fff9ed08 65%)}
.opening-town-title{position:relative;z-index:2;text-align:center;padding:28px 38px;background:#fff9edeb;border:2px solid #92a578;box-shadow:8px 8px 0 #647b4650;animation:title-film 5.4s both}
.opening-town-title img{width:150px;height:auto;margin:0 auto 15px}.opening-town-title p{font:11px monospace;letter-spacing:.18em;margin:0 0 12px}.opening-town-title b{font-size:clamp(20px,3vw,35px);line-height:1.8}.opening-film-path{height:4px;background:#dce5c2;margin-top:20px;overflow:hidden}.opening-film-path::after{content:"";display:block;height:100%;background:#ce8260;animation:film-progress 5.4s linear both}
.opening-town-skip{position:absolute;z-index:3;right:24px;bottom:24px;border:2px solid #526e42;padding:10px 20px;background:#fff9ed;cursor:pointer;box-shadow:4px 4px 0 #a1b383;font-size:13px}
.opening-bird{position:absolute;z-index:1;top:19%;left:-50px;width:35px;height:20px;animation:bird-cross 5.4s linear both}.opening-bird::before,.opening-bird::after{content:"";position:absolute;width:18px;height:5px;background:#fff9ed;top:7px;transform:rotate(25deg);box-shadow:0 3px 0 #738a58}.opening-bird::after{left:17px;transform:rotate(-25deg)}
@keyframes town-film{0%{transform:scale(1.18) translateY(3%);filter:brightness(.8)}65%{filter:brightness(1)}100%{transform:scale(1) translateY(0)}}
@keyframes title-film{0%,12%{opacity:0;transform:translateY(25px)}28%,85%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}}
@keyframes film-progress{from{width:0}to{width:100%}}@keyframes bird-cross{to{left:110%;top:14%}}
.hero-copy{position:relative;z-index:2;background:#fff9eddc;box-shadow:9px 9px 0 #638b6550;border:2px solid #96a678}.hero-copy::before{content:"WELCOME TO OUR LITTLE TOWN";display:block;font:9px monospace;letter-spacing:.12em;color:#7c915f;margin-bottom:12px}.hero-copy::after{content:"";position:absolute;width:12px;height:12px;right:-7px;top:20px;background:#ebbd75;box-shadow:0 0 0 4px #fff9ed}
.town-tools{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}.town-tools button{border:0;border-bottom:1px dashed #8e9c6e;background:none;font-size:11px;padding:4px 0;cursor:pointer}.map-intro{overflow:hidden}.town-fireflies{position:absolute;inset:0;pointer-events:none;z-index:1}.town-fireflies i{position:absolute;width:7px;height:7px;background:#fff4b9;border:1px solid #c9b35f;left:70%;top:40%;animation:firefly-float 4s ease-in-out infinite}.town-fireflies i:nth-child(2){left:87%;top:57%;animation-delay:-1.4s}.town-fireflies i:nth-child(3){left:53%;top:73%;animation-delay:-2.8s}.town-fireflies i:nth-child(4){left:27%;top:85%;animation-delay:-.7s}@keyframes firefly-float{50%{transform:translate(8px,-22px);opacity:.3}}
.town-cat{position:absolute;z-index:3;bottom:38px;right:12%;padding:10px 14px;background:#fff9ed;border:2px solid #8a9b6d;cursor:pointer;box-shadow:5px 5px 0 #607d4050;transform-origin:center bottom;animation:cat-nod 4s steps(2,end) infinite;font-size:12px}.town-cat b{font-size:22px;margin-right:7px}.town-cat-note{position:absolute;bottom:110px;right:8%;z-index:3;max-width:260px;padding:14px 18px;background:#fff9ed;border:2px solid #8a9b6d;font-size:12px;box-shadow:5px 5px 0 #a9bd87}.town-cat-note[hidden]{display:none}@keyframes cat-nod{90%{transform:rotate(0)}95%{transform:rotate(-4deg)}100%{transform:rotate(0)}}
.pixel-notices{margin-top:-32px;position:relative;z-index:4;padding:0 12px;gap:24px}.pixel-notice{position:relative;min-height:180px;padding:28px;background:#f5d9c0;border:3px solid #956848;box-shadow:7px 7px 0 #d6b481;transition:transform .2s}.pixel-notice.new-place{background:#fff0c8;border-color:#8e843d}.pixel-notice:hover{transform:translateY(-5px)}.pixel-notice small{color:#684b35;font-weight:700}.pixel-notice strong{font-size:24px;line-height:1.6}.pixel-notice b{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#fff9ed;border:2px solid #977b53}.pixel-notice::before{content:"";position:absolute;left:26px;top:-9px;width:60px;height:16px;background:#dae2b5;border:1px solid #9aab77;transform:rotate(-4deg)}
.journey-dock{position:fixed;right:20px;bottom:20px;z-index:95;display:flex;gap:8px;padding:8px;background:#fff9edee;border:2px solid #7e9464;box-shadow:5px 5px 0 #aabb8b}.journey-dock a{padding:10px 13px;background:#f7e5b3;font-size:12px;font-weight:700}.journey-dock a:last-child{background:#ecd0bd}.journey-dock a:hover{background:#fff9ed}
.journey-passport{display:flex;justify-content:center;gap:15px;align-items:center;margin:24px auto 0;font-size:12px;color:#647748}.journey-passport::before{content:"✦";color:#c18454;font-size:22px}.map-spot.has-visited::after{content:"✓";position:absolute;right:8px;top:6px;color:#47794d;font-weight:bold}.map-spot:hover .spot-art,.map-spot:focus-visible .spot-art{animation:sprite-hop .4s steps(2,end)}@keyframes sprite-hop{50%{transform:translateY(-7px)}}
/* Keep the WHOLE separator image inside its box: no cover or vertical crop. */
.section::before{height:82px;background-size:auto 82px;background-position:center center;background-repeat:repeat-x}.section{padding-top:128px;overflow:visible}.pixel-vignette{display:block;width:84px;height:84px;max-width:100%;background:url('pixel-chapters.webp') no-repeat;background-size:400% 200%;image-rendering:pixelated;margin:0 0 13px}.motif-tree{background-position:0 0}.motif-people{background-position:33.333% 0}.motif-palette{background-position:66.667% 0}.motif-house{background-position:100% 0}.motif-flower{background-position:0 100%}.motif-ball{background-position:33.333% 100%}.motif-letter{background-position:66.667% 100%}.motif-sprout{background-position:100% 100%}.chapter-tab{position:absolute;right:max(24px,calc((100vw - 1220px)/2));top:93px;font:11px monospace;letter-spacing:.1em;background:#e3e8cb;padding:3px 12px;color:#75875b;border-left:3px solid #a7b58c;transform:rotate(3deg)}
.section h2{position:relative}.reason-card{background:#fffdf3}.reason-card:nth-child(2n){background:#edf0dc;transform:rotate(.5deg)}.reason-card:nth-child(2n+1){transform:rotate(-.5deg)}.reason-card>span{background:#efdfb6;border:1px solid #b4a372;padding:4px 12px}.photo-journey figure{padding:10px 10px 0;background:#fffdf3;border:2px solid #a3b28b;box-shadow:6px 6px 0 #d5dfbc;transform:rotate(-1deg)}.photo-journey figure:nth-child(2){transform:rotate(1deg)}.photo-journey figcaption{background:#fffdf3}.about,.daily,.guide{background-color:#edf1df}.about::after,.daily::after{content:"";position:absolute;right:20px;bottom:25px;width:42px;height:8px;background:#becba2;box-shadow:-9px -8px 0 #d6dfbd,9px 8px 0 #becba2;pointer-events:none}.instagram-card{background:#fff7e6}.contact{position:relative;background:#d8e6c3 url('pixel-divider.webp') center bottom/auto 110px repeat-x;padding-bottom:135px}.new-page-footer,.footer{padding-bottom:95px}
.news-section{background:#f4ebd4}.news-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.news-heading h2{margin-bottom:0}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.news-card{display:block;position:relative;padding:12px 12px 22px;border:2px solid #a2ae7b;background:#fffdf4;box-shadow:6px 6px 0 #d9d5ac;transition:transform .2s}.news-card:hover{transform:translateY(-5px) rotate(-.5deg)}.news-card img{width:100%;aspect-ratio:3/2;object-fit:cover}.news-card .news-art{height:150px;display:grid;place-items:center;background:#e7ecd6}.news-card .pixel-vignette{margin:0;width:100px;height:100px}.news-card small{display:inline-block;margin:18px 8px 10px;background:#efe0b2;padding:2px 9px;font:10px monospace;letter-spacing:.08em}.news-card h3{font-size:17px;margin:0 8px 12px;line-height:1.7}.news-card p{font-size:12px;margin:0 8px}.news-card .news-date{font-size:11px;color:#71815e;display:block;margin:14px 8px 0}.news-card .news-arrow{display:block;text-align:right;margin:15px 10px 0;color:#71815e}.news-lead{font-size:14px}.news-section .pixel-vignette{margin-bottom:12px}.news-card .news-art .pixel-vignette{margin:0}
.experience-ready .arrived{animation:card-arrive .65s ease both}@keyframes card-arrive{from{opacity:.35;translate:0 18px}to{opacity:1;translate:0 0}}.pixel-vignette:hover{animation:sprite-hop .5s steps(2,end)}
.staff-line-bridge,.kato-line-bridge{height:auto!important;max-height:none!important;padding:25px 0!important}.staff-line-bridge img,.kato-line-bridge img{height:auto!important;object-fit:contain!important;transform:none!important;width:min(900px,90%)!important;margin:auto!important}.pixel-illustration{overflow:visible}.pixel-illustration img{height:auto;object-fit:contain;aspect-ratio:auto}.map-stage{overflow:visible}
@media(max-width:700px){.opening-town-scene{background-image:url('pixel-town-mobile.webp')}.opening-town-title{padding:22px;width:calc(100% - 48px)}.opening-town-title img{width:125px}.opening-town-title b{font-size:23px}.opening-town-skip{right:20px;bottom:20px}.town-tools{gap:14px}.pixel-notices{margin:0 20px 28px;padding:0;gap:23px}.pixel-notice{min-height:155px;padding:23px 20px}.pixel-notice strong{font-size:21px}.town-cat{right:7%;bottom:24px}.town-cat-note{right:7%;bottom:88px}.journey-dock{right:10px;bottom:10px;gap:6px;padding:6px}.journey-dock a{font-size:11px;padding:9px 12px}.section::before{height:65px;background-size:auto 65px}.section{padding-top:112px}.pixel-vignette{width:65px;height:65px}.chapter-tab{top:77px;right:20px}.news-heading{align-items:start;flex-direction:column;gap:15px}.news-grid{grid-template-columns:1fr;gap:23px}.news-card img{aspect-ratio:16/9}.news-card .news-art{height:130px}.news-card h3{font-size:18px}.reason-card{transform:none!important}.photo-journey figure{margin-bottom:12px}.map-intro{min-height:820px}.contact{padding-bottom:135px}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;scroll-behavior:auto!important;transition:none!important}.motion-paused .town-opening{display:none}.motion-paused .arrived{animation:none!important}
.experience-ready .section::before{display:none}.town-divider{position:absolute;top:0;left:0;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));pointer-events:none}.town-divider i{display:block;aspect-ratio:3;background:url('pixel-divider.webp') center/contain no-repeat;image-rendering:pixelated}@media(max-width:700px){.town-divider{grid-template-columns:1fr}.town-divider i:nth-child(n+2){display:none}}
@media(prefers-reduced-motion:reduce){.town-opening{display:none!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.section::before{height:120px;background-size:auto 120px}.section{padding-top:160px}.chapter-tab{top:130px}@media(max-width:700px){.section::before{height:90px;background-size:auto 90px}.section{padding-top:130px}.chapter-tab{top:100px}}