@font-face{font-family:'Little Explorer Sans';src:url('assets/LittleExplorerSans-Bold-1812537799ff.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--paper:#f8f3e6;--ink:#29463b;--body:#4c6048;--leaf:#4f7243;--sage:#e5ebd2;--peach:#f1bfa6;--card:#fffdf5;--line:#d5ddc3;--space:8px;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--body);font-family:'Trebuchet MS',ui-rounded,system-ui,sans-serif;font-size:18px;line-height:1.6}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}h1,h2,h3,.brand,.button,.screen-tabs,.friend-strip figcaption{font-family:'Little Explorer Sans','Trebuchet MS',sans-serif;font-weight:700;color:var(--ink)}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(3rem,5.3vw,4.4rem);line-height:1.13;letter-spacing:-.045em}h1 em{color:var(--leaf);font-style:normal}h2{font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.25;letter-spacing:-.035em}h3{font-size:1.18rem;line-height:1.4}p+p{margin-top:16px}:focus-visible{outline:3px solid #926228;outline-offset:5px}main:focus{outline:0}.skip-link{position:fixed;left:16px;top:-100px;z-index:20;background:var(--ink);color:white;padding:12px 20px;border-radius:12px}.skip-link:focus{top:12px}.page{max-width:1248px;margin:0 auto;padding:0 48px}.header-wrap{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid #d5ddc360}.site-header{max-width:1248px;margin:auto;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;font-size:25px;line-height:1.03;letter-spacing:-.04em;min-height:52px;flex-shrink:0}.brand-pip{position:relative;display:block;width:40px;height:40px;flex:0 0 40px;margin-right:12px;overflow:hidden;border-radius:50%;background:var(--paper)}.brand-pip img{position:absolute;width:84.76px;height:auto;max-width:none;left:-22.16px;top:-24.32px}.site-header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.site-header nav>a{display:flex;align-items:center;min-height:44px;text-decoration:none;white-space:nowrap;font-size:16px;font-weight:700}.site-header nav>a:not(.button):hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:14px 24px;border:1px solid #d7a087;border-radius:16px;background:var(--peach);color:#573b2a;box-shadow:0 4px 0 #ce977b;text-decoration:none;line-height:1.4;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #ce977b}.button:active{transform:translateY(2px);box-shadow:0 2px 0 #ce977b}.site-header .header-play{padding:10px 16px;min-height:44px;font-size:15px;border-radius:12px}.eyebrow{font-size:.875rem;letter-spacing:.13em;font-weight:700;line-height:1.7;margin-bottom:16px;color:var(--body)}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;padding:64px 0 88px}.hero-copy{min-width:0}.hero-description{max-width:520px;font-size:1.16rem;line-height:1.65;margin-top:24px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:1rem}.age-note{font-size:1rem;font-weight:700;margin-top:24px}.age-note span{margin:0 8px}.availability{font-size:.94rem;max-width:440px;line-height:1.6;margin-top:12px}.hero-art{position:relative;max-width:380px;width:100%;justify-self:center;padding:0 0 24px}.pip-hero{width:100%;border-radius:28px;box-shadow:0 12px 32px #29463b0d;transform-origin:50% 80%}.pip-label{position:absolute;bottom:32px;left:-24px;background:var(--card);border:1px solid #d5ddc3;border-radius:16px;box-shadow:0 6px 16px #29463b10;padding:16px 24px;transform:rotate(-5deg)}.pip-label span{display:block;font-family:'Little Explorer Sans',sans-serif;font-size:1.35rem;color:var(--ink)}.pip-label small{font-size:.9rem}.section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;margin-bottom:40px}.section-heading>p{max-width:420px}.adventure{background:var(--sage);border-radius:32px;padding:48px;margin:0 -24px}.product-view{background:var(--card);padding:24px;border-radius:24px;border:1px solid #c6d0b4}.screen-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-bottom:20px;border-bottom:1px solid var(--line)}.screen-tabs button{white-space:nowrap;min-height:52px;border:1px solid transparent;border-radius:12px;background:transparent;font-size:18px;color:var(--body);display:flex;justify-content:center;align-items:center;gap:10px}.screen-tabs button span{font-size:14px}.screen-tabs button[aria-selected=true]{background:var(--ink);color:var(--card)}.screen-tabs button:hover:not([aria-selected=true]){background:var(--sage)}.screen-panel figcaption{min-height:110px;padding:24px 0;font-size:1rem}.screen-panel figcaption strong{display:block;font-size:1.1rem;color:var(--ink);margin-bottom:4px}.screen-image{display:block;aspect-ratio:1363/936;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}.screen-image img{width:100%;height:100%;object-fit:contain}.screen-note{font-size:.875rem;margin-top:16px;max-width:760px}.learning-note{font-size:1rem;margin-top:24px;max-width:800px}.friends{padding:88px 0}.friends .section-heading{margin-bottom:48px}.friend-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;padding:8px 4px 16px;margin:0 -4px}.friend-strip figure{min-width:0}.friend-card{position:relative;container-type:inline-size;overflow:hidden;border:6px solid var(--card);outline:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 4px 0 #d5ddc3}.friend-card img{width:100%}.friend-card span{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%) rotate(-3deg);width:28%;aspect-ratio:1;display:grid;place-items:center;font-family:'Little Explorer Sans',sans-serif;font-weight:700;font-size:22cqw;line-height:1;background:#f8e6ae;color:#365537;border:2px solid #fff7dc;border-radius:18%;box-shadow:0 3px 0 #b59f67}.friend-strip figcaption{text-align:center;padding-top:16px;font-size:1.1rem;line-height:1.4}.friend-strip small{display:block;font-family:'Trebuchet MS',system-ui,sans-serif;font-weight:400;font-size:.875rem;color:var(--body);margin-top:4px}.art-note{text-align:center;font-size:.875rem;margin-top:16px}.parents{display:grid;grid-template-columns:1fr 1fr;gap:64px;background:var(--card);border:1px solid var(--line);padding:48px;border-radius:28px;margin:0 -24px}.parents-intro>p:not(.eyebrow){margin-top:24px}.parents h2{font-size:clamp(1.9rem,2.8vw,2.4rem)}blockquote{margin:32px 0 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:1.2rem;color:var(--ink)}.teacher-note{font-size:1rem}.parent-notes{display:grid;gap:24px}.parent-notes p{font-size:1rem;margin-top:8px}.parent-notes>.text-link{justify-self:start}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;padding:88px 0}.faq h2{max-width:350px}.faq-list{min-width:0}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{position:relative;font-weight:700;padding:20px 28px 20px 0;min-height:64px;cursor:pointer;color:var(--ink);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';position:absolute;right:0;top:18px;font-size:22px}.faq details[open] summary::after{content:'−'}.faq details p{font-size:1rem;padding:0 16px 24px 0}.closing-note{text-align:center;background:var(--sage);padding:56px 24px;border-radius:32px}.closing-note h2{font-size:clamp(2.25rem,4vw,3rem)}.closing-note>p:not(.eyebrow){margin-top:16px}.closing-note .button{margin-top:32px}.closing-note small{display:block;font-size:.875rem;margin-top:24px}.maker-note{display:grid;grid-template-columns:.65fr 1.35fr;gap:48px;padding:56px 0}.maker-note h2{font-size:1.4rem}.maker-note p{font-size:1rem;max-width:650px}footer{padding:32px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:.875rem}footer a{min-height:44px;display:inline-flex;align-items:center}footer nav{display:flex;gap:24px;flex-wrap:wrap}.footer-name{font-weight:700;color:var(--ink);text-decoration:none;font-size:1rem}.document{max-width:800px;padding:64px 0 80px;margin:auto}.document h1{font-size:clamp(2.6rem,5vw,3.7rem)}.document .intro{font-size:1.15rem;margin-top:24px}.document .updated{font-size:.875rem;margin:16px 0 40px}.document h2{font-size:1.65rem;margin:40px 0 16px}.document p,.document li{font-size:1.05rem}.document ul,.document ol{padding-left:24px}.document li+li{margin-top:12px}.document .notice{padding:24px;background:var(--sage);border-radius:16px;margin-top:32px}.document .button{margin-top:24px}
.preview-status{min-height:24px;font-size:.875rem;margin-top:12px}.preview-status:empty{visibility:hidden}.product-view[aria-busy=true] .screen-tabs{cursor:progress}.product-view[aria-busy=true] .screen-tabs button{cursor:progress}
.friend-card span{left:12px;top:12px;transform:none;width:36px;height:36px;font-size:22px;border-radius:50%;background:var(--card);border:1px solid var(--line);box-shadow:none}
.reward-preview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:40px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:32px;min-height:440px}.reward-art{display:block;max-width:280px;justify-self:center;border-radius:20px;overflow:hidden}.reward-art img{width:100%;height:auto}.reward-story h3{font-size:2rem;margin-bottom:16px}.reward-story p{font-size:1rem}.reward-story .eyebrow,.preview-kind{font-size:.875rem}.preview-kind{margin-top:24px;color:var(--body)}
@media(max-width:600px){.reward-preview{grid-template-columns:1fr;gap:24px;padding:24px;min-height:0}.reward-art{max-width:240px}.reward-story h3{font-size:1.7rem}.reward-story .eyebrow{margin-bottom:8px}}
@media(max-width:1000px){.page{padding:0 32px}.site-header{padding:16px 32px}.hero{gap:32px;padding:48px 0 64px}.hero-art{max-width:320px}.hero-actions{gap:16px}.section-heading{gap:32px}.adventure,.parents{margin:0;padding:32px}.parents{gap:32px}.friend-strip{gap:12px}.faq{gap:32px}.friends,.faq{padding-top:64px;padding-bottom:64px}.site-header nav{gap:20px}}
@media(max-width:700px){html{scroll-padding-top:140px}.page{padding:0 24px}.site-header{padding:12px 24px;gap:16px;flex-wrap:wrap}.brand{font-size:22px}.site-header nav{gap:16px}.site-header nav>a{font-size:14px}.site-header .header-play{font-size:14px;padding:8px 12px}.hero{grid-template-columns:1fr;padding-top:40px;gap:40px}.hero-copy{max-width:540px}.hero h1{font-size:clamp(2.9rem,8vw,3.8rem)}.hero-description{font-size:1.1rem}.hero-art{max-width:320px;width:76%;}.pip-label{left:8px;bottom:28px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.section-heading>p{max-width:100%}.adventure{padding:28px 20px;margin:0 -8px;border-radius:24px}.product-view{padding:16px;border-radius:16px}.screen-tabs{gap:4px;padding-bottom:16px}.screen-tabs button{font-size:15px;gap:4px;min-height:48px;flex-direction:column;line-height:1.25;padding:8px 4px}.screen-tabs button span{font-size:12px}.screen-panel figcaption{padding:20px 0;min-height:170px}.screen-panel figcaption strong{font-size:1rem}.screen-image{border-radius:8px}.friend-strip{display:flex;overflow-x:auto;gap:16px;padding:8px 4px 20px;scroll-snap-type:x proximity}.friend-strip figure{flex:0 0 148px;scroll-snap-align:start}.parents{grid-template-columns:1fr;padding:32px 24px;gap:32px;margin:0 -8px}.parents h2{font-size:2rem}.faq{grid-template-columns:1fr;gap:24px}.faq h2{max-width:100%}.closing-note{padding:40px 20px}.maker-note{grid-template-columns:1fr;gap:16px;padding:40px 0}footer{align-items:flex-start;flex-direction:column;gap:8px}footer nav{gap:20px}.document{padding:40px 0 56px}.document h2{font-size:1.5rem}}
@media(max-width:540px){.site-header{gap:8px}.site-header .brand{font-size:21px}.site-header nav{width:100%;justify-content:space-between;gap:12px}.site-header .header-play{margin-left:auto}.hero{padding-top:32px}.eyebrow{font-size:.8rem;letter-spacing:.09em}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.hero-actions .button{width:100%;max-width:320px}.hero .age-note{font-size:.875rem}.age-note span{margin:0 4px}.friends,.faq{padding:56px 0}.screen-panel figcaption{font-size:.9rem}.screen-note{font-size:.8rem}.document .notice{padding:20px}}
@media(max-width:370px){.page{padding:0 16px}.site-header{padding:12px 16px}.site-header nav{gap:8px}.site-header nav>a{font-size:14px}.site-header .header-play{font-size:14px;padding:8px 10px}.hero h1{font-size:2.7rem}.pip-label{left:0;padding:12px 16px;bottom:12px;transform:rotate(-3deg)}.pip-label span{font-size:1.1rem}.pip-label small{font-size:.8rem}.adventure{padding:24px 12px;margin:0}.product-view{padding:12px}.screen-tabs button{font-size:14px}.parents{margin:0;padding:24px 20px}.friend-strip figure{flex-basis:140px}.eyebrow{letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.button:active{transform:none}}
@media(forced-colors:active){.button,.screen-tabs button,.friend-card,.parents,.product-view,.screen-image{border:1px solid ButtonText}.screen-tabs button[aria-selected=true]{outline:2px solid Highlight}.friend-card span{border:2px solid CanvasText}.header-wrap{background:Canvas}.pip-label{border:1px solid CanvasText}}

/* Current Pip portraits and the letter-matched hatchling collection. */
.brand-pip{width:44px;height:44px;flex-basis:44px;border-radius:12px}
.brand-pip img{position:static;width:100%;height:100%;max-width:100%;object-fit:cover}
.hero-art{max-width:432px;padding-bottom:0}
.pip-hero{aspect-ratio:1122/1402;background:var(--ink);border-radius:32px;box-shadow:0 16px 40px #29463b18}
.pip-label{position:relative;left:auto;bottom:auto;width:max-content;max-width:calc(100% - 32px);margin:-20px auto 0;padding:12px 20px;transform:rotate(-3deg)}
.screen-tabs .step-icon{width:24px;height:24px;stroke-width:1.8}
.friend-card img{aspect-ratio:784/1168;object-fit:contain;background:var(--paper)}
@media(max-width:1000px){.hero-art{max-width:380px}}
@media(max-width:700px){.hero-art{width:100%;max-width:400px}.pip-hero{border-radius:24px}.pip-label{margin-top:-16px}.screen-tabs .step-icon{width:22px;height:22px}}
@media(max-width:370px){.pip-label{padding:12px 16px;left:auto;bottom:auto}.friend-card span{left:8px;top:8px;width:32px;height:32px;font-size:20px}}