@font-face{font-family: 'Baloo 2'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/baloo2-600-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Baloo 2'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/baloo2-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family: 'Baloo 2'; font-style: normal; font-weight: 800; font-display: swap; src: url(/assets/fonts/baloo2-800-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Baloo 2'; font-style: normal; font-weight: 800; font-display: swap; src: url(/assets/fonts/baloo2-800-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family: 'Nunito'; font-style: italic; font-weight: 500; font-display: swap; src: url(/assets/fonts/nunito-500i-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Nunito'; font-style: italic; font-weight: 500; font-display: swap; src: url(/assets/fonts/nunito-500i-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family: 'Nunito'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/nunito-500-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Nunito'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/nunito-500-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family: 'Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/nunito-700-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/nunito-700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family: 'Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: url(/assets/fonts/nunito-800-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: url(/assets/fonts/nunito-800-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} :root{ --ink:#1c1733; --cream:#fff6e4; --paper:#ffffff; --sun:#ffc93c; --tomato:#ff5a47; --sky:#5cc8ff; --grass:#3fd18f; --bubble:#ff9ed2; --grape:#8f7bff; --muted:#5b5570; --line:3px solid var(--ink); --shadow:6px 6px 0 var(--ink); --shadow-sm:4px 4px 0 var(--ink); --r:22px; --r-sm:14px; --head:"Baloo 2",system-ui,sans-serif; --body:"Nunito",system-ui,sans-serif; --max:1180px; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font:500 1.15rem/1.65 var(--body); background-image:radial-gradient(rgba(28,23,51,.06) 2px,transparent 2px);background-size:26px 26px} img{max-width:100%;display:block} a{color:inherit} h1,h2,h3,h4{font-family:var(--head);font-weight:800;line-height:1.08;margin:0 0 .4em;letter-spacing:-.01em} h1{font-size:clamp(2.6rem,6.5vw,4.8rem)} h2{font-size:clamp(2rem,4.2vw,3.1rem)} h3{font-size:1.6rem} p{margin:0 0 1em} .wrap{max-width:var(--max);margin:0 auto;padding:0 20px} .top{position:sticky;top:0;z-index:20;background:var(--cream);border-bottom:var(--line)} .top .wrap{display:flex;align-items:center;gap:18px;height:78px} .logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.7rem/1 var(--head)} .logo img{width:56px;height:56px;border:var(--line);border-radius:50%;background:var(--sun);box-shadow:3px 3px 0 var(--ink)} .logo b{color:var(--tomato)} .nav{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap} .nav a{font:700 1.02rem var(--head);text-decoration:none;padding:7px 15px;border:var(--line);border-radius:999px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s} .nav a:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink);background:var(--sun)} .nav a.yt{background:var(--tomato);color:#fff} .burger{display:none} .btn{display:inline-flex;align-items:center;gap:10px;font:800 1.2rem var(--head);text-decoration:none;padding:13px 26px;border:var(--line);border-radius:999px;background:var(--sun);box-shadow:var(--shadow-sm);transition:transform .12s,box-shadow .12s;cursor:pointer} .btn:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--ink)} .btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)} .btn.red{background:var(--tomato);color:#fff} .btn.white{background:var(--paper)} .chip{display:inline-block;font:700 .95rem var(--head);padding:4px 13px;border:2.5px solid var(--ink);border-radius:999px;background:var(--bubble)} .hero{padding:56px 0 70px;position:relative;overflow:hidden} .hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center} .hero h1 .hl{background:var(--sun);border:var(--line);border-radius:16px;padding:0 .18em;box-shadow:var(--shadow-sm);display:inline-block;transform:rotate(-2deg)} .hero p.lead{font-size:1.35rem;max-width:34ch} .hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px} .hero-art{position:relative} .blob{aspect-ratio:1;border:var(--line);border-radius:46% 54% 50% 50%/52% 46% 54% 48%;background:var(--sky);box-shadow:var(--shadow);display:grid;place-items:center;overflow:hidden} .blob img{width:88%} .bubble{position:absolute;top:4%;right:-2%;background:var(--paper);border:var(--line);border-radius:22px;padding:10px 18px;font:800 1.5rem var(--head);box-shadow:var(--shadow-sm);transform:rotate(6deg)} .bubble:after{content:"";position:absolute;left:22px;bottom:-16px;border:9px solid transparent;border-top:12px solid var(--ink)} .sticker{position:absolute;font-size:2.4rem;animation:bob 3s ease-in-out infinite} @keyframes bob{50%{transform:translateY(-8px) rotate(8deg)}} section.band{padding:70px 0;border-top:var(--line)} .band.sun{background:var(--sun)} .band.sky{background:var(--sky)} .band.grass{background:var(--grass)} .band.pink{background:var(--bubble)} .band.white{background:var(--paper)} .sec-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px;flex-wrap:wrap} .sec-head p{max-width:46ch;margin:0} .grid{display:grid;gap:26px} .g3{grid-template-columns:repeat(3,1fr)} .g4{grid-template-columns:repeat(4,1fr)} .g2{grid-template-columns:repeat(2,1fr)} .card{background:var(--paper);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s} a.card:hover{transform:translate(-4px,-4px) rotate(-.6deg);box-shadow:10px 10px 0 var(--ink)} .card .ph{aspect-ratio:4/3;border-bottom:var(--line);background:var(--sun) center/cover no-repeat;position:relative} .card .ph .chip{position:absolute;left:12px;top:12px} .card .tx{padding:18px 20px 22px} .card h3{font-size:1.45rem;margin-bottom:.3em} .card p{font-size:1.02rem;color:var(--muted);margin:0} .vid .ph{aspect-ratio:16/9} .play{position:absolute;inset:0;margin:auto;width:70px;height:70px;border:var(--line);border-radius:50%;background:var(--tomato);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:#fff;font-size:1.6rem} .stages{display:grid;grid-template-columns:repeat(6,1fr);gap:16px} .stage{background:var(--paper);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);text-align:center;padding:12px 10px 16px;text-decoration:none;transition:transform .15s} .stage:nth-child(odd){transform:rotate(-1.5deg)}.stage:nth-child(even){transform:rotate(1.5deg)} .stage:hover{transform:scale(1.05) rotate(0)} .stage .ph{aspect-ratio:1;border:var(--line);border-radius:50%;background:var(--sky) center/cover;margin:4px auto 10px;width:84%} .stage b{font:800 1.3rem var(--head);display:block} .stage span{font-size:.92rem;color:var(--muted)} .meet{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center} .polaroid{background:var(--paper);border:var(--line);padding:14px 14px 50px;box-shadow:var(--shadow);transform:rotate(-3deg);position:relative} .polaroid .ph{aspect-ratio:1;background:center/cover;border:var(--line)} .polaroid figcaption{position:absolute;bottom:10px;left:0;right:0;text-align:center;font:800 1.4rem var(--head)} .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px} .fact{background:var(--paper);border:var(--line);border-radius:var(--r-sm);padding:12px 14px;box-shadow:3px 3px 0 var(--ink)} .fact b{font:800 1.7rem/1 var(--head);display:block;color:var(--tomato)} .socials{display:flex;gap:14px;flex-wrap:wrap} .soc{display:flex;align-items:center;gap:10px;padding:12px 20px;border:var(--line);border-radius:var(--r-sm);background:var(--paper);box-shadow:var(--shadow-sm);font:800 1.15rem var(--head);text-decoration:none} .soc small{display:block;font:600 .9rem var(--body);color:var(--muted)} footer{background:var(--ink);color:#fff;padding:50px 0 34px;border-top:var(--line)} footer a{color:#fff} footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px} footer h4{color:var(--sun);font-size:1.3rem} footer ul{list-style:none;padding:0;margin:0;line-height:2} .paws{height:28px;background:repeating-linear-gradient(90deg,transparent 0 40px,rgba(0,0,0,0) 40px 80px)} .article{max-width:760px;margin:0 auto;padding:40px 20px 70px} .article h2{margin-top:1.4em} .callout{background:var(--sun);border:var(--line);border-radius:var(--r);padding:18px 22px;box-shadow:var(--shadow-sm);margin:24px 0} .callout.blue{background:var(--sky)} @media (max-width:900px){ .hero .wrap,.meet{grid-template-columns:1fr} .g3,.g4{grid-template-columns:1fr 1fr} .stages{grid-template-columns:repeat(3,1fr)} footer .wrap{grid-template-columns:1fr} .nav{display:none} .burger{display:block;margin-left:auto} } @media (max-width:560px){ body{font-size:1.08rem} .g3,.g4,.g2,.facts{grid-template-columns:1fr} .stages{grid-template-columns:1fr 1fr} .top .wrap{height:66px} .logo{font-size:1.4rem}.logo img{width:46px;height:46px} } @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}} .card .ph{overflow:hidden;display:flex;justify-content:center;align-items:center} .card .ph>img{height:100%;width:auto;max-width:100%;object-fit:contain;padding:16px 10px 6px;transition:transform .25s} a.card:hover .ph>img{transform:scale(1.06) rotate(-3deg)} .skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--sun);padding:8px 14px;border:var(--line);border-radius:10px} .logo img{object-fit:cover;background:var(--sky)} .nav a[aria-current=page]{background:var(--sun)} .nav a.yt{display:inline-flex;align-items:center;gap:6px}.nav a.yt svg{width:20px;height:20px} .burger{background:var(--paper);border:var(--line);border-radius:12px;width:48px;height:44px;padding:9px 10px;flex-direction:column;justify-content:space-between;cursor:pointer} .burger span{display:block;height:3px;background:var(--ink);border-radius:2px} .card .ph>img{width:100%;height:100%;object-fit:cover;padding:0} a.card:hover .ph>img{transform:scale(1.05)} .card .ph.tall{aspect-ratio:9/16} .hero-art .blob img{width:92%;height:auto} .vid-wide{max-width:900px;margin:0 auto} .yt-embed{position:relative;aspect-ratio:16/9;border:var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);background:#000;margin:26px 0} .yt-embed iframe,.yt-facade{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#000} .yt-facade img{width:100%;height:100%;object-fit:cover} .yt-facade .play,.card .play{position:absolute;inset:0;margin:auto;width:84px;height:84px;border:var(--line);border-radius:50%;background:var(--tomato);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:#fff;font-size:2rem} .yt-facade:hover .play{transform:scale(1.08)} .crumbs{font-size:.95rem;color:var(--muted);margin-bottom:10px}.crumbs a{color:var(--muted)} .article h1{font-size:clamp(2.3rem,5vw,3.6rem)} .article.wide{max-width:1100px} .article .lead{font-size:1.3rem} .article a{color:#c43d2d;text-decoration-thickness:2px;text-underline-offset:3px} .article .btn{color:inherit}.article .btn.red{color:#fff} .meta{color:var(--muted);font-weight:700} .fig{margin:26px 0}.fig img{width:100%;height:auto;border:var(--line);border-radius:var(--r);box-shadow:var(--shadow)} .fig figcaption{font-size:.95rem;color:var(--muted);margin-top:10px;font-weight:700} .ticks{list-style:none;padding:0}.ticks li{padding:6px 0 6px 36px;position:relative} .ticks li:before{content:"🐾";position:absolute;left:0} .faq details{background:var(--paper);border:var(--line);border-radius:var(--r-sm);padding:14px 18px;margin:12px 0;box-shadow:3px 3px 0 var(--ink)} .faq summary{font:800 1.2rem var(--head);cursor:pointer}.faq details p{margin:10px 0 0} .small{font-size:.92rem;color:var(--muted)} .polaroid{max-width:420px;margin:20px auto 30px}.polaroid img{width:100%;height:auto;border:var(--line);display:block} .socials.big .soc{font-size:1.3rem;padding:16px 26px} .vid-row h3{font-size:1.4rem} footer p{opacity:.8}footer .soc{background:transparent;color:#fff;border-color:#fff;box-shadow:none;padding:8px 14px;font-size:1rem} @media (max-width:900px){ .burger{display:flex} .nav{position:absolute;top:100%;left:0;right:0;background:var(--cream);border-bottom:var(--line);padding:14px 20px;flex-direction:column;display:none} body.nav-open .nav{display:flex} }