@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Fredoka:wght@500;600;700&display=swap";:root{--yellow:#ffca16;--navy:#171a31;--cream:#fffaf0;--blue:#e9efff;--ink:#28253b;--round:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3{color:var(--navy);margin:.25rem 0 1rem;font-family:Fredoka,sans-serif;line-height:.98}h1{font-size:clamp(3.5rem,8vw,7.4rem)}h2{font-size:clamp(2.4rem,4.5vw,4.5rem)}h3{font-size:2rem}em{color:#f09b00;font-style:normal}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#687094;font-size:.72rem;font-weight:700}.pill{background:#fff3c4;border-radius:100px;padding:.65rem .9rem;font-size:.8rem;font-weight:700;display:inline-block}header{z-index:3;align-items:center;gap:1.7rem;max-width:1240px;height:76px;margin:auto;padding:0 28px;display:flex;position:relative}.brand{color:var(--navy);align-items:center;gap:.5rem;font:700 1.5rem Fredoka;display:flex}.brandmark{background:var(--yellow);color:#fff;border-radius:50%;place-items:center;width:29px;height:29px;padding-left:2px;font:11px Arial;display:grid}nav{gap:1.2rem;font-size:.92rem;font-weight:700;display:flex}nav a{padding:.4rem}.studio{margin-left:auto;font-size:.9rem;font-weight:700}.menu{background:0 0;border:0;font-size:1.5rem;display:none}.hero{background:radial-gradient(circle at 80% 20%,#fff4bd 0 7%,#0000 7.1%),linear-gradient(125deg,#ffdc51,#ffc41c);align-items:center;min-height:610px;padding:70px max(7vw,28px);display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;width:52%;position:relative}.hero h1{letter-spacing:-.055em;margin-top:1rem}.hero h1 span{font-size:.5em}.hero-copy>p{margin-bottom:2rem;font:500 clamp(1.3rem,2vw,1.8rem) Fredoka}.actions{flex-wrap:wrap;gap:.8rem;display:flex}.button{background:var(--navy);color:#fff;border:2px solid var(--navy);border-radius:14px;padding:.85rem 1.2rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-block}.button:hover{transform:translateY(-3px);box-shadow:0 7px #171a3133}.button.light{color:var(--navy);background:#fff}button:disabled{opacity:.4;cursor:not-allowed}.hero-art{width:min(55vw,680px);height:100%;position:absolute;bottom:-50px;right:3%}.hero-art img{object-fit:contain;filter:drop-shadow(0 20px #ad78001f);width:100%;height:100%;transition:transform .3s;position:absolute;bottom:0}.hero-art:hover img{transform:translateY(-13px)rotate(1deg)}.star{color:#fff;font-size:3rem;font-style:normal;animation:2.3s infinite twinkle;position:absolute}.s1{top:19%;right:11%}.s2{font-size:2rem;animation-delay:.8s;bottom:23%;left:3%}@keyframes twinkle{50%{opacity:.6;transform:scale(.7)rotate(20deg)}}.section{max-width:1440px;margin:auto;padding:110px max(7vw,28px)}.sectionhead{justify-content:space-between;align-items:end;margin-bottom:2rem;display:flex}.comiccard{border-radius:var(--round);background:#fff;border:1px solid #eee7d8;grid-template-columns:minmax(200px,42%) 1fr;align-items:center;gap:clamp(1.2rem,4vw,4rem);padding:18px;transition:transform .25s,box-shadow .25s;display:grid;box-shadow:0 8px 35px #2423320d}.comiccard:hover{transform:translateY(-6px);box-shadow:0 18px 40px #2423321f}.cover{background:#f3ebd9;border-radius:18px;overflow:hidden}.cover img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.comiccard p,.charcard p,.intro,.about p,.plushbox p{color:#5d5a70;line-height:1.65}.textlink{color:#dd8700;font-weight:700}.duo{background:#eaf0ff;grid-template-columns:32% 1fr;gap:3rem;max-width:none;padding-left:max(7vw,28px);padding-right:max(7vw,28px);display:grid}.duo-copy p{font:500 1.35rem Fredoka}.duo h2 i{color:#ffbc00;font-style:normal}.duo-cards{grid-template-columns:1fr 1fr;gap:18px;display:grid}.charcard{background:#fff;border-radius:24px;align-items:center;gap:1rem;padding:18px;display:flex;overflow:hidden}.charcard>img{object-fit:contain;background:#f6f7fb;border-radius:17px;align-self:stretch;width:130px;height:160px}.charcard p{margin:.2rem 0;font-size:.87rem}.charcard h3{margin:.25rem 0;font-size:1.65rem}dl{grid-template-columns:1fr 1fr;gap:.4rem;margin:1rem 0 0;display:grid}dt{text-transform:uppercase;letter-spacing:.07em;color:#777489;font-size:.65rem;font-weight:700}dd{margin:.15rem 0;font-size:.78rem;font-weight:700}.page{max-width:1180px;margin:auto;padding:90px 28px 125px}.page>h1{margin-top:.7rem}.intro{max-width:600px;margin:0 0 3.5rem;font-size:1.15rem}.comicgrid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:25px;display:grid}.comicgrid .comiccard{grid-template-columns:1fr}.character-page{grid-template-columns:1fr 1fr;gap:25px;display:grid}.character-page .charcard{padding:25px;display:block}.character-page .charcard>img{width:100%;height:330px;display:block}.character-page h3{margin-top:1rem;font-size:2.5rem}.reader{text-align:center;max-width:1010px}.reader .back{text-align:left;margin-bottom:3rem;font-weight:700;display:block}.reader>p{color:#67647b}.fullcomic{border:8px solid #fff;border-radius:22px;width:100%;margin:2rem 0;box-shadow:0 15px 35px #29244016}.reader-nav{justify-content:center;gap:.8rem;display:flex}.about{background-image:radial-gradient(#ffdc5d 1.5px,#0000 1.5px);background-size:28px 28px}.about p{max-width:670px;font-size:1.15rem}.about .button{margin-top:1rem}.coming{background:linear-gradient(140deg,#171a31,#29375c);place-items:center;max-width:none;min-height:700px;padding:30px;display:grid}.plushbox{text-align:center;background:#fffaf0;border-radius:38px;max-width:720px;padding:55px;position:relative;overflow:hidden}.plushbox h1{font-size:clamp(3rem,8vw,6rem)}.soon{color:var(--navy);background:var(--yellow);border-radius:100px;padding:.65rem 1rem;font:700 1.25rem Fredoka;display:inline-block}.plushbox img{width:180px;margin:20px auto -120px;display:block}footer{background:var(--navy);color:#fff;grid-template-columns:1fr auto;gap:2rem;padding:55px max(7vw,28px);display:grid}footer b{font:700 1.5rem Fredoka}footer p{color:#c6c9df;line-height:1.6}.footlinks{gap:1.2rem;font-weight:700;display:flex}.footlinks a:hover{color:var(--yellow)}footer small{color:#858cae;grid-column:1/-1;font-size:.7rem}@media (width<=760px){header{gap:.7rem;height:66px;padding:0 18px}.menu{margin-left:auto;display:block}.studio{display:none}nav{background:#fff;border-radius:16px;flex-direction:column;padding:12px;display:none;position:absolute;top:60px;left:15px;right:15px;box-shadow:0 12px 30px #171a3120}nav.open{display:flex}.hero{align-items:start;min-height:675px;padding:55px 28px}.hero-copy{width:100%}.hero-copy>p{font-size:1.35rem}.hero-art{width:115%;height:370px;bottom:-20px;right:-10%}.section{padding:75px 20px}.sectionhead{align-items:start;gap:1rem}.sectionhead .button{display:none}.comiccard{grid-template-columns:1fr;gap:1rem;padding:13px}.comiccard h3{font-size:1.75rem}.duo{padding:70px 20px;display:block}.duo-cards{grid-template-columns:1fr;margin-top:2rem}.charcard>img{width:110px;height:145px}.page{padding:65px 20px 85px}.character-page{grid-template-columns:1fr}.character-page .charcard>img{height:280px}.reader{padding-left:12px;padding-right:12px}.reader-nav{flex-wrap:wrap}.reader-nav .button{padding:.75rem;font-size:.8rem}.fullcomic{border-width:4px}.plushbox{padding:45px 22px}.plushbox img{width:150px}footer{grid-template-columns:1fr;padding:45px 25px}.footlinks{flex-wrap:wrap;grid-row:2}}.fullpage-link{color:#dd8700;margin-top:.5rem;font-weight:700;display:inline-block}.panelviewer{display:none}@media (width<=760px){.reader .fullcomic{display:none}.reader .panelviewer{grid-template-columns:1fr 1fr;gap:7px;margin:2rem 0;display:grid}.reader .panel{aspect-ratio:1;background:#f8f1e1;border-radius:12px;position:relative;overflow:hidden}.reader .panel img{object-fit:fill;width:200%;max-width:none;height:200%;position:absolute}.reader .panel2 img{left:-100%}.reader .panel3 img{top:-100%}.reader .panel4 img{top:-100%;left:-100%}.reader .panelviewer>img{aspect-ratio:1;object-fit:cover;background:#f8f1e1;border-radius:12px;width:100%}.reader .fullcomic.single-source{display:block}}.brand{gap:.45rem}.brandmark{flex:none;place-items:center;width:50px;height:50px;padding:0;transition:transform .2s;display:grid;overflow:visible}.brandmark img{object-fit:contain;width:100%;max-width:none;height:100%;transform:none}.brand:hover .brandmark{transform:translateY(-2px)rotate(-3deg)}@media (width<=760px){.brandmark{width:43px;height:43px}.brandmark img{width:100%;height:100%}}body,h1,h2,h3,.brand,.hero-copy>p,.duo-copy p,.soon,footer b{font-family:Comic Sans MS,Comic Sans,cursive}.notfound{background:radial-gradient(circle at 18% 20%,#fff0a9 0 6%,#0000 6.2%),radial-gradient(#f4d64e 1.5px,#0000 1.5px) 0 0/27px 27px;justify-content:center;align-items:center;gap:clamp(1rem,8vw,8rem);min-height:620px;display:flex}.notfound>div{max-width:560px}.notfound p{color:#5d5a70;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.notfound>img{object-fit:contain;width:min(37vw,410px);height:440px;animation:3s ease-in-out infinite lost-waddle}@keyframes lost-waddle{50%{transform:translateY(-12px)rotate(2deg)}}@media (width<=760px){.notfound{text-align:center;flex-direction:column;gap:0;min-height:620px;padding-top:45px}.notfound>img{order:-1;width:235px;height:260px}.notfound .actions{justify-content:center}}