/* Art-directed scenes: fixed proportions, separate text and illustration regions. */
.sprite-figure{height:auto!important;max-height:none!important;min-height:0!important;aspect-ratio:1/1!important;flex:none;background-size:300% 200%}
.opening{padding:65px 6% 70px;grid-template-columns:1fr 1fr;gap:70px}.opening-copy h1{font-size:clamp(80px,9.6vw,142px);line-height:1;letter-spacing:-.075em}.opening-art{border-radius:0;background:#cab5f5;min-height:0;padding:30px 25px;position:relative;overflow:hidden;border:1px solid #211d28;box-shadow:12px 12px 0 #211d28}.opening-art:before,.opening-art:after{content:'✳';position:absolute;font:64px/1 var(--body);color:#6940db;pointer-events:none}.opening-art:before{left:18px;top:85px;transform:rotate(-12deg)}.opening-art:after{right:20px;bottom:22px;font-size:43px}.opening-art>button{width:min(100%,380px);height:auto!important;aspect-ratio:1/1;display:block;margin:8px auto 0;position:relative;z-index:1}.opening-art .mascot{height:auto!important;aspect-ratio:1/1!important;width:100%!important;max-width:none;display:block}.opening-note{display:block;width:100%;padding:0 0 18px;border-bottom:1px solid #211d2850;transform:none;font-size:18px;text-align:left;font-weight:500;letter-spacing:-.03em}.opening-art .mascot-shadow{display:none}.opening-art .sprite-figure{width:100%;aspect-ratio:1/1!important}.opening-copy .button{font-size:17px;padding:20px 25px}.opening-secondary{font-size:16px}
.sketch-friend{width:100%;height:auto;aspect-ratio:1/1;display:block;overflow:visible;flex-shrink:0}.studio-heading>div .sketch-friend{width:185px;margin:auto}.reading-heading>div{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center}.reading-heading .sketch-friend{width:145px}.rescue-partner .sketch-friend{width:190px;margin:0 auto 20px}.lab-empty .sketch-friend{width:130px}.notebook-empty .sketch-friend{width:190px}.sketch-listen-head{animation:echo-nod 4.7s ease-in-out infinite;transform-origin:120px 140px}.music-note{animation:note-rise 4.7s ease-in-out infinite}.coffee-steam{animation:steam-rise 3.2s ease-in-out infinite}.sketch-cup{animation:cup-tilt 5.8s ease-in-out infinite;transform-origin:110px 180px}.snail-trail{animation:trail-dash 4s ease-in-out infinite}.notes-pencil{animation:pencil-write 2.7s ease-in-out infinite;transform-origin:187px 160px}.notes-eyes{animation:memo-look 6s ease-in-out infinite}
@keyframes echo-nod{0%,60%,100%{transform:rotate(0)}70%,90%{transform:rotate(-7deg)}80%{transform:rotate(5deg)}}@keyframes note-rise{0%,55%,100%{transform:translateY(0);opacity:1}85%{transform:translateY(-13px);opacity:.25}}@keyframes steam-rise{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-10px);opacity:1}}@keyframes cup-tilt{0%,65%,100%{transform:rotate(0)}80%{transform:rotate(6deg)}}@keyframes trail-dash{0%,100%{opacity:.2;transform:translateX(0)}50%{opacity:1;transform:translateX(-10px)}}@keyframes pencil-write{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(8deg)}}@keyframes memo-look{0%,45%,100%{transform:translateX(0)}60%,80%{transform:translateX(5px)}}
.pause-poster{margin:85px 4.4%;padding:55px 5%;background:#6036db;color:#fff;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:50px;align-items:center;position:relative;isolation:isolate}.pause-poster:before{content:'';position:absolute;inset:12px;border:1px solid #ffffff40;pointer-events:none}.pause-poster-copy{min-width:0}.pause-poster .eyebrow{color:#d7c8ff;font-size:12px}.pause-poster h2{font-size:clamp(40px,5.6vw,76px);line-height:1.07;letter-spacing:-.055em;margin:26px 0}.pause-poster h2 span{color:#d7c8ff}.pause-poster p{font-size:18px;line-height:1.6;margin-bottom:25px}.poster-cta{background:#faf9f6;color:#211d28;font-size:15px}.pause-poster-art{display:grid;grid-template-columns:1fr;justify-items:center;gap:15px;position:relative;min-width:0}.poster-speech{border:2px solid #211d28;background:#faf9f6;color:#211d28;font-size:19px;padding:15px 23px;border-radius:50%;transform:rotate(6deg);z-index:1}.pause-poster-art>.sketch-friend{width:min(100%,265px);position:relative;z-index:1}.record-disc{position:absolute;width:90px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#211d28 0 4px,#504261 5px 6px);right:0;bottom:15px;animation:record-turn 12s linear infinite}.record-disc i{position:absolute;inset:33%;background:#d8c7fa;border:5px solid #211d28;border-radius:50%}@keyframes record-turn{to{transform:rotate(360deg)}}
/* No absolute text sitting on illustration surfaces. */
.daily-art{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto auto;gap:20px;padding:25px;align-items:center;min-height:450px}.daily-art .art-topline,.daily-art .art-bottomline{position:static;grid-column:1/-1;font-size:10px;letter-spacing:.08em}.daily-art>.prop{position:relative;inset:auto!important;transform:none!important;transform-origin:center;width:100%!important;max-width:230px;margin:auto;font-size:12px}.daily-art .mascot-play{position:relative;inset:auto!important;width:100%!important;max-width:230px;grid-column:2;grid-row:2;transform:none!important;margin:auto;align-self:center}.daily-art .thought{position:static;grid-column:1/-1;grid-row:3;transform:none;width:auto;max-width:none;font:17px/1.4 var(--body);padding:15px 0;border-top:1px solid #211d2830}.daily-art .art-bottomline{grid-row:4;padding-top:3px;opacity:.7}.daily-art .thought:before{display:none}.daily-art .mascot-shadow{display:none}
.paper-cover{display:grid;grid-template-columns:1fr 155px;gap:22px;align-items:center;min-height:360px;transform:none;padding:30px;background:#e5d8fa;box-shadow:8px 8px 0 #211d28}.paper-cover>span{grid-column:1/-1;font-size:12px}.paper-cover>strong{font:600 clamp(30px,3.1vw,46px)/1.08 var(--body);margin:0;min-width:0}.paper-cover>strong em{font-family:inherit;font-weight:inherit}.paper-cover>.sketch-friend{grid-column:2;width:155px;position:static;transform:rotate(6deg)}.paper-cover>small{grid-column:1/-1;font-size:12px}.paper-cover .doodle{position:static;width:145px;transform:none}.paper-teaser{gap:60px}.human-teaser h2,.human-teaser p{max-width:none}.human-teaser .teaser-mascot{height:auto!important;aspect-ratio:1/1}.human-teaser{grid-template-columns:minmax(0,1fr) 150px}.human-teaser .teaser-mascot{width:150px!important}.trap-section>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:16px}.trap-section>div:first-child>.eyebrow,.trap-section>div:first-child>p{grid-column:1/-1}.trap-section .doodle{position:static!important;width:110px!important;grid-column:2;grid-row:2;margin:0}.trap-section h2{min-width:0;margin:0;font-size:clamp(32px,4vw,54px)}
@media(max-width:1100px){.opening{gap:40px;padding:45px 5%}.opening-copy h1{font-size:clamp(69px,9vw,105px)}.opening-art{padding:22px 15px;box-shadow:8px 8px 0 #211d28}.opening-art:before{font-size:40px}.paper-cover{grid-template-columns:1fr 115px;padding:25px;gap:15px}.paper-cover>.sketch-friend{width:115px}.daily-art{padding:20px;gap:15px}.pause-poster{gap:35px;padding:45px 5%}.human-teaser{grid-template-columns:minmax(0,1fr) 95px}.human-teaser .teaser-mascot{width:95px!important}.studio-heading>div .sketch-friend{width:130px}}
@media(max-width:700px){.opening{grid-template-columns:1fr;padding:36px 24px 40px;gap:35px}.opening-copy h1{font-size:clamp(66px,17vw,98px);margin:22px 0;line-height:1.02}.opening-copy p{font-size:18px}.opening-art{padding:20px 15px;box-shadow:7px 7px 0 #211d28}.opening-art>button{width:min(100%,290px);height:auto!important}.opening-note{font-size:16px}.opening-art:before{top:70px;font-size:35px}.opening-art:after{font-size:30px}.opening-copy .button{font-size:16px;padding:18px}.daily-art{min-height:0;padding:22px;gap:20px 16px}.daily-art>.prop{font-size:11px}.daily-art .mascot-play{max-width:170px}.daily-art .thought{font-size:15px}.daily-art .art-topline,.daily-art .art-bottomline{font-size:9px}.paper-cover{grid-template-columns:1fr 115px;min-height:300px;padding:24px;gap:20px}.paper-cover>strong{font-size:31px}.paper-cover>small{font-size:10px}.paper-teaser{gap:30px}.pause-poster{grid-template-columns:1fr;margin:50px 24px;padding:35px 26px;gap:30px}.pause-poster h2{font-size:44px;margin:22px 0}.pause-poster p{font-size:16px}.pause-poster .eyebrow{font-size:10px}.poster-cta{font-size:13px;padding:15px 12px;width:100%}.pause-poster-art{grid-template-columns:1fr 1fr;gap:0;align-items:center}.pause-poster-art>.sketch-friend{grid-column:2;width:170px;max-width:100%}.poster-speech{font-size:15px;padding:15px;transform:rotate(-7deg)}.record-disc{display:none}.human-teaser{display:block!important}.human-teaser .teaser-mascot{width:120px!important;margin:25px 0 0 auto!important}.human-teaser h2{font-size:31px;line-height:1.1}.human-teaser p{font-size:15px}.human-teaser .text-link{font-size:14px}.studio-heading>div .sketch-friend{width:95px}.studio-heading{grid-template-columns:minmax(0,1fr) 95px}.reading-heading>div{grid-template-columns:minmax(0,1fr) 115px}.reading-heading .sketch-friend{grid-column:2;grid-row:1;width:115px}.reading-heading>div p{grid-column:1;grid-row:1}.rescue-partner .sketch-friend{width:170px}.trap-section>div:first-child{grid-template-columns:minmax(0,1fr) 100px}.trap-section .doodle{width:100px!important}.notebook-empty .sketch-friend{width:160px}.lab-empty{flex-wrap:wrap}.lab-empty .sketch-friend{width:120px}.studio-heading h1{font-size:clamp(32px,7.5vw,47px)}}
@media(max-width:360px){.opening{padding-inline:20px}.opening-copy h1{font-size:65px}.paper-cover{grid-template-columns:1fr 85px;gap:14px;padding:20px}.paper-cover>.sketch-friend{width:85px}.paper-cover>strong{font-size:28px}.pause-poster{margin-inline:20px;padding:30px 23px}.pause-poster h2{font-size:36px}.studio-heading>div{display:block}.studio-heading{grid-template-columns:minmax(0,1fr) 70px;gap:10px}.studio-heading>div .sketch-friend{width:70px}.studio-heading h1{font-size:32px}.daily-art{gap:15px 10px;padding:18px}}
.still .sketch-friend *,.still .record-disc{animation:none!important}.tab-hidden .sketch-friend *,.tab-hidden .record-disc{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.sketch-friend *,.record-disc{animation:none!important}}
.daily-art .menu-slip{padding:20px 12px}.daily-art .menu-slip strong{font-size:clamp(29px,3.8vw,54px);line-height:1.03;letter-spacing:-.05em;margin:16px 0}.daily-art .menu-slip em{font-size:clamp(21px,2.4vw,32px);line-height:1.2}.daily-art .menu-slip p{font-size:9px;line-height:1.6}.daily-art .menu-slip small{font-size:8px;letter-spacing:1px}.daily-art .party-note{padding:20px 12px}.daily-art .party-note strong{font-size:clamp(27px,3.4vw,43px);line-height:1.08}.daily-art .party-note span{font-size:11px}.daily-art .host-message{padding:20px 12px}.daily-art .host-message p{font-size:18px;line-height:1.3}.daily-art .host-message small{font-size:8px}.daily-art .call-window{padding:15px 12px}.daily-art .call-window p{font-size:24px}.daily-art .receipt{padding:18px 10px}.daily-art .receipt>strong{font-size:12px}.daily-art .receipt p,.daily-art .receipt small{font-size:9px}.daily-art .receipt em{font-size:25px}.daily-art .boarding{padding:20px 12px}.daily-art .boarding>strong{font-size:48px}.daily-art .boarding>div,.daily-art .boarding>p{font-size:9px;flex-wrap:wrap}.daily-art .cancel-stamp{position:static;display:inline-block;transform:rotate(-7deg);font-size:15px;max-width:100%;margin:10px 0}.daily-art .character-caption{display:none}
@media(max-width:700px){.daily-art .menu-slip strong{font-size:31px}.daily-art .party-note strong{font-size:26px}.daily-art .boarding>strong{font-size:37px}.daily-art .host-message p{font-size:16px}}
.poster-art{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;gap:20px;height:auto;min-height:490px;padding:24px}.poster-art>.prop{display:none}.poster-art h2{margin:0;font-size:clamp(31px,3vw,47px);line-height:1.08;min-width:0}.poster-art .poster-character{position:relative;inset:auto;width:210px;max-width:100%;margin:auto;grid-row:3;grid-column:1}.poster-art .poster-go{position:static;font-size:11px;letter-spacing:.08em;padding-top:16px;grid-row:4}.poster-art .poster-top{font-size:11px;letter-spacing:.05em}.poster-art .mascot-shadow{display:none}.poster-social .poster-art h2,.poster-dinner .poster-art h2{font-family:var(--body);font-weight:500;font-size:42px;letter-spacing:-.05em}.poster-dinner .poster-art{background:#30233b}.poster-stay .poster-art{background:repeating-linear-gradient(-35deg,#e4d5fc 0 30px,#d9c6f8 30px 31px)}.poster-work .poster-art{background:#292232}.poster-coffee .poster-art{background:#e5dbcd}.poster-airport .poster-art{background:#d4c5f8}
@media(max-width:1100px){.poster-art{padding:20px;min-height:440px;gap:18px}.poster-art h2,.poster-social .poster-art h2,.poster-dinner .poster-art h2{font-size:34px}.poster-art .poster-character{width:175px}.poster-art .poster-top{font-size:9px}}
@media(max-width:700px){.poster-art{min-height:430px;padding:24px}.poster-art h2,.poster-social .poster-art h2,.poster-dinner .poster-art h2{font-size:39px}.poster-art .poster-character{width:210px}.poster-art .poster-top{font-size:10px}}
.read-portrait .sketch-friend{width:145px}.reader-margin .sketch-friend{width:170px}.reading-entry h2{font-family:var(--body);font-size:clamp(25px,2.7vw,39px);line-height:1.16;letter-spacing:-.045em}.reading-entry:hover .read-portrait{transform:rotate(-5deg)}.read-portrait{transition:transform .25s ease}.reading-entry .read-deck{line-height:1.5}
@media(max-width:900px){.read-portrait .sketch-friend{width:100px}.reader-margin .sketch-friend{width:110px}}
@media(max-width:600px){.reading-entry{grid-template-columns:minmax(0,1fr) 90px;gap:18px;padding:28px 0}.reading-entry .read-no,.reading-entry .read-arrow{display:none}.reading-entry>div:nth-child(2){grid-column:1;grid-row:1}.reading-entry .read-portrait{display:block;grid-column:2;grid-row:1}.reading-entry h2{font-size:25px}.read-portrait .sketch-friend,.read-portrait .doodle{width:90px}.reading-entry .eyebrow{font-size:10px}.reading-entry .read-deck{display:none}.reader-margin .sketch-friend{width:85px}}
.rescue-partner{background:#dfd0f8;color:#211d28}.rescue-partner>span,.rescue-partner>.text-link{color:#593695}.sketch-friend *{animation-play-state:paused}.sketch-friend.on-stage *{animation-play-state:running}.pause-poster:not(.on-stage) .record-disc{animation-play-state:paused}