@charset "UTF-8";
:root{--ink:#123f49;--paper:#f7f3e9;--blue:#a9d8de;--yellow:#f3bf43;--line:#d8d8cc;--coral:#e77552;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b34324;outline-offset:5px}button{touch-action:manipulation}button:disabled{cursor:default}img{max-width:100%;display:block}button[hidden],div[hidden]{display:none!important}.site-header,main,footer{max-width:1392px;margin:auto;padding-left:48px;padding-right:48px}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:112px;border-bottom:1px solid var(--line);gap:24px}.wordmark{font-size:.88rem;line-height:1.3;letter-spacing:.13em;font-weight:800;position:relative;padding-right:42px}.wordmark-dot{position:absolute;right:0;top:-2px;color:var(--coral);font-size:2.6rem;line-height:1}nav{display:flex;gap:30px;font-size:.9rem}nav a:hover{text-decoration:underline;text-underline-offset:6px}.room-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:38px 0 28px}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:700;margin:0 0 14px;line-height:1.5}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;margin:0}h1{font-size:clamp(2.5rem,4.5vw,4.4rem);line-height:1.03}h1 em{font-weight:400}h2{font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.12}.intro{font-size:1rem;line-height:1.7;margin:0 0 3px;max-width:330px}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:36px}.playroom{height:540px;position:relative;overflow:hidden;border-radius:28px;background:var(--blue);isolation:isolate}.playroom:after{content:"";position:absolute;bottom:0;left:0;right:0;height:105px;background:#97c8ce;border-top:1px solid #7bb4bc;z-index:-1}.room-label{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.15em}.speech{position:absolute;top:69px;left:50%;transform:translateX(-50%) rotate(-2deg);padding:16px 24px;border-radius:4px;background:var(--paper);box-shadow:3px 4px 0 #83b9c066;max-width:90%;width:max-content;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:1.12rem;z-index:3}.character{width:360px;height:360px;position:absolute;left:calc(50% - 180px);bottom:41px;transform:translate(var(--walk-x,0px),var(--drag-y,0px));transform-origin:center bottom;touch-action:none;user-select:none;cursor:grab}.character>img{width:100%;height:100%;object-fit:contain;user-select:none;animation:breathe 4s ease-in-out infinite}.character.reacting>img{animation:pop .42s ease-out}.hotspot{position:absolute;background:transparent;border:0;border-radius:40%;z-index:4}.hotspot span{display:none;position:absolute;white-space:nowrap;top:0;left:50%;transform:translate(-50%,-90%);background:var(--ink);color:white;font-size:.875rem;padding:8px 12px;border-radius:20px}.hotspot:hover{outline:2px dashed #ffffffb3;outline-offset:-4px}.hotspot:hover span,.hotspot:focus-visible span{display:block}.cloud{left:17%;top:4%;width:70%;height:43%}.pocket{left:53%;top:53%;width:28%;height:26%}.shoes{left:27%;top:80%;width:53%;height:20%}.walker{position:absolute;width:192px;height:208px;left:84px;bottom:0;background-image:url('assets/spritesheet.webp');background-repeat:no-repeat;background-size:1536px 2288px;transform:scale(1.7);transform-origin:center bottom}.floor-label{position:absolute;bottom:22px;left:24px;font-size:.75rem;letter-spacing:.025em;color:#285e67}.tidy{position:absolute;bottom:14px;right:17px;border:1px solid #538b95;background:#c8e5e8;border-radius:20px;padding:8px 14px;font-size:.875rem;z-index:6}.play-notes{padding:12px 0}.note-heading{display:flex;align-items:center;justify-content:space-between}.note-heading .eyebrow{max-width:180px;margin:0}.hand-arrow{font-family:Georgia,serif;font-size:3rem}.play-action{background:none;border:0;border-bottom:1px solid var(--line);width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:27px 0;transition:transform .2s}.play-action:hover{transform:translateX(-5px)}.action-number{align-self:flex-start;padding-top:3px;font-size:.75rem;color:#626e67}.play-action strong{display:block;font-size:1.125rem;line-height:1.35;font-weight:600}.play-action small{display:block;font-size:.875rem;line-height:1.5;margin-top:5px;color:#576b6c}.action-sign{margin-left:auto;font-size:1.8rem;font-weight:400;color:#ab5537}.mood-note{margin:28px 0 0;padding:22px;background:#f1deac;transform:rotate(2deg);box-shadow:2px 3px 0 #d4c19644}.mood-note p:nth-child(2){font-family:Georgia,serif;font-size:1.5rem;margin:0 0 14px}.mood-note .eyebrow{font-size:.75rem}.handwritten{font-family:Georgia,serif;font-style:italic;font-size:1rem}.treasure{position:absolute;bottom:51px;font-size:2.2rem;line-height:1;background:none;border:0;padding:7px;z-index:5;filter:drop-shadow(2px 3px 1px #396c6a33);animation:drop .75s cubic-bezier(.34,1.5,.64,1) both;transform:rotate(var(--tilt));}.treasure:hover{scale:1.15}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px}#stickers,#stories{padding-top:86px;scroll-margin-top:24px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 22px;border:1px solid var(--ink);border-radius:30px;font-size:.875rem;white-space:nowrap}.primary{background:var(--ink);color:var(--paper)}.pill:hover{background:#245e68;color:white}.sticker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sticker-card{padding:20px 22px 19px;background:#e7e8dc;display:block;border-radius:6px;transition:transform .2s,box-shadow .2s}.sticker-card:nth-child(3n+2){background:#eddfc5}.sticker-card:nth-child(3n){background:#d6e8e7}.sticker-card:nth-child(4){background:#e7dbcf}.sticker-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #133e490d}.sticker-no{font-size:.75rem;letter-spacing:.12em}.sticker-card img{width:100%;aspect-ratio:1;object-fit:contain;max-height:265px;transition:transform .2s}.sticker-card:hover img{transform:rotate(-3deg)}.sticker-caption{display:flex;justify-content:space-between;gap:10px;font-size:1rem;line-height:1.5}.sticker-caption>span{font-size:1.3rem}.download-note{font-size:.875rem;line-height:1.6;color:#596d6f;margin:18px 0 0}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.story-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;text-align:left}.story-image{display:block;background:#e8dfcc;padding:8px;transition:transform .2s}.story-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.story-card:nth-child(2) .story-image{background:#d4e4e2}.story-card:hover .story-image{transform:translateY(-4px)}.story-caption{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:0}.story-caption small{display:block;font-size:.75rem;letter-spacing:.09em;line-height:1.5}.story-caption strong{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.08;letter-spacing:-.03em}.story-summary{font-size:.875rem;line-height:1.6;color:#596d6f;max-width:195px}.read-link{display:inline-flex;align-items:center;gap:18px;margin-top:4px;padding:10px 0;border-bottom:1px solid var(--ink);font-size:.875rem;line-height:1.4}.story-card:hover .read-link{color:#9d442d;border-color:currentColor}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:35px;padding-bottom:35px;border-top:1px solid var(--line);margin-top:70px;font-size:.875rem}footer>span:first-child{font-size:.75rem;letter-spacing:.12em}footer>span:nth-child(2){font-family:Georgia,serif;font-style:italic}dialog{border:0;border-radius:12px;background:var(--paper);padding:20px;max-width:940px;width:calc(100% - 28px);max-height:94dvh;color:var(--ink)}dialog::backdrop{background:#0a293bd9;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dialog-header h2{font-size:1.5rem;letter-spacing:-.02em}.dialog-header button{border:1px solid var(--line);background:var(--paper);padding:10px 15px;border-radius:20px;white-space:nowrap}dialog img{width:100%;height:auto}dialog .pill{margin-top:15px}body.modal-open{overflow:hidden}@keyframes breathe{50%{transform:translateY(-4px) rotate(.5deg)}}@keyframes pop{50%{transform:translateY(-12px) rotate(-3deg)}}@keyframes drop{0%{opacity:0;translate:0 -150px;rotate:-40deg}100%{opacity:1;translate:0 0;rotate:0deg}}
@media(min-width:1450px){.playroom{height:575px}.character{width:400px;height:400px;left:calc(50% - 200px)}.walker{left:104px;transform:scale(1.9)}}
@media(max-width:1050px){.site-header,main,footer{padding-left:28px;padding-right:28px}.room-layout{grid-template-columns:minmax(0,1fr) 260px;gap:25px}.intro{max-width:260px}.play-action{gap:9px}.sticker-card{padding:18px 16px}.story-grid{grid-template-columns:1fr}.story-card{grid-template-columns:220px minmax(0,1fr);gap:30px}.story-caption strong{font-size:2rem}.story-summary{max-width:none}}
@media(max-width:760px){.site-header,main,footer{padding-left:20px;padding-right:20px}.site-header{min-height:88px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;row-gap:16px}nav{flex-wrap:wrap;margin-left:auto}.pill{white-space:normal;max-width:100%}.wordmark{font-size:.75rem;padding-right:30px}.wordmark-dot{font-size:2rem}nav{gap:15px;font-size:.875rem}.room-heading{padding:27px 0 23px;display:block}.room-heading .eyebrow{margin-bottom:12px}.intro{max-width:none;margin-top:16px;font-size:.95rem}.room-layout{display:flex;flex-direction:column;gap:15px}.playroom{height:480px;border-radius:20px}.room-label{top:20px;left:20px;right:20px;font-size:.75rem}.speech{top:56px;font-size:1rem;padding:13px 17px;white-space:normal;max-width:88%;min-width:230px}.character{width:330px;height:330px;left:calc(50% - 165px);bottom:44px}.walker{left:69px;transform:scale(1.55)}.play-notes{display:grid;grid-template-columns:1fr;gap:0;padding:0}.note-heading{display:none}.play-action{padding:17px 2px}.play-action strong{font-size:1rem}.play-action small{font-size:.875rem}.action-sign{font-size:1.6rem}.mood-note{margin:23px 0 0;transform:rotate(-1deg);padding:17px 20px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4px 12px}.mood-note .eyebrow{margin:0}.mood-note p:nth-child(2){margin:0;font-size:1.2rem;text-align:right}.mood-note .handwritten{grid-column:1/-1;font-size:.875rem;margin-top:7px}#stickers,#stories{padding-top:57px}.section-heading{display:block;margin-bottom:22px}.section-heading .pill{margin-top:22px}.section-heading>.handwritten{display:block;margin-top:14px}.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sticker-card{padding:16px 12px}.sticker-no{font-size:.75rem;letter-spacing:.08em}.sticker-caption{font-size:.875rem;align-items:center}.sticker-card img{margin:5px 0}.story-grid{grid-template-columns:1fr;gap:18px}.story-card{grid-template-columns:minmax(110px,.85fr) minmax(0,1fr);gap:20px;padding:22px 0}.story-image{padding:5px}.story-caption{gap:10px}.story-caption strong{font-size:1.65rem}.story-summary{font-size:.875rem}.read-link{gap:12px;padding:7px 0}.story-caption small{letter-spacing:.04em}footer{flex-wrap:wrap;margin-top:38px;font-size:.875rem;gap:20px}footer>span:nth-child(2){display:none}.floor-label{font-size:.75rem;max-width:185px;bottom:20px;line-height:1.5}.treasure{font-size:1.8rem}}
@media(max-width:380px){nav{gap:10px;font-size:.8rem}.site-header,main,footer{padding-left:14px;padding-right:14px}.character{width:300px;height:300px;left:calc(50% - 150px)}.walker{left:54px;transform:scale(1.4)}.playroom{height:450px}.sticker-grid{gap:9px}.sticker-caption{font-size:.82rem}.story-card{gap:15px}.story-caption strong{font-size:1.45rem}.story-caption small{font-size:.75rem}.story-summary{font-size:.875rem}.read-link{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Pointer dragging shares horizontal position with the walking animation. */
.character .hotspot{cursor:grab;touch-action:none}.character:focus-visible{outline:2px dashed var(--ink);outline-offset:4px;border-radius:28px}.character.dragging,.character.dragging .hotspot{cursor:grabbing}.character.dragging>img{animation:none;transform:rotate(-3deg)}.character.dragging .hotspot span{display:none}.character.dragging .hotspot:hover{outline:none}.character.landing{transition:transform .28s cubic-bezier(.34,1.2,.64,1)}
@media(prefers-reduced-motion:reduce){.character.landing{transition:none}.character.dragging>img{transform:none}}
/* Expressions and collectible design studies. */
#expressions,#collectibles{padding-top:86px;scroll-margin-top:24px}.expression-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.expression-tabs button{display:flex;align-items:center;gap:9px;padding:15px 0;background:none;border:0;border-bottom:3px solid transparent;font-size:1rem}.expression-tabs button[aria-selected=true]{border-bottom-color:var(--ink);font-weight:700}.expression-tabs button span{font-size:.75rem;border-radius:14px;padding:3px 7px;background:#e6e5d8;font-weight:400}.head-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.head-card{min-width:0;padding:17px 18px;background:#e1edeb;border:0;border-radius:8px;transition:transform .2s}.head-card:nth-child(4n+2){background:#eee1ca}.head-card:nth-child(4n+3){background:#e7e4d9}.head-card:nth-child(4n){background:#edddd5}.head-card:hover{transform:translateY(-4px)}.head-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.head-card>span{display:flex;align-items:baseline;gap:8px;text-align:left;font-size:.875rem;line-height:1.5;margin-top:9px}.head-card small{font-size:.75rem;opacity:.7}.head-card b{margin-left:auto;font-weight:400}.concept-label{font-size:.75rem;line-height:1.6;letter-spacing:.07em;max-width:230px}.figurine-study{display:grid;grid-template-columns:1.1fr 1fr;background:#e8e5da;border-radius:12px;overflow:hidden;margin-bottom:36px}.figurine-art{position:relative;background:#ede8de;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;min-width:0}.figurine-art>img{width:100%;max-width:100%;height:440px;object-fit:contain;mix-blend-mode:multiply}.view-switch{display:flex;gap:4px;justify-content:center;margin-top:18px;background:var(--paper);padding:5px;border-radius:30px}.view-switch button{background:transparent;border:0;padding:10px 20px;font-size:.875rem;border-radius:24px}.view-switch button[aria-pressed=true]{background:var(--ink);color:white}.figurine-copy{padding:48px 46px;align-self:center}.figurine-copy h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.05;letter-spacing:-.04em;margin:0 0 22px}.figurine-copy>p:not(.eyebrow){font-size:1rem;line-height:1.7;max-width:410px}.figurine-copy dl{margin:25px 0}.figurine-copy dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #cbd0c5;padding:11px 0;font-size:.875rem;line-height:1.5}.figurine-copy dt{color:#596d6f}.figurine-copy dd{margin:0;text-align:right;max-width:60%}.figurine-copy .concept-note,.concept-note{font-size:.875rem!important;line-height:1.6;color:#596d6f}.text-link{display:inline-block;font-size:.875rem;margin-top:8px;border-bottom:1px solid var(--ink);padding:6px 0}.merch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.merch-card{text-align:left;padding:0;background:none;border:0;min-width:0}.merch-card>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#ece5d9;border-radius:6px;transition:transform .2s}.merch-card:hover>img{transform:translateY(-4px)}.merch-kind{display:block;font-size:.75rem;letter-spacing:.07em;margin:20px 0 10px}.merch-card>strong{font-family:Georgia,serif;font-weight:400;font-size:1.4rem;line-height:1.2;display:block}.merch-detail{display:flex;justify-content:space-between;gap:14px;font-size:.875rem;line-height:1.5;margin-top:12px;color:#596d6f}.character-file{margin-top:46px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.character-file summary{display:flex;gap:24px;align-items:center;cursor:pointer;list-style:none;font-size:1.125rem;line-height:1.5}.character-file summary::-webkit-details-marker{display:none}.character-file summary .eyebrow{margin:0}.file-sign{margin-left:auto;font-size:1.6rem}.character-file[open] .file-sign{transform:rotate(45deg)}.file-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:30px 0 8px}.file-content h3{font-family:Georgia,serif;font-size:1.8rem;font-weight:400;margin:0 0 15px}.file-content p,.file-content dd{font-size:1rem;line-height:1.7}.file-content dl{margin:0}.file-content dl>div+div{margin-top:20px}.file-content dt{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.file-content dd{margin:0}#asset-dialog{max-width:650px}#asset-dialog .asset-preview{background:#e5e6dc;border-radius:6px;padding:18px}#asset-dialog .asset-preview img{width:100%;height:auto;max-height:55dvh;object-fit:contain}#asset-description{font-size:1rem;line-height:1.6}.asset-preview:has(img[src*="expressions"]){background:#c8e3e3!important}
@media(max-width:1050px){.figurine-copy{padding:30px}.figurine-art>img{height:380px}.merch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.head-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.head-card{padding:15px}.file-content{gap:35px}}
@media(max-width:760px){#expressions,#collectibles{padding-top:57px}.expression-tabs{gap:20px}.expression-tabs button{font-size:.875rem;gap:6px}.head-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.head-card{padding:12px}.head-card>span{font-size:.875rem;gap:5px}.head-card small{display:none}.concept-label{display:block;margin-top:20px;max-width:none}.figurine-study{grid-template-columns:1fr;margin-bottom:28px}.figurine-art{padding:24px 20px}.figurine-art>img{height:340px}.figurine-copy{padding:28px 24px}.figurine-copy h3{font-size:2.3rem}.figurine-copy dl>div{gap:10px}.merch-grid{gap:28px 16px}.merch-kind{font-size:.75rem;letter-spacing:.035em}.merch-card>strong{font-size:1.25rem}.character-file{margin-top:35px}.character-file summary{flex-wrap:wrap;gap:8px 14px}.character-file summary .eyebrow{flex-basis:100%}.file-content{grid-template-columns:1fr;gap:20px}.file-content h3{font-size:1.6rem}.figurine-copy dd{max-width:55%}}
@media(prefers-reduced-motion:reduce){.head-card,.merch-card>img{transition:none}}