@font-face{font-family:Kalam;src:url('assets/kalam-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}:root{--lavender:#e8e0ef;--purple:#51416b;--ink:#353e37;--green:#e5ebd1;--cream:#f8f5eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--lavender);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}a:focus-visible{outline:3px solid var(--purple);outline-offset:6px}.skip{position:absolute;top:-100px;left:15px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}header{max-width:1500px;margin:auto;padding:28px 5.5%;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;display:inline-block;position:relative;font:700 32px/.9 Kalam,cursive;letter-spacing:-1.5px;color:var(--purple);transform:rotate(-3deg);padding-bottom:13px}.brand .tilt{display:inline-block;transform:rotate(5deg)}.brand small{position:absolute;right:14px;bottom:-6px;font:700 20px Kalam,cursive;letter-spacing:2px;transform:rotate(7deg)}.header-link{font-size:12px;font-weight:600;text-decoration:none;border-bottom:1px solid #9f94ac;padding:6px 0}.header-link span{padding-left:14px;font-size:20px}.hero{position:relative;max-width:1500px;margin:auto;min-height:700px;padding:85px 5.5% 100px;overflow:hidden}.copy{position:relative;z-index:2;width:65%;pointer-events:none}.copy a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;margin:0 0 30px}h1,h2{font-family:Kalam,cursive;font-weight:700;letter-spacing:-3px;line-height:1.12;margin:0}h1{font-size:clamp(62px,6.7vw,98px);color:var(--purple)}h1 .music{display:inline-block;transform:rotate(-5deg);position:relative}h1 .music:after{content:'';position:absolute;bottom:0;left:4%;width:95%;height:7px;background:#bcaccb;border-radius:44% 70% 45% 60%;transform:rotate(-2deg);z-index:-1}h1 .mischief{display:inline-block;transform:rotate(2deg);color:#654c76}.intro{font-size:17px;line-height:1.8;margin:27px 0}.platforms{display:flex;align-items:center;gap:28px}.youtube{display:inline-flex;align-items:center;gap:12px;text-decoration:none;background:var(--purple);color:var(--cream);border-radius:5px 12px 7px 11px;padding:17px 22px;font-size:13px;font-weight:600;transform:rotate(-2deg);transition:transform .2s,background .2s}.youtube:hover{transform:rotate(0);background:#423358}.youtube svg,.spotify svg{width:22px;height:22px;flex-shrink:0}.youtube>span{font-size:21px;line-height:1;margin-left:8px}.spotify{display:flex;align-items:center;gap:10px;color:#5d5268;font-size:13px;line-height:1.2}.spotify small{display:block;font-size:9px;letter-spacing:.5px;margin-top:6px}.age{font-size:10px;margin:25px 0 0;color:#655b6a}.ronki-scene{position:absolute;right:3%;top:60px;width:43%;height:570px}.ronki{position:absolute;width:100%;height:100%;object-fit:contain;top:15px;transform:rotate(11deg)}.hand-note{position:absolute;right:5%;top:-8px;font:700 19px/1.2 Kalam,cursive;transform:rotate(7deg);color:var(--purple);z-index:3}.note-arrow{position:absolute;right:1%;top:52px;width:70px;height:70px;fill:none;stroke:var(--purple);stroke-width:1.7;stroke-linecap:round}.down{position:absolute;bottom:33px;left:5.5%;font-size:11px;letter-spacing:.5px;text-decoration:none}.down span{margin-left:14px;font-size:22px}.hello{position:relative;background:var(--green);padding:90px 25px 115px;text-align:center;overflow:hidden}.hello:before{content:'';position:absolute;top:-15px;left:-2%;width:104%;height:30px;background:var(--lavender);border-radius:0 0 50% 50%}.hello-copy{position:relative;z-index:2;max-width:520px;margin:auto}.hello .eyebrow{font-size:9px;margin-bottom:20px}h2{font-size:65px;color:#435a44}h2 span{display:inline-block;transform:rotate(-5deg)}.hello p:not(.eyebrow){font-size:15px;margin:22px 0 25px;line-height:1.8}.text-link{font-size:12px;font-weight:600;text-underline-offset:6px}.text-link span{margin-left:12px}.whale{position:absolute;left:-2%;top:100px;width:29%;height:300px;object-fit:contain;transform:rotate(-11deg)}.frog{position:absolute;right:8%;bottom:50px;width:16%;height:220px;object-fit:contain}.frog-note{position:absolute;right:12%;bottom:33px;font:700 20px Kalam,cursive;transform:rotate(-8deg)}footer{background:var(--cream);padding:40px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer .brand{font-size:26px}footer .brand small{font-size:16px}footer p{font-size:12px}footer>small{font-size:10px;line-height:1.8;color:#626458;text-align:right}@media(min-width:1500px){.hero{min-height:770px}.ronki-scene{height:620px}.hello{padding-top:110px;padding-bottom:130px}}@media(max-width:1050px){.hero{padding-top:65px;min-height:680px}.copy{width:72%}.ronki-scene{right:-3%;top:180px;width:43%;height:440px}.intro{font-size:15px}.hand-note{top:0;right:15%;font-size:16px}.note-arrow{display:none}.whale{width:25%;left:-3%}.frog{right:3%;width:17%}}@media(max-width:650px){header{padding:25px 6%}.brand{font-size:26px}.brand small{font-size:17px}.header-link{font-size:10px}.header-link span{padding-left:6px}.hero{padding:48px 6% 65px;min-height:0}.copy{width:100%}.eyebrow{font-size:9px;margin-bottom:22px}h1{font-size:clamp(48px,11.8vw,76px);letter-spacing:-2px}.intro{font-size:14px;margin:22px 0;max-width:320px}.desktop{display:none}.platforms{gap:18px}.youtube{font-size:11px;padding:14px 15px;gap:8px}.youtube>span{margin-left:0}.spotify{font-size:11px;gap:6px}.spotify small{font-size:8px}.age{font-size:9px;margin-top:23px}.ronki-scene{position:relative;top:auto;right:auto;height:370px;width:85%;margin:18px 0 0 auto}.ronki{transform:rotate(6deg);top:12px}.hand-note{top:33px;right:-2%;font-size:16px}.down{bottom:22px;left:6%;font-size:10px}.hello{padding:65px 6% 185px}h2{font-size:54px;letter-spacing:-2px}.hello .eyebrow{font-size:8px;letter-spacing:1px}.hello p:not(.eyebrow){font-size:13px}.whale{width:42%;height:170px;top:auto;bottom:4px;left:-2%}.frog{width:25%;height:140px;bottom:12px;right:8%}.frog-note{right:4%;bottom:5px;font-size:16px}.hello-copy{max-width:360px}footer{padding:30px 6%;align-items:center;gap:20px}footer p{display:none}footer>small{font-size:8px}footer .brand{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.youtube{transition:none}}
nav{display:flex;align-items:center;gap:28px}.footer-contact{display:inline-block;margin-top:8px;font-weight:600;text-underline-offset:4px}.hello{padding-bottom:35px}.hello .frog{top:225px;bottom:auto;height:170px;width:13%;right:7%}.hello .frog-note{top:395px;bottom:auto;right:10%}.friends{display:flex;align-items:flex-end;justify-content:center;gap:35px;max-width:1050px;margin:65px auto 0;padding:0 30px}.friends img{object-fit:contain;max-width:18%;width:170px;height:205px;object-position:bottom}.friends .friend-0{height:160px;transform:rotate(-5deg)}.friends .friend-1{height:160px}.friends .friend-3{height:210px;transform:rotate(3deg)}.friends .friend-4{height:235px}.contact-page{min-height:100vh;display:flex;flex-direction:column}.contact-main{flex:1;max-width:1400px;width:100%;margin:auto;padding:105px 7% 135px;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}.contact-main h1{font-size:74px;max-width:700px}.contact-main h1 span{display:inline-block;transform:rotate(-3deg)}.contact-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;margin:26px 0}.email-address{font-size:clamp(20px,2.3vw,33px);font-weight:600;color:var(--purple);letter-spacing:-.8px;overflow-wrap:anywhere}.email-address span{color:#705d84}.contact-copy>p.email-hint{font-size:12px;margin:10px 0 36px;color:#655b6a}.contact-friend{position:relative;padding-top:40px}.contact-friend img{width:100%;height:auto;transform:rotate(-10deg)}.contact-friend>span{position:absolute;right:0;top:-20px;transform:rotate(8deg);font:700 23px/1.3 Kalam,cursive;color:var(--purple)}@media(max-width:1050px){.hello .frog{right:4%}.hello .frog-note{right:6%}.friends{gap:22px}.contact-main{padding-top:80px;gap:20px}.contact-main h1{font-size:61px}}@media(max-width:650px){nav{gap:15px}.header-link{font-size:9px}.header-link span{padding-left:0}.hello{padding-bottom:25px}.hello-copy{margin-bottom:160px}.hello .whale{top:330px;bottom:auto;width:39%;height:150px;left:0}.hello .frog{top:365px;width:25%;height:120px;right:8%}.hello .frog-note{top:470px;right:6%}.friends{margin:0 auto;gap:10px;padding:0;flex-wrap:wrap;max-width:400px}.friends img{max-width:29%;width:29%;height:125px}.friends .friend-0,.friends .friend-1{height:110px}.friends .friend-3{height:140px}.friends .friend-4{height:145px}footer p{display:block;font-size:0}footer p .footer-contact{font-size:11px;white-space:nowrap;margin:0}footer{gap:15px}.contact-main{display:flex;flex-direction:column;padding:65px 6% 50px;gap:65px;align-items:stretch}.contact-main h1{font-size:55px;letter-spacing:-2px}.contact-copy>p:not(.eyebrow){font-size:14px}.contact-copy>p.email-hint{font-size:11px}.email-address{font-size:24px}.contact-friend{width:70%;max-width:320px;align-self:center;padding-top:0}.contact-friend>span{font-size:18px;top:-35px;right:-15px}}
.contact-page>header{width:100%}
/* A loose gathering around a clear central reading area. */
#hello{height:900px;padding:90px 25px 0}#hello .hello-copy{margin:0 auto;max-width:520px}.gathering{position:absolute;inset:0;pointer-events:none;max-width:1550px;margin:auto}.guest{position:absolute;object-fit:contain;object-position:bottom;width:13%;height:200px}.guest-whale{left:-1%;top:45px;width:24%;height:270px;transform:rotate(-9deg)}.guest-ronka{right:6%;top:48px;width:13%;height:255px;transform:rotate(3deg)}.guest-apajo{left:22%;top:280px;width:10%;height:240px;transform:rotate(-3deg)}.guest-wanda{right:22%;top:340px;width:12%;height:205px;transform:rotate(3deg)}.guest-roly{left:5%;top:390px;width:12%;height:215px;transform:rotate(-4deg)}.guest-frog{right:5%;top:415px;width:12%;height:150px;transform:rotate(5deg)}.guest-duck{left:13%;top:670px;width:11%;height:155px;transform:rotate(-5deg)}.guest-juju{left:31%;top:610px;width:12%;height:155px;transform:rotate(2deg)}.guest-gorilla{left:47%;top:570px;width:13%;height:230px;transform:rotate(-3deg)}.guest-stegosaurus{left:65%;top:660px;width:13%;height:190px;transform:rotate(4deg)}.guest-peacock{right:4%;top:635px;width:14%;height:210px;transform:rotate(-3deg)}
@media(min-width:1500px){#hello{padding-top:90px}}@media(max-width:1050px) and (min-width:651px){#hello .hello-copy{max-width:420px}#hello h2{font-size:55px}#hello .hello-copy p:not(.eyebrow){font-size:14px}.guest-apajo{left:18%;top:360px}.guest-wanda{right:20%;top:385px}.guest-roly{left:3%;top:420px}.guest-ronka{right:4%}.guest-whale{top:85px}.guest-frog{right:3%;top:440px}}
@media(max-width:650px){#hello{height:auto;padding:65px 6% 35px}#hello .hello-copy{max-width:360px;margin-bottom:32px}.gathering{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;align-items:end;padding:0 3%}.gathering .guest{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:140px;max-width:100%;margin:0;object-fit:contain;object-position:bottom}.gathering .guest-whale{grid-column:span 2;height:170px;transform:rotate(-8deg)}.gathering .guest-ronka,.gathering .guest-apajo{height:160px}.gathering .guest-frog{height:100px;margin-bottom:18px}.gathering .guest-juju{height:100px;margin-bottom:8px}.gathering .guest-duck{height:110px}.gathering .guest-peacock{height:150px}.gathering .guest-wanda{height:135px;margin-bottom:12px}}