@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/_astro/shantell-sans-cyrillic-ext-full-normal.BjYxMGxf.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/_astro/shantell-sans-cyrillic-full-normal.DUfzUDR1.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/_astro/shantell-sans-vietnamese-full-normal.BtHVRjmM.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/_astro/shantell-sans-latin-ext-full-normal.db8N66z1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/_astro/shantell-sans-latin-full-normal.BMB_BRHG.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/andika-latin-400-normal.BTFTIZb-.woff2)format("woff2"),url(/_astro/andika-latin-400-normal.BK42By1L.woff)format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/andika-latin-700-normal.Dk95f5lc.woff2)format("woff2"),url(/_astro/andika-latin-700-normal.CAUSQC6x.woff)format("woff")}:root{--paper:var(--sp-paper);--ink:var(--sp-ink);--black:var(--sp-black);--pen:var(--sp-sage-deep);--accent:var(--sp-terracotta-deep);--shadow:86 64 47;--display:var(--sp-font-display);--body:var(--sp-font-body);--hand:var(--sp-font-hand);--print:"Andika", var(--sp-font-body);--ease:cubic-bezier(.16, .84, .24, 1);--endpaper:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'><g fill='%237cadd4' stroke='%237cadd4' stroke-width='2' stroke-linecap='round'><ellipse cx='18' cy='36' rx='5.2' ry='3.8' transform='rotate(-22 18 36)' stroke='none'/><path d='M22.6 34.6V16' fill='none'/><path d='M22.6 16q7 4 7.6 11' fill='none'/><ellipse cx='66' cy='86' rx='5' ry='3.6' transform='rotate(-22 66 86)' stroke='none'/><ellipse cx='82' cy='81' rx='5' ry='3.6' transform='rotate(-22 82 81)' stroke='none'/><path d='M70.4 84.6V66M86.4 79.6V61' fill='none'/><path d='M70.4 66l16-5v4.4l-16 5z' stroke='none'/></g><g fill='%23dc9b7b'><circle cx='80' cy='22' r='2.4'/><circle cx='30' cy='82' r='1.8'/><circle cx='100' cy='52' r='1.5'/><path d='M50 44l1.6 3.4 3.7.4-2.8 2.5.8 3.7-3.3-1.9-3.3 1.9.8-3.7-2.8-2.5 3.7-.4z'/></g></svg>")}html{background:var(--sp-blush) url(/_astro/cloth-tile.BuSYzawB.jpg) 0 0 / 432px 432px;scrollbar-color:var(--sp-terracotta-light) var(--sp-sand);-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--sp-sand)}::-webkit-scrollbar-thumb{background:var(--sp-terracotta-light);border:3px solid var(--sp-sand);border-radius:8px}::selection{background:var(--sp-peach);color:var(--black)}*,:before,:after{box-sizing:border-box}body{font:400 1.0625rem/1.6 var(--body);color:var(--ink);margin:0;padding-bottom:92px;overflow-x:clip}@media (width>=960px){body{padding-bottom:0}}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1.5px}:focus-visible{outline:3px solid var(--black);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--display);color:var(--black);text-wrap:balance;letter-spacing:-.01em;margin:0;line-height:1.05}h2{margin-bottom:.6em;font-size:clamp(1.9rem,1.4rem + 2.2vw,2.9rem);font-weight:600}h3{font-size:1.3rem;font-weight:600}p{text-wrap:pretty;max-width:62ch;margin:0 0 .9em}.pen{font-family:var(--hand);font-variation-settings:"INFM" 80, "BNCE" 30;color:var(--pen);font-weight:480}.endpaper{background:var(--sp-blue-light) var(--endpaper) 0 0 / 112px 112px}.cta{background:var(--accent);color:var(--paper);font:600 1.125rem/1.1 var(--display);box-shadow:0 10px 22px -10px rgb(var(--shadow) / .7), 0 2px 3px rgb(var(--shadow) / .3), inset 0 1px 0 #fdfcf840;transition:transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:999px;align-items:center;gap:.6em;padding:.95em 1.45em;text-decoration:none;display:inline-flex}.cta svg{flex:none;width:1.3em;height:1.3em}.cta:hover{box-shadow:0 16px 28px -12px rgb(var(--shadow) / .75), 0 3px 4px rgb(var(--shadow) / .3), inset 0 1px 0 #fdfcf840;transform:translateY(-2px)}.cta:active{transform:translateY(1px)}.link-btn{cursor:pointer;font:600 1.05rem/1.2 var(--display);color:var(--black);text-underline-offset:.3em;background:0 0;border:0;align-items:center;gap:.45em;padding:.6em .2em;text-decoration:underline 2px;display:inline-flex}.link-btn svg{width:1.25em;height:1.25em}.ribbon{z-index:40;cursor:pointer;background:linear-gradient(90deg, color-mix(in srgb, var(--sp-blue) 78%, var(--sp-ink)), var(--sp-blue-light) 42%, var(--sp-blue) 60%, color-mix(in srgb, var(--sp-blue) 78%, var(--sp-ink)));clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);width:42px;height:104px;color:var(--black);transition:transform .35s var(--ease);border:0;place-items:center;padding:12px 0 22px;display:grid;position:fixed;top:0;right:14px;transform:translateY(-12px)}.ribbon:hover,.ribbon[aria-expanded=true]{transform:none}.ribbon span{writing-mode:vertical-rl;font:700 .8rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase}.ribbon:focus-visible{outline-offset:-6px}@media (width<=959.98px){.ribbon{width:30px;height:76px;padding:8px 0 18px;right:0;transform:translateY(-8px)}.ribbon span{font-size:.7rem}.toc{top:72px}}@media (width>=960px){.ribbon{width:48px;height:152px;padding-top:16px;right:40px;transform:translateY(-16px)}}.toc{z-index:39;background:var(--paper);width:min(300px,100vw - 24px);box-shadow:0 24px 40px -18px rgb(var(--shadow) / .6), 0 2px 4px rgb(var(--shadow) / .25);background-image:repeating-linear-gradient(transparent 0 39px, var(--sp-blue-light) 39px 40px);background-position:0 50px;border-radius:6px;padding:18px 20px 14px;position:fixed;top:64px;right:12px}.toc[hidden]{display:none}.toc h2{margin:0 0 6px;font-size:1.3rem}.toc ol{counter-reset:c;margin:0;padding:0;list-style:none}.toc li{counter-increment:c}.toc a{min-height:40px;font:600 1.02rem/1.3 var(--body);align-items:baseline;gap:.7em;padding:8px 2px;text-decoration:none;display:flex}.toc a:before{content:counter(c);font:600 .95rem/1 var(--hand);color:var(--pen);width:1.2em}.toc a:hover,.toc a[aria-current]{color:var(--accent)}.toc a[aria-current]:after{content:"";background:var(--sp-blue);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);align-self:center;width:10px;height:26px;margin-left:auto}@media (width>=960px){.toc{top:92px;right:32px}}.cta-fixed{z-index:35;opacity:0;visibility:hidden;width:min(360px,100vw - 32px);transition:opacity .3s var(--ease), transform .3s var(--ease), visibility 0s linear .3s;justify-content:center;position:fixed;bottom:14px;left:50%;transform:translateY(16px)}.cta-fixed.is-shown{opacity:1;visibility:visible;transition-delay:0s;transform:none}@media (width>=960px){.cta-fixed{width:auto;bottom:28px;left:auto;right:32px;translate:none}}.cloth-art{z-index:0;position:absolute;inset:0;overflow:hidden}.cloth-art img{object-fit:cover;object-position:50% 0;width:100%;max-width:none;height:100%}@media (width>=960px){.cloth-art img{object-position:72% 50%}}.sheen{z-index:0;pointer-events:none;opacity:0;background:linear-gradient(100deg,#0000 38%,#fdfcf857 50%,#0000 62%);position:absolute;inset:0}.stage{perspective:2400px;min-height:100svh;position:relative;overflow:clip}.cover{isolation:isolate;background:var(--sp-blush);grid-template-columns:16px minmax(0,1fr) 9px;min-height:max(100svh,700px);display:grid;position:relative}.cover>:not(.cloth-art):not(.sheen){z-index:1;position:relative}html.js .cover{z-index:5;transform-origin:0;backface-visibility:hidden;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){html.js .cover{transition:transform .95s var(--ease), opacity .5s ease .45s, filter .95s var(--ease)}}.stage.is-open .cover{opacity:0;filter:brightness(.85);pointer-events:none;transform:rotateY(-104deg)}.spine{background:linear-gradient(90deg, rgb(var(--shadow) / .22), rgb(var(--shadow) / .05) 60%, #fdfcf838 72%, rgb(var(--shadow) / .1) 80%, transparent)}.page-edges{background:repeating-linear-gradient(90deg, var(--paper) 0 1px, var(--sp-sand) 1px 2px);box-shadow:inset 2px 0 3px rgb(var(--shadow) / .25);border-radius:0 3px 3px 0;margin:10px 0}.cover-face{grid-template-rows:auto 1fr auto;gap:8px;min-width:0;padding:22px 22px 28px 16px;display:grid}.maker{font:700 .82rem/1 var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--black);align-items:center;gap:10px;margin:0;padding-right:56px;display:flex}.maker img{width:46px;height:46px;box-shadow:0 2px 4px rgb(var(--shadow) / .35);border-radius:50%}.cover-text{grid-row:3;gap:12px;display:grid}.cover h1{letter-spacing:-.02em;font-size:clamp(3rem,2rem + 6vw,6rem);font-weight:700;line-height:.95}.cover h1 span{display:block}.cover h1 .l2{color:var(--sp-sage-deep)}.cover .sub{max-width:30ch;color:var(--ink);margin:0;font-size:1.1rem;font-weight:700}.meta{font:600 .92rem/1.2 var(--display);color:var(--ink);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;display:flex}.meta li{align-items:center;gap:6px;display:inline-flex}.meta svg{width:16px;height:16px}.cover-actions{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:6px;display:flex}@media (width>=960px){.cover{grid-template-columns:34px minmax(0,1fr) 14px}.cover-face{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;padding:40px 56px 64px 48px}.maker{grid-column:1/-1;font-size:.9rem}.maker img{width:58px;height:58px}.cover-text{grid-area:2/1;align-self:end;gap:18px}.cover .sub{font-size:1.3rem}}.book{padding:18px 10px 8px}.spread{gap:10px;max-width:1220px;margin:0 auto 30px;display:grid;position:relative}.page{background:var(--paper);min-width:0;box-shadow:0 18px 30px -18px rgb(var(--shadow) / .5), 0 2px 4px rgb(var(--shadow) / .16);border-radius:3px;padding:38px 22px 64px;position:relative}.rule{pointer-events:none;width:calc(100% - 36px);height:8px;position:absolute;top:14px;left:18px;overflow:visible}.rule line{stroke:var(--sp-terracotta-light);stroke-width:2px}.rule line+line{stroke-width:1px}.page:not(.endpaper):after{content:"";border-top:2px dotted var(--sp-sage);pointer-events:none;position:absolute;bottom:14px;left:18px;right:18px}.page.endpaper{background:var(--sp-blue-light) var(--endpaper) 0 0 / 112px 112px}.spread>.page:first-child:before,.spread>.page:nth-child(2):before{font:600 .8rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-sage-deep);pointer-events:none;position:absolute;bottom:22px}.spread>.page:first-child:before{content:var(--no,none);left:22px}.spread>.page:nth-child(2):before{content:var(--head,none);right:22px}@media (width>=960px){.spread>.page:first-child:before{bottom:34px;left:36px}.spread>.page:nth-child(2):before{bottom:34px;right:36px}.book{padding:48px 72px 24px}.spread{box-shadow:0 30px 46px -24px rgb(var(--shadow) / .5), 0 3px 6px rgb(var(--shadow) / .18);grid-template-columns:1fr 1fr;gap:0;margin-bottom:56px}.spread:after{content:"";z-index:-1;background:repeating-linear-gradient(var(--paper) 0 1px, var(--sp-sand) 1px 2px);border-radius:0 0 4px 4px;height:6px;position:absolute;bottom:-6px;left:8px;right:8px}.page{box-shadow:none;border-radius:0;padding:64px 60px 92px}.rule{width:calc(100% - 72px);top:26px;left:36px}.page:not(.endpaper):after{bottom:26px;left:36px;right:36px}.spread>.page:first-child{background-image:linear-gradient(to left, rgb(var(--shadow) / .1), transparent 46px);border-radius:4px 0 0 4px}.spread>.page:nth-child(2){background-image:linear-gradient(to right, rgb(var(--shadow) / .12), transparent 46px);border-radius:0 4px 4px 0}.spread>.page.endpaper:first-child{background-image:linear-gradient(to left, rgb(var(--shadow) / .16), transparent 46px), var(--endpaper);background-size:auto,112px 112px}}.spread--first{margin:0 auto;padding:14px 10px 0}.spread--first .endpaper{place-items:center;min-height:64px;display:grid}.bookplate{display:none}@media (width>=960px){.spread--first{align-content:center;max-width:1364px;min-height:100svh;padding:56px 72px 0}.spread--first .page{min-height:min(760px,100svh - 112px)}.bookplate{text-align:center;background:var(--paper);box-shadow:0 10px 18px -10px rgb(var(--shadow) / .45);border-radius:50% 50% 14px 14px/30% 30% 14px 14px;justify-items:center;gap:14px;max-width:280px;padding:28px 34px 24px;display:grid}.bookplate img{border-radius:50%;width:150px;height:150px}.bookplate p{font:600 .95rem/1.35 var(--display);margin:0}}.namepage{text-align:center;align-content:center;justify-items:center;gap:10px;display:grid}.namepage .panda-art{mix-blend-mode:multiply;width:min(340px,86%)}.namepage .staff-art{mix-blend-mode:multiply;width:100%;max-width:460px;margin-top:8px}.brandline{font:700 1.5rem/1.1 var(--print);color:var(--black);margin:0}.divider{color:var(--black);align-items:center;gap:12px;display:flex}.divider:before,.divider:after{content:"";background:currentColor;width:46px;height:1.5px}.divider i{background:currentColor;border-radius:50%;width:7px;height:7px}.namepage h2{margin:6px 0 0;font-size:clamp(1.7rem,1.3rem + 1.6vw,2.4rem)}.namepage h2 [data-name]{font-family:var(--hand);font-variation-settings:"INFM" 90, "BNCE" 40;color:var(--pen);min-height:1.1em;font-size:1.15em;font-weight:500;display:block}.name-field{text-align:left;grid-template-columns:minmax(0,1fr);gap:4px;width:min(100%,380px);min-width:0;display:grid}.name-field label{font:700 1.05rem/1.2 var(--print);color:var(--black)}.name-row{align-items:baseline;gap:8px;min-width:0;max-width:100%;display:flex}.name-row span{font:700 1.1rem/1 var(--print);color:var(--black)}.name-input{border:0;border-bottom:2px dashed var(--ink);width:100%;min-width:0;font:500 1.45rem/1.3 var(--hand);font-variation-settings:"INFM" 90, "BNCE" 30;color:var(--pen);caret-color:var(--accent);background:0 0;border-radius:0;flex:1;padding:6px 2px}.name-input::placeholder{color:var(--sp-tan);opacity:1}.name-input:focus{border-bottom:2px solid var(--accent);outline:none}.name-input:focus-visible{outline:3px solid var(--black);outline-offset:4px}.hint{margin:2px 0 0;font-size:.86rem}.form-head{font:700 1.05rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--black);justify-content:center;align-items:center;gap:10px;margin:0 0 14px;display:flex}.form-head svg{width:16px;height:16px;color:var(--sp-terracotta)}.form-head:before,.form-head:after{content:"";border-top:2px dotted var(--black);width:24px}.fill{font:700 1rem/1.4 var(--print);color:var(--black);flex-wrap:wrap;justify-content:center;gap:4px 18px;margin:0 0 16px;display:flex}.fill>span{white-space:nowrap;align-items:baseline;gap:8px;display:inline-flex}@media (width<=959.98px){.fill{flex-direction:column;align-items:center;gap:6px}}.fill span.pen{border-bottom:1.5px solid var(--ink);text-align:center;min-width:7em;padding:0 4px;font-size:1.12rem;display:inline-block}.small-print{margin-top:12px;font-size:.86rem}.checks{gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.check{cursor:pointer;border-bottom:1.5px dotted var(--sp-blue);grid-template-columns:40px 1fr;align-items:center;gap:12px;min-height:56px;padding:10px 6px;font-size:1.1rem;display:grid;position:relative}.check input{opacity:0;width:1px;height:1px;position:absolute}.check svg{width:36px;height:36px}.check .box{fill:var(--paper);stroke:var(--ink);stroke-width:2.4px}.check .tick{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;transition:stroke-dashoffset .45s var(--ease)}.check input:checked+svg .tick{stroke-dashoffset:0}.check input:focus-visible+svg{outline:3px solid var(--black);outline-offset:2px;border-radius:6px}.signs-close{font:600 1.3rem/1.3 var(--hand);color:var(--pen);margin:6px 0 14px}.pace h3{margin-bottom:18px;font-size:clamp(1.8rem,1.3rem + 2vw,2.7rem);line-height:1.02}.pace .pen-lines{background-image:repeating-linear-gradient(transparent 0 calc(1.5em - 1.5px), var(--sp-blue-light) calc(1.5em - 1.5px) 1.5em);margin:0 0 18px;padding:0;font-size:1.35rem;line-height:1.5;list-style:none}.pace .pen-lines li{padding-left:4px}.pace-art{width:100%;max-width:420px;margin:6px auto 0}.pace-staff{width:100%;height:auto;margin-top:10px;overflow:visible}.staff-line{fill:none;stroke:var(--sp-tan);stroke-width:1.6px}.pace-guide{fill:none;stroke:none}.pace-note ellipse{fill:var(--accent)}.pace-note path{fill:none;stroke:var(--accent);stroke-width:3.4px;stroke-linecap:round}.log{border:2px solid var(--ink);background:var(--paper);border-radius:16px;margin:0;overflow:hidden}.log-row{border-top:1.5px solid var(--ink);grid-template-columns:74px minmax(0,1fr);display:grid;position:relative}.log-row.head{font:700 .95rem/1.2 var(--print);color:var(--black);border-top:0}.log-row>*{min-width:0;padding:12px}.log-row>:first-child{border-right:1.5px solid var(--ink)}.log-row.head>*{text-align:center;padding:12px 6px}.log-row .note-col{display:none}.log [data-write]{display:block}.log .date{text-align:center;align-content:start;justify-items:center;gap:10px;display:grid}.log .date small{font-size:.85rem;line-height:1;display:block}.log .date b{font-size:1.9rem;font-weight:500;line-height:1;display:block}.log .learned{font-size:1.15rem;line-height:1.25}.log .note{margin-top:6px;font-size:1rem;line-height:1.35}.dot-sticker{background:var(--sp-terracotta);width:22px;height:22px;box-shadow:0 1px 1px rgb(var(--shadow) / .28);border-radius:50%}@media (width>=640px){.log-row{grid-template-columns:84px minmax(0,1.1fr) minmax(0,1fr)}.log-row .note-col{border-left:1.5px solid var(--ink);display:block}.log .note.inline{display:none}.log .note-col .note{margin-top:0}}.snaps{grid-template-columns:1fr 1fr;gap:28px 16px;margin:6px 0 4px;padding:12px 4px 0;display:grid}.snap{rotate:var(--r,-2deg);margin:0;position:relative}.snap .print,.reel .print{background:var(--paper);box-shadow:0 12px 20px -12px rgb(var(--shadow) / .5), 0 1px 2px rgb(var(--shadow) / .2);padding:7px 7px 9px;position:relative}.snaps .snap img{aspect-ratio:3/4;object-fit:cover;width:100%}.snap video{aspect-ratio:3/4;object-fit:cover;background:var(--black);width:100%}.snap figcaption{font:500 1rem/1.25 var(--hand);color:var(--pen);rotate:calc(var(--r,-2deg) * -.6);margin-top:8px}.snap.clip{grid-column:1/-1;justify-self:center;width:min(72%,300px)}[data-tape]:before{content:"";z-index:3;width:84px;height:26px;translate:-50%;rotate:4deg;transform:scaleX(var(--tape,1));transform-origin:0;mix-blend-mode:multiply;pointer-events:none;background:url(/_astro/tape-peach-a.CrdKUTOu.png) 50%/100% 100% no-repeat;position:absolute;top:-13px;left:50%}[data-tape=b]:before{background-image:url(/_astro/tape-terracotta-a.C_X_zSVU.png);rotate:-5deg}[data-tape=c]:before{background-image:url(/_astro/tape-peach-b.DhfxqApX.png);left:40%;rotate:-3deg}[data-tape=d]:before{background-image:url(/_astro/tape-blue-a.DvZaQ4a9.png);left:58%;rotate:6deg}.moment{border:2px solid var(--ink);border-radius:18px;padding:14px 14px 16px}.moment .form-head{margin-bottom:14px}.reel{max-width:330px;margin:0 auto;position:relative;rotate:1.5deg}.reel video{aspect-ratio:9/16;object-fit:cover;background:var(--black);width:100%}.play{z-index:2;cursor:pointer;color:var(--paper);font:600 1.05rem/1.2 var(--display);text-shadow:0 1px 3px #25201b80;background:linear-gradient(#0000 55%,#25201b8c);border:0;place-content:end center;justify-items:center;gap:8px;padding-bottom:12%;display:grid;position:absolute;inset:7px 7px 9px}.play svg{filter:drop-shadow(0 4px 8px #25201b59);width:64px;height:64px;transition:transform .25s var(--ease)}.play:hover svg{transform:scale(1.06)}.play[hidden]{display:none}.moment .pen{text-align:center;max-width:none;margin:14px auto 0;font-size:1.15rem}.grows{gap:26px;margin:0;padding:0;list-style:none;display:grid}.grows li{grid-template-columns:124px 1fr;align-items:center;gap:16px;display:grid}.grow-art{width:124px;height:auto}.grows h3{margin-bottom:4px;font-size:1.25rem}.grows p{margin:0}.grow-close{font:600 1.35rem/1.35 var(--hand);color:var(--pen);margin:28px 0 0}@media (width>=960px){.grows li{grid-template-columns:160px 1fr}.grow-art{width:160px}}.show{padding:24px 10px 40px;position:relative}.show-in{gap:26px;max-width:1220px;margin:0 auto;display:grid}.show-intro{background:var(--paper);box-shadow:0 18px 30px -18px rgb(var(--shadow) / .5);border-radius:4px;padding:30px 22px 22px}.show-steps{counter-reset:s;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:grid}.show-steps li{counter-increment:s;font:600 1.02rem/1.3 var(--display);color:var(--ink);align-items:baseline;gap:10px;transition:color .3s;display:flex}.show-steps li:before{content:counter(s);font:600 1rem/1 var(--hand);color:var(--pen);width:1.2em}.show-steps li[aria-current]{color:var(--accent)}.real-pages{grid-template-columns:1fr 1fr;gap:18px 14px;margin:0;padding:0;list-style:none;display:grid}.real-pages[hidden]{display:none}.show-intro h2{font-size:clamp(1.8rem,1.3rem + 1.2vw,2.3rem)}.real-pages figure{margin:0}.real-pages img{background:var(--paper);width:100%;box-shadow:0 14px 22px -14px rgb(var(--shadow) / .55), 0 1px 2px rgb(var(--shadow) / .2)}.real-pages figcaption{font:500 1rem/1.25 var(--hand);color:var(--pen);background:var(--paper);box-shadow:0 2px 4px rgb(var(--shadow) / .15);border-radius:999px;margin-top:10px;padding:3px 10px;display:inline-block}@media (width>=960px){.show{padding:0 72px}.show-in{grid-template-columns:390px minmax(0,1fr);align-items:center;gap:48px;padding:24px 0 56px}.show-in:has(.book3d){min-height:100svh;padding:0}.show-intro{padding:44px 36px 30px}.real-pages{grid-template-columns:repeat(4,1fr)}}.book3d{--pw:min(360px, 26vw);width:calc(var(--pw) * 2);height:calc(var(--pw) * 1.415);perspective:2200px;margin:0 auto;position:relative}.book3d.single{--pw:min(330px, 84vw);width:var(--pw)}.book3d .shadow{background:radial-gradient(closest-side, rgb(var(--shadow) / .35), transparent);height:30px;position:absolute;bottom:-18px;left:50%;right:0}.book3d.single .shadow{left:0}.leaf{transform-origin:0%;width:50%;height:100%;transform-style:preserve-3d;position:absolute;top:0;left:50%}.book3d.single .leaf,.book3d.single .base{width:100%;left:0}.face,.base{background:var(--paper) center / 100% 100% no-repeat;box-shadow:0 1px 2px rgb(var(--shadow) / .25), 0 18px 28px -18px rgb(var(--shadow) / .5);position:absolute;inset:0;overflow:hidden;container-type:size}.face{-webkit-backface-visibility:hidden;backface-visibility:hidden}.face.back{transform:rotateY(180deg)}.base{width:50%;left:50%}.face .shade{opacity:0;pointer-events:none;background:linear-gradient(90deg, rgb(var(--shadow) / .4), transparent 70%);position:absolute;inset:0}.face.back .shade{background:linear-gradient(270deg, rgb(var(--shadow) / .4), transparent 70%)}.inside{background:var(--sp-blue-light) var(--endpaper) 0 0 / 56px 56px;place-items:center;display:grid}.inside img{width:46%}.ov{font-family:var(--hand);font-variation-settings:"INFM" 85, "BNCE" 30;color:var(--pen);font-weight:520;line-height:1.1;position:absolute}.doodle{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.doodle path{fill:none;stroke:var(--accent);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.pkgs{max-width:1220px;margin:0 auto 56px}.pkgs .spread{margin-bottom:0}.pkg h3{margin:18px 0 6px;font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem)}.pkg .tagline{color:var(--ink);font-size:1.12rem}.crop{overflow:hidden}.crop img{width:108%;max-width:none;margin:-4%}.pkg-photo{max-width:460px;margin:18px auto 0}.pkg-photo img{width:100%}.points{gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.points li{grid-template-columns:24px 1fr;align-items:start;gap:10px;display:grid}.points svg{width:22px;height:22px;color:var(--accent);margin-top:2px}.pending{border:2.5px solid var(--accent);color:var(--accent);font:700 1.05rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;border-radius:8px;margin:0;padding:6px 12px;display:inline-block;rotate:-3deg}.price{font:700 2rem/1 var(--display);color:var(--black);margin:0}.late{font:600 1.25rem/1.35 var(--hand);color:var(--pen);margin:18px 0 0}.ticket-wrap{width:min(600px,100% - 8px);margin:96px auto 0;position:relative}.ticket-peek{z-index:0;width:120px;position:absolute;top:-78px;right:40px}.ticket{z-index:1;background:var(--sp-peach);box-shadow:0 20px 30px -18px rgb(var(--shadow) / .6), 0 2px 3px rgb(var(--shadow) / .2);border-radius:14px;justify-items:start;gap:12px;padding:26px 26px 24px;display:grid;position:relative;rotate:-1.5deg;-webkit-mask:radial-gradient(12px at 0,#0000 97%,#000) 0/51% 100% no-repeat,radial-gradient(12px at 100%,#0000 97%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(12px at 0,#0000 97%,#000) 0/51% 100% no-repeat,radial-gradient(12px at 100%,#0000 97%,#000) 100%/51% 100% no-repeat}.ticket-body{border-bottom:2px dashed rgb(var(--shadow) / .45);width:100%;padding-bottom:12px}.ticket-name{font:700 1.6rem/1.1 var(--display);color:var(--black);margin:0 0 4px}.ticket-body p:last-child{margin:0}@media (width>=960px){.ticket{grid-template-columns:1fr auto;place-items:center stretch;column-gap:28px;padding:26px 30px 24px}.ticket-body{border-bottom:0;border-right:2px dashed rgb(var(--shadow) / .45);padding:0 24px 0 0}}.where{flex-direction:column;align-items:flex-start;display:flex}.where .pin{width:34px;height:34px;color:var(--accent);margin-bottom:10px}.where .addr{font-size:1.15rem}.actions{flex-wrap:wrap;align-items:center;gap:10px 12px;margin:6px 0 18px;display:flex}.outline-btn{border:2px solid var(--ink);min-height:48px;font:600 1.02rem/1.1 var(--display);background:var(--paper);color:var(--black);border-radius:999px;align-items:center;gap:.5em;padding:.8em 1.15em;text-decoration:none;transition:background-color .2s;display:inline-flex}.outline-btn svg{width:1.2em;height:1.2em}.outline-btn:hover{background:var(--sp-peach)}.wa-line{font:600 1.05rem/1.3 var(--display)}.scene{align-content:center;justify-items:center;gap:6px;display:grid}.scene-art{width:100%;max-width:520px}.scene .pen{margin:0;font-size:1.6rem}.backcover{isolation:isolate;min-height:max(100svh,700px);box-shadow:0 -18px 30px -24px rgb(var(--shadow) / .5);grid-template-columns:minmax(0,1fr) 16px;margin-top:10px;display:grid;position:relative}.backcover>:not(.cloth-art){z-index:1;position:relative}.backcover .spine{background:linear-gradient(270deg, rgb(var(--shadow) / .22), rgb(var(--shadow) / .05) 60%, #fdfcf838 72%, transparent)}@media (width<=959.98px){.backcover{min-height:0}}.back-face{grid-template:1fr auto/minmax(0,1fr);gap:28px;min-width:0;padding:56px 20px 30px;display:grid}.closing{grid-template-columns:minmax(0,1fr);align-self:end;gap:16px;min-width:0;display:grid}.closing h2{max-width:14ch;margin:0;font-size:clamp(2.2rem,1.5rem + 3.4vw,4.4rem);font-weight:700;line-height:.98}.closing h2 [data-name]{color:var(--sp-sage-deep)}.closing .name-field{background:var(--paper);box-shadow:0 10px 18px -12px rgb(var(--shadow) / .6);border-radius:12px;padding:12px 16px 14px}.wa-number{font:600 1rem/1.3 var(--display);margin:0}.slogan{font:700 1rem/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--black);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0;display:flex}.slogan span{white-space:nowrap;align-items:center;gap:14px;display:inline-flex}@media (width<=420px){.slogan{flex-direction:column;align-items:flex-start;gap:8px}.slogan i{display:none}}.slogan i{background:var(--sp-terracotta);border-radius:50%;width:6px;height:6px}.foot{border-top:1.5px dashed rgb(var(--shadow) / .45);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 22px;padding-top:18px;font-size:.92rem;display:flex}.foot p{margin:0}.imprint{align-items:center;gap:10px;display:inline-flex}.imprint img{width:40px;height:40px;box-shadow:0 1px 3px rgb(var(--shadow) / .3);border-radius:50%}@media (width>=960px){.backcover{grid-template-columns:minmax(0,1fr) 30px;min-height:760px}.back-face{padding:72px 72px 40px}.closing{place-self:center;width:min(100%,620px)}}.note-fx{z-index:60;pointer-events:none;width:22px;height:22px;color:var(--accent);position:fixed;top:0;left:0}