:root{--cream:#fff7e7;--paper:#f6ecd8;--mist:#c9e5e5;--fern:#4d806e;--meadow:#e6eedc;--gold:#e9b44c;--coral:#b34d30;--ink:#174655;--night:#30455c;--display:"Baloo 2",Georgia,serif;--body:"Nunito Sans",sans-serif;--ease:cubic-bezier(.2,.7,.2,1);--space:clamp(4rem,8vw,8rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;color:var(--ink);background:var(--cream);font:400 17px/1.65 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.05;letter-spacing:-.025em;text-wrap:balance}h2{font-size:clamp(2.2rem,4.5vw,4.2rem)}h3{font-size:clamp(1.65rem,2.9vw,2.5rem)}p{text-wrap:pretty}a{color:inherit}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}a,button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:3px solid #ac4b27;outline-offset:5px}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.wrap{width:min(1240px,90%);margin-inline:auto}.section{padding-block:var(--space);scroll-margin-top:4rem}.eyebrow{font:800 .74rem/1.5 var(--body);letter-spacing:.15em;text-transform:uppercase;color:var(--coral);margin-bottom:1rem}.section-heading{text-align:center;max-width:780px;margin:0 auto 3.5rem;padding-inline:1rem}.section-heading p:last-child{margin-top:1rem}.text-link{display:inline-flex;gap:1rem;align-items:center;min-height:48px;text-underline-offset:6px;text-decoration-thickness:1px;font-weight:800}.skip{position:fixed;top:1rem;left:1rem;transform:translateY(-180%);z-index:100;background:var(--cream);padding:.8rem 1.2rem;border:2px solid var(--ink)}.skip:focus{transform:none}
.site-head{position:relative;z-index:30;min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem max(3%,calc((100vw - 1440px)/2));background:var(--cream)}.brand{position:relative;display:inline-flex;flex-direction:column;font:800 1.65rem/.82 var(--display);letter-spacing:-.06em;text-decoration:none}.brand>span{position:relative;display:block}.brand b{color:var(--coral);font-size:1.1em}.brand-spark{position:absolute;top:-.16em;margin-left:.15em;font-size:1.9em;color:#b57c13;font-weight:600;transform:rotate(12deg)}.nav{display:flex;gap:clamp(1.1rem,2.4vw,2.6rem);align-items:center}.nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-weight:800;font-size:.92rem;position:relative}.nav a::after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease)}.nav a:hover::after,.nav a:focus-visible::after{transform:scaleX(1)}.nav .parent-link{padding-left:1.4rem;border-left:1px solid #17465535;font-weight:600}.menu-toggle{display:none;background:none;border:1px solid #17465550;min-height:44px;padding:.45rem .85rem;border-radius:5px;font-weight:800}.menu-toggle span{margin-left:.8rem}
.opening{position:relative;min-height:670px;height:calc(100svh - 84px);max-height:1100px;overflow:hidden;isolation:isolate;background:#ddcfae}.hero-image{position:absolute;inset:0;overflow:hidden;isolation:isolate}.valley-poster,.valley-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.valley-poster{z-index:0}.valley-motion{z-index:1;pointer-events:none}.hero-shade{position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(0deg,#102a24b8,transparent 64%),linear-gradient(90deg,#122d235e,transparent 64%)}.hero-copy{position:absolute;z-index:8;left:max(5%,calc((100vw - 1240px)/2));bottom:clamp(4rem,8vh,7rem);max-width:620px;color:var(--cream)}.hero-copy .eyebrow{color:#ffda86;text-shadow:0 1px 8px #183426}.hero-copy h1{font-size:clamp(3.2rem,5.2vw,5.6rem);line-height:.97;letter-spacing:-.035em;text-shadow:0 3px 28px #142d284d}.hero-copy h1 em{font-style:normal;color:#ffe3a2}.hero-description{font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.5;margin-top:1.4rem;color:#fffaf0}.actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.7rem}.button{border:1px solid transparent;border-radius:7px 18px 7px 18px;min-height:52px;display:inline-flex;gap:1.3rem;justify-content:center;align-items:center;font:800 .96rem/1.3 var(--body);text-decoration:none;padding:.9rem 1.4rem;transition:transform .25s var(--ease),box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 22px #183a2820}.button.gold{background:#f5c55e;color:#243c30}.button.glass{border-color:#fff7e79c;color:#fff7e7;background:#153d326e}.button.green{background:var(--ink);color:var(--cream)}.button.outline{border-color:var(--ink);color:var(--ink);background:transparent}.chapter-hint{position:absolute;z-index:8;bottom:1.3rem;left:5%;color:#fff7e7c9;font-size:.76rem;letter-spacing:.03em}.chapter-hint span{margin-left:1.4rem}.motion-toggle{position:absolute;z-index:12;right:2%;top:1rem;border:1px solid #fff7e7a0;background:#183a32e8;color:var(--cream);border-radius:999px;padding:.65rem .95rem;min-height:44px;font:800 .76rem/1.2 var(--body)}.motion-toggle:focus-visible{outline-color:var(--gold)}
.cloud-layer{position:absolute;z-index:3;width:70%;pointer-events:none;will-change:transform;transform:translate3d(var(--look-x,0px),var(--look-y,0px),0)}.cloud-layer img{width:100%;height:auto;opacity:0}.cloud-far{top:-34%;right:-32%;width:75%}.cloud-near{left:-39%;top:-23%;width:84%;z-index:4}.hero-image.is-animated .cloud-far img{animation:cloud-open-far 5.2s var(--ease) both,cloud-breathe 29s ease-in-out 5.2s infinite alternate}.hero-image.is-animated .cloud-near img{animation:cloud-open-near 4.8s var(--ease) both,cloud-breathe 37s ease-in-out 4.8s infinite alternate}.valley-birds{position:absolute;z-index:2;top:22%;left:18%;width:95px;fill:none;stroke:#314c4cc4;stroke-width:2;opacity:0;pointer-events:none}.is-animated .valley-birds{animation:birds-pass 37s linear 5s infinite}.hero-image[data-motion="paused"] *,.hero-image[data-motion="suspended"] *{animation-play-state:paused!important}.hero-rex{position:absolute;z-index:9;right:6%;bottom:3.8rem;width:clamp(110px,11vw,175px);text-align:center;text-decoration:none}.rex-peek{display:block;height:clamp(95px,10vw,150px);overflow:hidden;mask-image:linear-gradient(#000 76%,transparent)}.rex-peek img{width:100%;height:auto;transform:translateY(13px);transition:transform .7s var(--ease)}.hero-rex:hover .rex-peek img,.hero-rex:focus-visible .rex-peek img{transform:translateY(0) rotate(-3deg)}.rex-label{display:inline-block;color:#fff8e8;background:#284b37e8;border:1px solid #fff7e770;padding:.45rem .75rem;border-radius:5px;font-size:.74rem;font-weight:800}
.choose{background:radial-gradient(ellipse at 50% 80%,#f1e4c6,transparent 70%),var(--cream)}.entrances{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,3vw,3rem)}.entrance{display:block;text-decoration:none}.door-art{display:block;aspect-ratio:4/4.7;overflow:hidden;border-radius:46% 46% 5px 5px;box-shadow:0 15px 28px -18px #173d4c80;border:5px solid #fffdf5;outline:1px solid #d4c8ad;transition:transform .4s var(--ease)}.door-art img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.entrance:hover .door-art{transform:translateY(-5px) rotate(-1deg)}.entrance:hover .door-art img{transform:scale(1.025)}.listen-door,.play-door{padding-top:1.9rem}.read-door .door-art img{object-position:50% 90%}.play-door .door-art img{object-position:54% 50%}.door-name{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem;font:700 clamp(1.25rem,2vw,1.85rem)/1.1 var(--display)}.entrance>span:last-child{display:block;margin-top:.45rem;color:#426258;font-size:.88rem}
.friends{background:linear-gradient(#e8efde,#dae9d5);position:relative}.friends-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center}.friends-intro>p:not(.eyebrow){max-width:430px;margin-top:1.6rem}.friend-note{min-height:6rem;font-size:1rem;color:#345749;border-left:3px solid #86a986;padding-left:1.1rem}.cast{display:flex;align-items:flex-end;justify-content:center;gap:.5rem}.friend{flex:1;min-width:0;border:0;padding:0 .3rem 1rem;background:transparent;color:var(--ink);text-align:center;border-radius:9px}.friend img{height:clamp(235px,26vw,370px);width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 15px 10px #345c3121);transition:transform .4s var(--ease)}.friend.victor img{height:clamp(205px,23vw,315px)}.friend:hover img{transform:translateY(-6px) rotate(-2deg)}.friend[aria-pressed="true"]{background:#fff7e747}.friend span{display:block;font:700 1.75rem/1.2 var(--display);margin-top:1.3rem}.friend small{display:block;font-size:.75rem;line-height:1.45}
.treasures{background:radial-gradient(ellipse at 80% 90%,#efe0bd,transparent 63%),var(--cream)}.treasure-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:center}.treasure-copy>p:not(.eyebrow){margin:1.5rem 0;max-width:400px}.book-pair{display:flex;align-items:center;gap:clamp(1.1rem,3vw,2.8rem);padding:2rem .6rem 2.2rem}.book-jacket{position:relative;display:block;flex:1;min-width:0;border-radius:2px 6px 6px 2px;box-shadow:4px 5px 0 #d6ccaf,8px 9px 0 #faf3de,12px 13px 0 #d6ccaf,17px 25px 35px -15px #44391b70;transform:rotate(-5deg);transition:transform .35s var(--ease);overflow:hidden}.book-jacket::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#75513022,transparent 4%,#fff8 4.6%,transparent 6%);border:1px solid #8877452b}.book-jacket>img{width:100%;height:auto}.kick-jacket{transform:rotate(5deg) translateY(28px)}.book-jacket:hover{transform:rotate(0) translateY(-7px)}.jacket-type{position:absolute;top:6%;left:9%;right:7%;color:#244e4a;text-align:center}.jacket-type small{display:block;font:800 clamp(.48rem,.7vw,.65rem)/1.4 var(--body);letter-spacing:.04em;text-transform:uppercase}.jacket-type strong{display:block;font:800 clamp(1.35rem,2.3vw,2.5rem)/.98 var(--display);margin-top:.65rem;letter-spacing:-.025em}.kick-jacket .jacket-type{top:5%;color:#24474f}.song-link{display:flex;gap:1rem;align-items:center;text-decoration:none;margin-top:1.6rem;border-top:1px solid #c6cbb4;padding-top:1.6rem}.song-disc{width:76px;flex-shrink:0;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px #234a3420;border:5px solid var(--ink);position:relative}.song-disc::after{content:"";position:absolute;left:45%;top:45%;width:10%;height:10%;border-radius:50%;background:var(--cream)}.song-disc img{width:100%;aspect-ratio:1;object-fit:cover}.song-link small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}.song-link strong{display:block;line-height:1.4;margin:.25rem 0}.song-link span>span{font-size:.85rem;text-decoration:underline;text-underline-offset:4px}
.studio{background:linear-gradient(#e2eeea,#c9e5e5)}.map-wrap{position:relative}.studio-map{width:100%;height:auto;border-radius:5px}.map-markers{position:absolute;inset:0}.map-marker{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;background:none;width:48px;height:48px;padding:5px;filter:drop-shadow(0 3px 3px #14372d50)}.map-marker span{display:grid;place-items:center;width:100%;height:100%;background:#fff6df;color:var(--ink);border:2px solid #c4983e;border-radius:50% 50% 50% 8%;transform:rotate(-45deg);font-weight:900;font-size:0}.map-marker span::after{content:attr(data-number);transform:rotate(45deg);font-size:1rem}.map-marker[aria-pressed="true"] span{background:var(--gold);border-color:#7e4c13}.studio-caption{display:grid;grid-template-columns:1fr .7fr;gap:3rem;padding-top:2.3rem}.place-caption p:last-child{margin-top:1rem;max-width:640px;min-height:3.3rem}.place-caption .eyebrow{margin-bottom:.55rem}.studio-actions{align-self:center;text-align:right}.studio-actions p{font-size:.8rem;margin-top:.7rem}.studio-actions .text-link{font-size:.85rem}.studio .section-heading{max-width:850px}
.collection{background:var(--cream)}.collection-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,6vw,6rem);align-items:center}.collection-scene{overflow:hidden;border-radius:48% 48% 3px 3px}.collection-scene img{width:100%;height:auto}.collection-copy>p:not(.eyebrow){margin-top:1.5rem;max-width:430px}.collection-copy .button{margin-top:1.5rem}.product-status{font-size:.85rem;color:#6b5a33}.parents{background:#f0e7d4}.parents-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.parents h2{font-size:clamp(2rem,3.4vw,3.1rem)}.parent-promises{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-block:1.4rem;font-size:.85rem}.parent-promises span{display:block;border-bottom:1px solid #acae90;padding-bottom:.25rem}.site-foot{padding:3.5rem 0 2.5rem;background:var(--cream)}.site-foot .wrap{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.site-foot p{text-align:right;font-size:.94rem}.site-foot nav{display:flex;gap:1.5rem;flex-wrap:wrap}.site-foot nav a{min-height:44px;font-size:.9rem}.site-foot small{font-size:.76rem;text-align:right;align-self:center}
.word-game{border:0;padding:0;width:min(900px,94vw);max-height:94svh;overflow:auto;border-radius:14px;background:var(--cream);color:var(--ink);box-shadow:0 35px 150px #092d4490}.word-game::backdrop{background:#0c322cd6;backdrop-filter:blur(5px)}.game-top{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.2rem;font:800 .9rem var(--body)}.icon-button{border:0;background:none;min-width:48px;min-height:48px;color:var(--ink);font-size:1.3rem}.game-scene{height:180px;overflow:hidden}.game-scene img{width:100%;height:100%;object-fit:cover;object-position:50% 53%}.game-content{padding:1.5rem clamp(1.2rem,5vw,3rem) 2rem;text-align:center}.game-content h2{font-size:clamp(1.8rem,4vw,2.5rem)}#game-question{font-size:clamp(1.1rem,2.4vw,1.5rem);margin:1.2rem 0;line-height:1.5}.word-options{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.word-option{min-width:100px;min-height:58px;padding:.7rem 1.3rem;background:#fffaf0;border:2px solid #9db29b;border-radius:5px 13px 5px 13px;color:var(--ink);font:700 1.3rem var(--display)}.word-option:hover:not(:disabled){background:#f8e0a3}.word-option.is-correct{background:#dceccc;border-color:#407554}.word-option.is-incorrect{border-style:dashed;background:#f5e4cc}.game-feedback{min-height:1.7rem;margin-top:1.1rem;font-weight:700}.game-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.text-button{border:0;background:none;text-decoration:underline;color:var(--ink);min-height:44px}.game-content .eyebrow{margin-bottom:.6rem}
.motion-enabled [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .65s var(--ease),transform .8s var(--ease)}.motion-enabled [data-reveal].revealed{opacity:1;transform:none}.entrance:nth-child(2){transition-delay:.08s}.entrance:nth-child(3){transition-delay:.16s}.entrance:nth-child(4){transition-delay:.24s}
@keyframes cloud-open-near{0%{opacity:.82;transform:translate3d(40%,19%,0) scale(1.13)}70%{opacity:.26}100%{opacity:0;transform:translate3d(-26%,-10%,0) scale(1)}}
@keyframes cloud-open-far{0%{opacity:.72;transform:translate3d(-40%,26%,0) scale(1.1)}70%{opacity:.2}100%{opacity:0;transform:translate3d(27%,-10%,0) scale(1)}}
@keyframes cloud-breathe{from{translate:0 0}to{translate:2.5% -1.5%}}
@keyframes birds-pass{0%{opacity:0;transform:translateX(-40px) scale(.65)}10%,48%{opacity:.8}57%,100%{opacity:0;transform:translateX(380px) translateY(-24px) scale(.45)}}
.song-disc{flex:0 0 76px;width:76px;height:76px}.song-disc img{width:100%;height:100%;object-fit:cover}
.hero-image[data-motion="paused"] .cloud-layer{visibility:hidden}
.opening{min-height:560px}.cloud-layer{translate:calc(var(--scroll-shift,0px) * var(--scroll-direction,1)) 0}.cloud-near{--scroll-direction:-1}.cloud-far{--scroll-direction:1}
@media(min-width:1700px){.opening{min-height:780px}.hero-copy{bottom:12%}}
@media(max-width:1000px){.friends-layout,.treasure-layout{gap:2rem}.entrances{gap:1.4rem}.hero-rex{right:5%;bottom:4.5rem}.nav{gap:1.3rem}.book-pair{gap:1.2rem}.jacket-type strong{font-size:clamp(1.3rem,2.5vw,2rem)}.cast{gap:0}.friend img{height:290px}.friend.victor img{height:250px}}
@media(max-width:720px){html{scroll-padding-top:1rem}.site-head{min-height:72px;padding:.9rem 5%;flex-wrap:wrap}.brand{font-size:1.3rem}.menu-toggle:not([hidden]){display:block}.nav{width:100%;display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;padding-top:.6rem}.nav[data-enhanced="true"]{display:none}.nav[data-enhanced="true"].open{display:flex}.nav .parent-link{border:0;padding:0}.opening{height:calc(100svh - 72px);min-height:650px;max-height:880px;background:var(--cream)}.hero-image{bottom:18%;}.hero-image .valley-poster,.hero-image .valley-motion{object-position:61% center}.hero-shade{background:linear-gradient(0deg,var(--cream) 0%,var(--cream) 12%,#fff7e7ed 22%,#fff7e785 36%,transparent 49%)}.hero-copy{left:6%;right:6%;bottom:2rem;max-width:none;color:var(--ink)}.hero-copy h1{font-size:clamp(2.6rem,9.3vw,4.25rem);line-height:1}.hero-copy h1 em{color:var(--ink)}.hero-copy .eyebrow{color:#954422;text-shadow:none;font-size:.67rem;margin-bottom:.5rem}.hero-copy h1{text-shadow:none}.hero-description{color:#244b45;font-size:1rem;line-height:1.4;margin-top:.8rem}.hero-copy .actions{margin-top:1.25rem;gap:.5rem}.button{padding:.85rem 1rem;font-size:.87rem;min-height:49px;gap:.65rem}.button.glass{color:var(--ink);background:#fff7e7a0;border-color:#52736b}.hero-rex{right:6%;top:40%;bottom:auto;width:84px}.rex-peek{height:84px}.rex-label{font-size:.6rem;padding:.3rem .4rem}.chapter-hint{display:none}.cloud-near{top:-1%;left:-60%;width:115%}.cloud-far{top:-7%;right:-60%;width:112%}.motion-toggle{font-size:.68rem;top:.7rem;right:.7rem}.valley-birds{top:26%;width:65px;left:5%}.section{padding-block:3.8rem}.section-heading{margin-bottom:2.2rem}.section-heading p:last-child{font-size:.98rem}.entrances{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}.listen-door,.play-door{padding-top:0}.read-door,.shop-door{padding-top:1.5rem}.door-name{font-size:1.3rem;gap:.4rem}.entrance>span:last-child{font-size:.8rem}.door-art{aspect-ratio:4/4.5;border-width:3px}.friends-layout,.treasure-layout,.collection-layout,.parents-layout{grid-template-columns:1fr}.friends-intro h2{max-width:500px}.friend-note{min-height:4.8rem}.friend img{height:clamp(210px,47vw,300px)}.friend.victor img{height:clamp(180px,41vw,270px)}.friend span{font-size:1.4rem}.friend small{font-size:.64rem}.friends-layout{gap:1rem}.book-pair{padding:1.6rem .6rem 2rem;gap:1.8rem}.jacket-type strong{font-size:clamp(1.4rem,5vw,2.4rem)}.jacket-type small{font-size:clamp(.47rem,1.6vw,.7rem)}.treasure-layout{gap:1rem}.studio-caption{grid-template-columns:1fr;gap:1.5rem;padding-top:1.5rem}.studio-actions{text-align:left}.map-wrap{width:100%;overflow:hidden}.map-marker{width:44px;height:44px;padding:7px}.map-marker span::after{font-size:.8rem}.studio-map{border-radius:0}.collection-layout{gap:2rem}.parents-layout{gap:1.5rem}.site-foot .wrap{grid-template-columns:1fr;gap:1.5rem}.site-foot p,.site-foot small{text-align:left}.site-foot nav{gap:1rem}.game-scene{height:130px}.game-content{padding-top:1rem}.word-option{min-width:85px;font-size:1.15rem;padding:.5rem .8rem}.game-controls{flex-wrap:wrap}}
@media(max-width:370px){.hero-copy .button{font-size:.78rem;padding:.75rem .8rem}.hero-copy h1{font-size:2.45rem}.friend img{height:190px}.friend.victor img{height:166px}.entrances{gap:1.5rem 1rem}.door-name{font-size:1.15rem}.map-marker{padding:9px}.friend-note{min-height:6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.cloud-layer{display:none}.motion-enabled [data-reveal]{opacity:1;transform:none}.valley-birds{display:none}}