@font-face{font-family:DM Sans;src:url('/assets/dm-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url('/assets/dm-sans-bold.ttf') format('truetype');font-weight:600 800;font-display:swap}@font-face{font-family:Patrick Hand;src:url('/assets/patrick-hand.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#faf6ed;--ink:#292923;--muted:#727065;--rust:#ad4f2d;--mustard:#e9b93f;--line:#dbd7cc;--hand:'Patrick Hand','Comic Sans MS',cursive;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible+span{outline:3px solid var(--rust);outline-offset:6px}button:disabled{cursor:default}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.hand-note{font-family:var(--hand)}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{font-family:var(--hand);font-size:34px;line-height:1;white-space:nowrap;letter-spacing:-.5px;display:inline-flex;align-items:center;gap:8px}.wordmark-dot{font-size:26px;color:var(--rust);transform:rotate(12deg)}nav{display:flex;gap:30px;font-size:13px}nav a{position:relative}nav a:after{position:absolute;bottom:-6px;left:0;content:'';height:1px;background:var(--ink);width:0;transition:width .2s}nav a:hover:after{width:100%}.header-link{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:3px;white-space:nowrap}.header-link span{padding-left:14px;font-size:18px}.hero{min-height:670px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;position:relative;padding-top:6px;padding-bottom:102px;column-gap:12px}.hero-copy{padding-bottom:10px;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.6;margin:0 0 24px}.hero .eyebrow{font-size:9px;display:flex;align-items:center;gap:12px;white-space:nowrap}.little-line{width:25px;height:1px;display:block;background:var(--rust)}h1,h2,h3,p{overflow-wrap:break-word}h1{font-family:var(--hand);font-size:clamp(64px,5.8vw,87px);font-weight:400;letter-spacing:-2px;line-height:1.04;margin:0 0 33px}h1 .imagination{position:relative;white-space:nowrap}.imagination svg{position:absolute;bottom:-15px;left:0;right:0;width:100%;height:16px;fill:none;stroke:var(--mustard);stroke-width:5;stroke-linecap:round;transform:rotate(-1deg)}.hero-description{color:#65645c;font-size:16px;line-height:1.9;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 24px;border-radius:3px;border:1px solid var(--ink);font-size:13px;font-weight:700;line-height:1.5;min-height:52px;transition:background .2s,transform .2s}.button-dark{color:var(--paper);background:var(--ink)}.button:hover{background:#4b4638;transform:translateY(-2px)}.button span{font-size:21px;font-weight:400;line-height:1}.hero-note{font-size:19px;color:var(--muted);transform:rotate(-3deg);margin:20px 0 0 18px}.hero-art{position:relative;align-self:center;height:470px;margin:15px -22px 0 -10px;isolation:isolate}.hero-sun{position:absolute;width:380px;height:380px;left:19%;top:20px;background:#f1deb0;border-radius:51% 49% 46% 54%/47% 52% 48% 53%;transform:rotate(-9deg);opacity:.52;z-index:-1}.hero-friends{position:absolute;width:113%;max-width:none;left:-6%;bottom:52px;mix-blend-mode:multiply}.hello-bubble{position:absolute;top:-8px;right:6%;font-size:24px;border:1.5px solid #716c56;border-radius:45% 48% 42% 46%;padding:9px 22px;transform:rotate(7deg);background:var(--paper);z-index:2}.hello-bubble:after{content:'';position:absolute;bottom:-9px;left:44%;width:12px;height:16px;background:var(--paper);border:solid #716c56;border-width:0 1.5px 1.5px 0;transform:skewY(35deg) rotate(20deg)}.friend-name{position:absolute;font-size:23px;bottom:10px;white-space:nowrap}.sammy-label{left:12%;transform:rotate(-8deg)}.cat-label{right:1%;transform:rotate(5deg)}.friend-name span{display:inline-block;font-size:35px}.hero-spark{position:absolute;top:0;left:5%;width:60px;fill:none;stroke:var(--rust);stroke-width:2;stroke-linecap:round;transform:rotate(-9deg)}.hero-leaf{position:absolute;width:37px;z-index:3}.leaf-one{right:0;top:26%;transform:rotate(32deg)}.leaf-two{left:0;bottom:65px;width:25px;transform:rotate(-32deg);opacity:.7}.scroll-note{position:absolute;bottom:30px;left:0;font-size:8px;letter-spacing:1.8px;color:var(--muted);display:flex;gap:13px;align-items:center}.scroll-note span{font-size:24px;line-height:1;letter-spacing:0}.pencil-rule{height:2px;background:var(--line);clip-path:polygon(0 30%,32% 0,66% 40%,100% 20%,100% 70%,64% 100%,29% 60%,0 100%)}.section-space{padding-top:96px;padding-bottom:100px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:47px}h2{font-family:var(--hand);font-weight:400;font-size:53px;letter-spacing:-.8px;line-height:1.12;margin:0}.section-intro .eyebrow{margin-bottom:14px}.section-aside{color:var(--muted);font-size:14px;line-height:1.85;margin:0 26px 5px 0}.featured-book{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#f0ece0;border-radius:5px;overflow:hidden}.book-display{position:relative;display:flex;align-items:center;justify-content:center;min-height:580px;padding:64px 65px;background:#eee7d6}.book-stamp{position:absolute;left:36px;top:25px;font-size:22px;transform:rotate(-7deg);color:#7b6741}.book-object{display:block;position:relative;width:258px;padding:0;background:white;border:0;transform:rotate(-6deg);box-shadow:-3px 3px 0 #e6dfce,-5px 5px 0 #b9ac8c,12px 22px 35px #71624b2b;transition:transform .25s,box-shadow .25s}.book-object:hover{transform:rotate(-3deg) translateY(-7px);box-shadow:-3px 3px 0 #e6dfce,-5px 5px 0 #b9ac8c,12px 28px 38px #71624b35}.cover-window,.page-window{display:block;aspect-ratio:5.5/8.5;overflow:hidden;position:relative;background:white}.cover-window img,.page-window img{height:100%;width:200%;max-width:none;position:absolute;inset:0;object-fit:fill}.cover-window img,.page-window.right-half img{left:-100%}.book-object:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#00000012,transparent 4%,white 5%,transparent 7%);pointer-events:none}.book-leaf{position:absolute;bottom:45px;right:35px;width:65px;transform:rotate(25deg);opacity:.75}.book-details{padding:63px 62px 58px 58px;align-self:center}.rust{color:var(--rust)}.book-details .eyebrow{margin-bottom:16px}.book-details h3{font-family:var(--hand);font-size:66px;line-height:1.02;letter-spacing:-.5px;font-weight:400;margin:0 0 17px}.book-byline{font-size:11px;color:var(--muted);margin:0 0 25px}.book-description{font-size:14px;line-height:1.85;color:#68665b;margin:0 0 13px}.edition-picker{border:0;padding:0;margin:23px 0 25px;display:flex;flex-wrap:wrap;gap:8px}.edition-picker legend{font-size:10px;font-weight:700;letter-spacing:.6px;margin-bottom:10px}.edition-picker label{position:relative;cursor:pointer}.edition-picker input{position:absolute;opacity:0;width:1px;height:1px}.edition-picker label>span{display:flex;align-items:center;gap:7px;border:1px solid #d2cbbb;border-radius:3px;padding:8px 11px;font-size:10px;transition:background .2s}.edition-picker input:checked+span{border-color:var(--ink);background:var(--paper)}.swatch{width:11px;height:11px;border-radius:50%;display:block;flex-shrink:0}.swatch-autumn{background:linear-gradient(45deg,#d5844e 50%,#e4b53a 50%)}.swatch-pencil{background:linear-gradient(45deg,#777 50%,#ddd 50%)}.small-note{font-size:10px;color:var(--muted);margin:12px 0 0}.inside-section{background:#efeadd;overflow:hidden;border-top:1px solid #e7e0d1;border-bottom:1px solid #e7e0d1}.inside-layout{display:grid;grid-template-columns:1.05fr .8fr .8fr;gap:42px;align-items:center;padding-block:79px 91px}.inside-copy h2{margin-bottom:25px}.inside-copy p:not(.eyebrow){font-size:14px;color:#68665b;max-width:270px;margin:0 0 14px}.text-button{display:inline-flex;gap:22px;align-items:center;font-size:12px;font-weight:700;background:none;border:0;border-bottom:1px solid #797468;padding:8px 0;margin-top:11px;line-height:1.5}.text-button span{font-size:22px;font-weight:400}.text-button:hover{color:var(--rust);border-color:var(--rust)}.peek-page{border:0;background:none;padding:0;min-width:0;text-align:center;transition:transform .25s}.peek-page .page-window{box-shadow:3px 9px 19px #5f503c1f}.peek-page-one{transform:rotate(-5deg)}.peek-page-two{transform:rotate(5deg);margin-top:40px}.peek-page-one:hover{transform:rotate(-2deg) translateY(-5px)}.peek-page-two:hover{transform:rotate(2deg) translateY(-5px)}.page-caption{display:block;font-size:18px;margin-top:17px;white-space:nowrap}.characters-section{padding-bottom:78px}.characters-section .section-aside{font-size:23px;transform:rotate(3deg);color:#7d714c}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.character-card{min-height:280px;position:relative;display:flex;align-items:center;overflow:hidden;padding:35px 28px 20px;border-radius:4px}.sammy-card{background:#f0e3cf}.cat-card{background:#e9e8dd}.character-portrait{flex:0 0 45%;height:245px;background-image:url('/assets/sammy-and-cat.webp');background-repeat:no-repeat;background-size:260% auto;align-self:flex-end;mix-blend-mode:multiply}.portrait-sammy{background-position:6% bottom}.portrait-cat{background-position:94% bottom}.character-copy{align-self:center;padding:0 0 10px 18px}.character-number{font-size:8px;font-weight:700;letter-spacing:1.8px;color:#817762}.character-copy h3{font-family:var(--hand);font-size:49px;line-height:1;margin:12px 0 15px;font-weight:400}.character-copy p{font-size:12px;line-height:1.85;color:#6a6558;margin:0}.character-copy blockquote{font-family:var(--hand);font-size:26px;color:var(--rust);margin:15px 0 0;transform:rotate(-3deg)}.next-section{display:flex;align-items:center;gap:33px;border-top:1px dashed #cfc7b5;border-bottom:1px dashed #cfc7b5;padding-block:44px 46px}.next-doodle{flex:0 0 105px}.next-doodle svg{width:100%;fill:none;stroke:#8e7146;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-7deg)}.next-section .eyebrow{margin-bottom:11px}.next-section h2{font-size:38px}.next-section p:not(.eyebrow){font-size:13px;color:var(--muted);margin:14px 0 0;line-height:1.9}.next-note{font-size:24px;line-height:1.3;transform:rotate(5deg);margin-left:auto;min-width:190px;color:#897146}.next-note span{font-size:35px}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:115px;align-items:center;padding:108px 65px 113px}.author-note{position:relative;background:#fffdf6;box-shadow:1px 9px 22px #6e5d3c15;padding:36px 60px 28px;transform:rotate(-5deg);max-width:340px;margin:0 auto;width:100%}.tape{position:absolute;top:-16px;left:34%;width:110px;height:33px;background:#d8c59f80;transform:rotate(3deg);clip-path:polygon(2% 0,98% 2%,100% 95%,0 100%)}.author-note>p{font-size:51px;line-height:1.12;margin:0;position:relative}.author-note>p>span:first-child{color:var(--rust)}.note-heart{position:absolute;font-size:62px;right:0;top:55px;color:#b56f46;transform:rotate(10deg)}.author-signature{display:block;text-align:right;font-size:23px;margin-top:25px;color:var(--muted)}.about-copy h2{font-size:45px;margin-bottom:25px}.about-copy .eyebrow{margin-bottom:13px}.about-copy p:not(.eyebrow){font-size:13px;color:#6b685e;line-height:1.95}.site-footer{border-top:1px solid var(--line);padding-block:39px 33px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .wordmark{font-size:28px}.site-footer p{font-size:10px;color:var(--muted);margin:12px 0 0}.site-footer>a{font-size:11px}.site-footer>a span{margin-left:15px;font-size:19px}.copyright{font-size:10px;color:var(--muted)}.skip-link{position:fixed;top:-100px;left:10px;background:var(--ink);color:white;z-index:100;padding:10px 20px}.skip-link:focus{top:10px}
dialog{border:1px solid #e3dbcc;border-radius:6px;padding:0;background:var(--paper);color:var(--ink);width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 28px);box-shadow:0 20px 100px #0004;overflow:auto}dialog::backdrop{background:#25231edb;backdrop-filter:blur(5px)}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:2}.reader-toolbar .eyebrow{margin:0 0 4px;font-size:8px}.reader-toolbar h2{font-size:25px}.icon-button{background:none;border:1px solid var(--line);width:38px;height:38px;border-radius:50%;font-size:17px}.icon-button:hover{background:#ece5d7}.reader-stage{padding:20px 30px 12px;display:flex;justify-content:center;background:#eee9df}.reader-page{position:relative;width:min(400px,100%);height:min(62dvh,618px);aspect-ratio:5.5/8.5;overflow:hidden;background:white;box-shadow:0 4px 20px #00000015;flex-shrink:0;max-width:calc(62dvh * .647)}.reader-page img{position:absolute;width:200%;height:100%;max-width:none;object-fit:fill;left:0}.reader-controls{display:flex;align-items:center;justify-content:center;gap:35px;padding:14px 20px 18px}.reader-controls>span{font-size:12px;min-width:84px;text-align:center}.reader-arrow{background:none;border:1px solid #bfb5a4;border-radius:50%;width:40px;height:40px;font-size:23px;line-height:1}.reader-arrow:hover:not(:disabled){background:#e7d8b7}.reader-arrow:disabled{opacity:.3}.preview-end{font-size:12px;text-align:center;color:var(--muted);max-width:400px;margin:0 auto;padding:0 15px 20px}.is-reading{overflow:hidden}
@media(min-width:1500px){.hero{min-height:730px}.hero-art{height:515px}.hero-friends{bottom:38px}}
@media(max-width:1120px){.wrap{width:calc(100% - 70px)}.header-link{display:none}.hero{grid-template-columns:1.05fr 1fr;min-height:610px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-art{height:410px;margin-right:-15px}.hero-friends{bottom:60px}.hero-sun{width:300px;height:310px;left:15%;top:50px}.hello-bubble{font-size:21px;top:8px;right:1%}.friend-name{font-size:20px;bottom:20px}.cat-label{right:-10px}.book-details{padding:40px 35px}.book-display{min-height:540px;padding-inline:48px}.book-object{width:235px}.inside-layout{gap:27px}.page-caption{font-size:16px}.character-card{padding-inline:15px}.character-copy{padding-left:12px}.character-portrait{flex-basis:42%;background-size:300% auto}.portrait-sammy{background-position:10% bottom}.portrait-cat{background-position:91% bottom}.about-section{gap:65px;padding-inline:20px}.next-note{font-size:21px;min-width:160px}.next-section h2{font-size:34px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.site-header{height:88px}.wordmark{font-size:29px}nav{gap:22px;font-size:11px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:38px;padding-bottom:75px;gap:0}.hero-copy{padding-bottom:0}.hero .eyebrow{font-size:8px;margin-bottom:24px;letter-spacing:1.5px}h1{font-size:70px;letter-spacing:-1.8px;margin-bottom:28px}.hero-description{font-size:15px;margin-bottom:23px}.hero-note{font-size:19px;margin-top:17px}.hero-art{height:420px;width:min(540px,100%);margin:35px auto 0}.hero-friends{width:105%;left:-2.5%;bottom:46px}.hero-sun{width:330px;height:330px;top:15px;left:22%}.hello-bubble{top:-4px;right:5%}.hero-spark{top:-4px;left:7%}.friend-name{bottom:4px;font-size:22px}.sammy-label{left:14%}.cat-label{right:3%}.scroll-note{bottom:21px;font-size:7px;letter-spacing:1.5px}.section-space{padding-top:65px;padding-bottom:65px}.section-intro{margin-bottom:32px;align-items:flex-start}.section-aside{font-size:12px;margin:32px 0 0;max-width:200px}h2{font-size:44px}.featured-book{grid-template-columns:1fr}.book-display{min-height:500px;padding:60px}.book-object{width:245px}.book-stamp{top:27px;left:25px}.book-details{padding:35px}.book-details h3{font-size:56px}.book-description{font-size:14px;max-width:480px}.inside-layout{grid-template-columns:1fr 1fr;padding-block:56px 60px;gap:30px}.inside-copy{grid-column:1/-1;max-width:550px}.inside-copy h2 br{display:none}.inside-copy p:not(.eyebrow){max-width:470px}.peek-page{width:86%;margin-inline:auto}.peek-page-two{margin-top:22px}.character-grid{grid-template-columns:1fr}.character-card{padding:20px 28px 0;min-height:290px}.character-portrait{flex-basis:45%;max-width:230px;background-size:250% auto;height:260px}.portrait-sammy{background-position:4% bottom}.portrait-cat{background-position:94% bottom}.character-copy{padding-left:25px}.character-copy h3{font-size:50px}.character-copy p{font-size:14px}.character-copy blockquote{font-size:29px}.characters-section .section-aside{font-size:18px;max-width:150px;margin-top:25px}.next-section{gap:23px;flex-wrap:wrap;padding-block:30px}.next-doodle{flex-basis:70px}.next-section>div:nth-child(2){flex:1}.next-section h2{font-size:34px}.next-section p:not(.eyebrow){font-size:12px}.next-section .eyebrow{font-size:8px}.next-note{display:none}.about-section{grid-template-columns:1fr;gap:50px;padding-inline:0}.author-note{max-width:285px;padding:30px 45px 25px}.author-note>p{font-size:46px}.about-copy{max-width:550px;margin:auto}.site-footer{flex-wrap:wrap;padding-block:30px;gap:24px}.site-footer>div{width:100%}.site-footer>a{font-size:10px}.copyright{margin-left:auto}}
@media(max-width:420px){.wrap{width:calc(100% - 36px)}.site-header{gap:15px}.wordmark{font-size:27px}nav{gap:16px;font-size:10px}h1{font-size:61px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px;gap:8px}.hero-art{height:340px;margin-top:43px}.hero-sun{width:260px;height:260px;top:15px;left:20%}.hero-friends{bottom:38px}.hello-bubble{font-size:19px;right:0;top:-9px}.hero-spark{width:45px;left:0}.friend-name{font-size:19px;bottom:0}.friend-name span{font-size:28px}.cat-label{right:0}.sammy-label{left:10%}.section-intro{flex-direction:column;gap:15px}.section-aside{margin:0;max-width:100%}.section-aside br{display:none}.book-display{min-height:455px}.book-object{width:220px}.book-details{padding:30px 25px}.book-stamp{font-size:20px}.page-caption{white-space:normal;line-height:1.2;font-size:17px}.inside-layout{gap:20px}.characters-section .section-aside{max-width:100%;margin-top:0}.character-card{padding-inline:15px}.character-copy{padding-left:10px}.character-copy p{font-size:12px}.character-portrait{background-size:280% auto;flex-basis:46%}.portrait-sammy{background-position:8% bottom}.portrait-cat{background-position:92% bottom}.character-copy h3{font-size:45px}.character-number{font-size:7px;letter-spacing:1.3px}.reader-stage{padding:14px 10px 8px}.reader-toolbar{padding:14px 17px}.reader-page{height:min(61dvh,618px);max-width:calc(61dvh * .647)}.next-section{gap:16px}.next-doodle{flex-basis:55px}.next-section h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
img{height:auto}
.cover-window img,.page-window img,.reader-page img{height:100%}
.hero-copy,.book-display,.book-details{min-width:0}
.character-portrait{height:auto;aspect-ratio:721.5/1089;max-width:190px;flex-basis:44%;background-size:200% 100%;background-position:left bottom;align-self:center}
.portrait-cat{background-position:right bottom}
@media(max-width:800px){.hero,.featured-book{grid-template-columns:minmax(0,1fr)}}
@media(max-width:420px){h1{font-size:clamp(48px,15vw,61px)}.book-display{padding-inline:30px}.character-copy blockquote{font-size:24px}}
body{overflow-x:clip}