/* Shared Mr. Richie brand, loaded after each page's functional styles. */
:root{--cream:#fbf4e8;--ink:#18325a;--paper:#fffdfa;--brand-blue:#2e84c6;--brand-pink:#ef6f8b;--sans:'DM Sans',system-ui,sans-serif;--hand:'Fredoka',system-ui,sans-serif;--edge:#dce0df}
body{background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.55}
button,input,select,textarea{font:inherit}button{color:inherit}button.primary{background:var(--ink);color:white}img{max-width:100%}main{min-width:0}
.site-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1260px;min-height:100px;height:auto;margin:0 auto;padding:12px 28px;position:relative;z-index:50}
.site-header .brand{display:block;flex:0 1 auto;max-width:55%;text-decoration:none}
.site-header .brand img{display:block;width:clamp(165px,19vw,225px);height:auto;max-width:100%;aspect-ratio:1672/941;object-fit:contain}
.site-header .nav{display:flex;align-items:center;gap:22px;font-size:15px;font-weight:700}
.site-header .nav a{padding:10px 2px;border-bottom:2px solid transparent;text-decoration:none;white-space:nowrap}
.site-header .nav a:hover,.site-header .nav a[aria-current=page]{border-bottom-color:var(--brand-pink)}
.site-header .nav .nav-cta{padding:13px 19px;background:var(--ink);color:white;border-radius:999px;text-align:center}
.menu-button{display:none;border:2px solid var(--ink);background:transparent;border-radius:999px;padding:10px 16px;min-height:46px;font-weight:700;flex-shrink:0;cursor:pointer}
.site-footer{box-sizing:border-box;max-width:1236px;margin:0 auto;padding:38px 28px 28px;border-top:1px solid var(--edge);display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:28px;font-size:15px;letter-spacing:normal}
.site-footer .footer-brand img{display:block;width:190px;height:auto}
.site-footer .footer-brand p{font-size:15px;color:#52637c;margin:10px 0 0}
.site-footer a{float:none;margin:0;color:inherit;text-decoration:none}
.site-footer .footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 22px;font-size:14px;font-weight:700}
.site-footer .footer-links a{display:inline-flex;align-items:center;min-height:44px}
.site-footer .footer-links a:hover{text-decoration:underline;text-underline-offset:5px}
.site-footer .footer-meta{grid-column:1/-1;border-top:1px solid var(--edge);padding-top:20px;font-size:12px;color:#52637c;letter-spacing:.025em}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:#286795}
.about-photo-wrap{width:100%;min-width:0}.about-photo{width:100%;aspect-ratio:1122/1402}.about-photo img{display:block;width:100%;height:100%;object-fit:cover}.hero-frame img{display:block}
body:has(#shelf)>main,body:has(.maker)>main{max-width:1236px;padding:0 28px}
.intro{padding:38px 0 48px;gap:48px;grid-template-columns:1fr 1.08fr}
.intro h1,.avatar-heading h1,.artwork-page h1{font-family:var(--sans);font-size:clamp(42px,5.4vw,72px);font-weight:700;line-height:1.05;letter-spacing:-.045em;color:var(--ink)}
.intro h1{margin:16px 0 24px}.intro .lead{font-size:21px;color:#445473}.intro-art{background-color:#e8f4fb}
.shelf-heading h2{font-size:28px;font-weight:700;letter-spacing:-.025em}.shelf-heading span{color:#52637c}
.cards{gap:22px}.card{border-radius:24px;background:var(--paper);border-color:var(--edge);box-shadow:none;color:var(--ink)}
.card-copy{padding:10px 22px 24px}.card-copy strong{font-size:23px;line-height:1.2;font-weight:600;font-family:var(--hand)}.card-copy small{font-size:11px;color:#52637c;margin-bottom:6px}.card-art{border-radius:16px;background-color:#e8f4fb}.card:nth-child(2n) .card-art{background-color:#ffe9ef}.card:nth-child(3n) .card-art{background-color:#fff0c7}
.game-heading h1{font-weight:700;letter-spacing:-.025em}.toolbar button,#reset,#hear,.creative-tools button{background:var(--paper);border-color:#b8c4d0;border-radius:999px;color:var(--ink)}
.settings button[aria-pressed=true],.creative-tools button[aria-pressed=true]{background:#e8f4fb;border-color:var(--ink)}
.choice{border-color:#cbd4df;background:var(--paper);color:var(--ink);border-radius:18px}.choice[aria-pressed=true]{border-color:var(--ink);background:#e8f4fb}.choice.matched{background:#e5f3df}.stage{background-color:#f5ecdb}.primary{background:var(--ink);color:white;border-radius:999px;font-weight:700}
#parents{margin:56px 0 36px;border-color:var(--edge)}summary{font-weight:700;min-height:44px}.parent-copy{color:#445473;line-height:1.7}.avatar-heading{padding:32px 0}.avatar-heading h1,.artwork-page h1{font-size:clamp(38px,5vw,60px)}.avatar-heading p:last-child,.lead,.local-note{color:#445473}.artwork-page{padding-bottom:40px}.portrait-panel{background:var(--cream)}.notice{background:#e8f4fb;border-radius:24px}.portrait{border-radius:24px}.episode-pagination{flex-wrap:wrap;align-items:center}.episode-pagination a{min-height:44px;display:inline-flex;align-items:center}
:focus-visible{outline:3px solid #286795;outline-offset:5px}.skip,.skip-link{position:absolute;top:-90px;left:16px;z-index:100;padding:12px 18px;background:white;color:var(--ink)}.skip:focus,.skip-link:focus{top:12px}
@media(max-width:1100px){.site-header .nav{display:none;position:absolute;top:calc(100% + 6px);left:20px;right:20px;padding:20px;background:var(--paper);border:1px solid var(--edge);border-radius:24px;box-shadow:0 16px 40px #18325a1a;flex-direction:column;align-items:stretch;gap:6px}.site-header .nav.open{display:flex}.site-header .nav a{padding:12px;white-space:normal}.menu-button{display:block}}
@media(max-width:720px){.site-header{padding:12px 22px;gap:16px;min-height:104px}.site-header .brand{max-width:calc(100% - 95px)}.site-header .brand img{width:clamp(165px,43vw,195px)}.site-footer{grid-template-columns:1fr;padding:30px 22px;gap:20px;margin:0}.site-footer .footer-links{justify-content:flex-start;gap:4px 20px}.site-footer .footer-brand p{max-width:300px}.about-photo-wrap{width:min(100%,380px);margin-inline:auto}.about-photo{max-height:none}.intro{grid-template-columns:1fr;gap:24px;padding:28px 0 36px}.intro h1{font-size:clamp(42px,9vw,58px)}.intro .lead{font-size:18px}.intro-art{display:block;max-width:400px;width:100%;margin:auto}.intro-art svg{max-height:210px}.shelf-heading h2{font-size:25px}.cards{gap:14px}.card-copy,.card-link .card-copy{padding:8px 14px 18px}.card-copy strong{font-size:20px}.card-copy small{font-size:10px}.card-art svg{height:130px}body:has(#shelf)>main,body:has(.maker)>main{padding:0 22px}.avatar-heading{padding:24px 0}.site-footer .footer-meta{font-size:11px;line-height:1.8}}
@media(max-width:380px){.cards{grid-template-columns:1fr}.card-art svg{height:150px}.intro h1{font-size:42px}.toolbar{flex-wrap:wrap}.settings{margin-left:auto}.creative-tools{gap:8px}.creative-tools button{padding:8px 16px}.shelf-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.credentials{margin:26px 0 28px;padding:24px;border:1px solid #dce0df;border-radius:24px;background:var(--paper)}.credentials h3{margin:0 0 16px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#286795}.credentials ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}.credentials li{font-size:15px;line-height:1.45}.credentials strong,.credentials span{display:block}.credentials span{color:#52637c;margin-top:3px}.about{align-items:center}@media(max-width:720px){.credentials{padding:22px}}
.lesson-invite{padding:22px 26px;border-radius:24px;border:1px solid #dce0df;background:#e8f4fb;margin:32px 0;font-size:16px}.lesson-invite a{font-weight:700;text-decoration:underline;text-underline-offset:4px}

/* October refresh: compact homepage, shared portrait and clear page hierarchy. */
.site-header .brand img{width:clamp(180px,20vw,245px);aspect-ratio:16/9}
.refresh-home .section-pad{max-width:1260px;margin-inline:auto;padding:64px 28px}
.refresh-home .hero{grid-template-columns:1.05fr 1fr;gap:52px;min-height:0;padding-top:30px;padding-bottom:60px}
.refresh-home .hero-copy{padding:0}.refresh-home .hero h1{font-size:clamp(48px,5.4vw,76px);line-height:1.02;letter-spacing:-.045em}
.refresh-home .hero-lede{font-size:20px;line-height:1.6}.refresh-home .hero-frame{aspect-ratio:1;border-radius:38% 26% 30% 22% / 22% 32% 24% 30%}
.portrait-caption{font-size:14px;text-align:center;color:#52637c;margin:20px 0 0}
.refresh-home .section-heading h2,.home-intro h2{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.035em;margin:0 0 24px}
.home-paths{border-top:1px solid #deded8}.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.join-card{padding:32px;border-radius:26px}.join-card.make{background:#e7f2f9}.join-card.help{background:#fff0c9}.join-symbol{font:40px var(--hand);color:var(--ink)}.join-card h3{font:600 29px var(--hand);margin:10px 0}.join-card p{max-width:440px;color:#445473}.text-link{display:inline-block;padding-block:10px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.home-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.home-intro p{max-width:460px}.quote-card{background:#f8e6ec;border-radius:28px;padding:32px}.quote-card blockquote{font:500 clamp(24px,3vw,32px)/1.4 var(--hand);margin:0 0 18px}
.about-photo{aspect-ratio:1}.about h1,.watch h1{font-size:clamp(40px,5vw,66px);line-height:1.08;letter-spacing:-.04em;margin:0 0 24px}.watch{padding-top:55px}
@media(max-width:760px){.refresh-home .section-pad{padding:40px 22px}.refresh-home .hero{grid-template-columns:1fr;gap:28px;padding-top:20px}.refresh-home .hero h1{font-size:clamp(44px,10vw,64px)}.refresh-home .hero-lede{font-size:18px}.refresh-home .hero-visual{max-width:470px;justify-self:center}.join-grid,.home-intro{grid-template-columns:1fr;gap:20px}.join-card,.quote-card{padding:26px}.site-header .brand img{width:clamp(175px,45vw,210px)}.portrait-caption{font-size:13px}.refresh-home .hero-actions .button{padding:13px 18px}}

.site-header .brand img,.footer-brand img{mix-blend-mode:multiply}.refresh-home h1{text-wrap:balance}

.grownups h1{font-size:clamp(40px,5vw,66px);line-height:1.08;letter-spacing:-.04em;margin:0 0 24px}

/* Research pass: clear choices, readable brand color, and a single browsable project list. */
.refresh-home .scribble{color:#b94364}
.text-link{color:#a63656}
.hero-start{margin:10px 0 0;font-size:16px}
.adventure-filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.adventure-filters .category{display:flex;flex:1 1 165px;min-width:140px;min-height:88px;max-width:220px;padding:16px 18px;justify-content:center;align-items:flex-start;gap:2px;border:2px solid transparent;border-radius:18px;box-shadow:none;cursor:pointer}
.adventure-filters .category b{font-size:19px;line-height:1.2}
.adventure-filters .category small{font-size:12px;line-height:1.35;margin:0;color:#445473}
.adventure-filters .category[aria-pressed="true"]{border-color:var(--ink);box-shadow:0 4px 0 #18325a22}
.adventure-filters .cat-all{background:#f4e7f5}
.adventure-count{text-align:center;color:#445473;font-size:15px;margin:20px auto 0}
#adventure-results{scroll-margin-top:28px;margin-top:26px}
.adventure-card[hidden]{display:none!important}
.adventure-card{min-height:100%;border-top:5px solid #2e84c6;box-shadow:0 10px 24px #18325a0b}
.adventure-card:nth-child(4n+2){border-top-color:#b94364}
.adventure-card:nth-child(4n+3){border-top-color:#c58b12}
.adventure-card:nth-child(4n){border-top-color:#62863d}
.adventure-card strong[data-video-label]{color:#a63656}
.watch .monster-card-art{background:#e7f2f9}
.watch .monster-card-art img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:42% center}
.surprise-line{text-align:center;margin:28px 0 0;font-size:17px}
.site-header .nav a,.site-footer .footer-links a{min-height:44px;display:inline-flex;align-items:center}
.refresh-home .hero-actions .button{min-height:48px}
.grownup-how{max-width:1260px;margin:auto;padding-block:62px}
.grownup-how h2{font-size:clamp(34px,4vw,50px);line-height:1.1;margin:0 0 28px}
.together-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.together-grid article{background:var(--paper);border:1px solid var(--edge);border-radius:24px;padding:26px}
.together-grid article span{display:inline-block;color:#a63656;font-weight:800;letter-spacing:.12em}
.together-grid h3{font-size:24px;line-height:1.2;margin:14px 0 10px}
.together-grid p{font-size:16px;line-height:1.6;margin:0;color:#445473}
@media(max-width:720px){.adventure-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.adventure-filters .category{width:100%;min-width:0;max-width:none;min-height:82px;padding:13px 15px}.adventure-filters .category:first-child{grid-column:1/-1}.adventure-filters .category b{font-size:18px}.adventure-filters .category small{font-size:12px}.refresh-home .hero-actions .button{font-size:16px}}
@media(max-width:760px){.together-grid{grid-template-columns:1fr}.grownup-how{padding-block:48px}.together-grid article{padding:22px}}

.grownups-card h2{font-family:var(--hand);font-size:30px;line-height:1.1;margin-top:0;color:#a63656}

/* Brand paper and color: keep the approved logo intact while matching its ivory edge. */
:root{--cream:#fbf8f1;--cream2:#fffdf8;--paper:#fffdf8}
body{background:var(--cream)}
.site-header{min-height:136px;padding-block:8px}
.site-header .brand{max-width:32%;flex-shrink:0}
.site-header .brand img{width:clamp(215px,22vw,270px);height:auto;aspect-ratio:16/9;mix-blend-mode:normal}
.site-footer .footer-brand img{width:clamp(195px,22vw,250px);height:auto;mix-blend-mode:normal}
.site-header .menu-button{background:#fffdf8;box-shadow:0 4px 0 #18325a18}
.site-header .nav a:hover,.site-footer .footer-links a:hover{color:#a63656}
.site-header .nav a:focus-visible,.site-footer .footer-links a:focus-visible{border-radius:5px}

/* Gentle color washes echo the painted rainbow without putting color behind copy. */
.refresh-home .hero{position:relative;isolation:isolate;border-radius:32px;background:radial-gradient(circle at 92% 22%,#ddf1fd 0,transparent 30%),radial-gradient(circle at 7% 85%,#ffe2eb 0,transparent 30%),#fffdf8}
.refresh-home .hero-visual{position:relative;isolation:isolate}
.refresh-home .hero-visual::before{content:"";position:absolute;z-index:-1;inset:4% -3% -3% 7%;border:18px solid #f8ca45;border-radius:38% 27% 31% 24% / 23% 33% 27% 28%;transform:rotate(3deg);opacity:.82}
.refresh-home .hero-frame{box-shadow:0 18px 42px #18325a24}
.refresh-home .hero .eyebrow{color:#24699d}
.refresh-home .hero-actions .button.primary{background:#18325a;box-shadow:0 5px 0 #f5c640}
.refresh-home .hero-actions .button.secondary{background:#fffdf8;box-shadow:0 5px 0 #b4dff7}
.refresh-home .hero-actions .button:hover{box-shadow:0 8px 0 #f5c640}
.refresh-home .home-paths{background:#fff4d9}
.refresh-home .home-intro{background:radial-gradient(circle at 90% 15%,#f4dfea 0,transparent 38%),#f1ebf8;border-radius:32px}
.refresh-home .join-card.make{background:#d9effc;border:2px solid #aedaf2;box-shadow:0 7px 0 #bcdff1}
.refresh-home .join-card.help{background:#ffe2eb;border:2px solid #f4bdd0;box-shadow:0 7px 0 #f5cad7}
.refresh-home .join-symbol{display:grid;place-items:center;width:60px;height:60px;background:#fffdf8;border-radius:45% 55% 42% 58%;box-shadow:0 4px 0 #18325a16}
.refresh-home .quote-card{background:#fffdf8;border:2px solid #e9d3f2;box-shadow:0 8px 0 #dbc9ea}

/* More varied artwork surfaces across browsing and project pages. */
.watch{background:radial-gradient(circle at 96% 10%,#e0f2ff 0,transparent 32%),var(--cream)}
.adventure-filters .category{box-shadow:0 5px 0 #18325a16;border-color:#18325a16}
.adventure-filters .category:hover{transform:translateY(-3px) rotate(-.6deg);box-shadow:0 8px 0 #18325a16}
.adventure-filters .category[aria-pressed="true"]{box-shadow:0 5px 0 #18325a33}
.adventure-card{background:#fffdf8;box-shadow:0 9px 0 #18325a0c,0 18px 30px #18325a0a}
.adventure-card:nth-child(5n+1){background:#f4fbff}
.adventure-card:nth-child(5n+2){background:#fff4f7}
.adventure-card:nth-child(5n+3){background:#fff9e8}
.adventure-card:nth-child(5n+4){background:#f4f9ee}
.adventure-card:nth-child(5n){background:#f7f2fb}
.adventure-card:hover{transform:translateY(-5px) rotate(-.35deg);box-shadow:0 14px 0 #18325a0c,0 20px 36px #18325a16}
.wonder-word{background:linear-gradient(115deg,#18325a,#285783);border:3px solid #90ccef;box-shadow:0 7px 0 #b4dff7}
.making{background:#fffdf8;border:2px solid #d6e8f3;box-shadow:0 7px 0 #dceefa}
.activity-extras section{background:#e4f3fc;border:2px solid #b8ddf2}
.activity-extras section+section{background:#ffe5ed;border-color:#f0c6d3}
.grownup-how .together-grid article:nth-child(1){background:#e5f3fb;border-color:#b5d9ed}
.grownup-how .together-grid article:nth-child(2){background:#fff3d2;border-color:#f0d58c}
.grownup-how .together-grid article:nth-child(3){background:#e9f4df;border-color:#cbdcb9}
.site-footer{background:var(--cream)}
@media(max-width:1100px){.site-header .brand{max-width:calc(100% - 110px)}}
@media(max-width:720px){.site-header{min-height:125px;padding:8px 20px}.site-header .brand{max-width:calc(100% - 95px)}.site-header .brand img{width:clamp(190px,55vw,235px)}.site-footer .footer-brand img{width:220px}.refresh-home .hero{border-radius:24px}.refresh-home .hero-visual::before{border-width:12px;inset:4% -2% -2% 8%}}
@media(max-width:380px){.site-header{min-height:112px;padding-inline:14px}.site-header .brand img{width:188px}}

/* Child-facing homepage: fewer words, bolder paint colors, and projects first. */
.refresh-home .hero{background:radial-gradient(circle at 92% 22%,#c7ecff 0,transparent 33%),radial-gradient(circle at 8% 82%,#ffd4e3 0,transparent 32%),#fffdf8}
.refresh-home .hero h1{color:#1b69a0;font-family:var(--hand);font-weight:700;letter-spacing:-.045em;font-size:clamp(62px,7vw,102px);line-height:.98;max-width:650px}
.refresh-home .hero .scribble{color:#e14674;text-shadow:0 3px 0 #fffdf8}
.refresh-home .hero-lede{font-size:clamp(20px,2vw,26px);font-weight:600;line-height:1.35;max-width:475px;color:#28506f}
.refresh-home .hero-actions .button.primary{background:#0b78b2;border-color:#0b78b2;color:white;box-shadow:0 6px 0 #f5c640}
.refresh-home .hero-actions .button.secondary{background:#fffdf8;border-color:#0b78b2;color:#135986;box-shadow:0 6px 0 #f5c640}
.refresh-home .hero-actions .button:hover{transform:translateY(-3px);box-shadow:0 9px 0 #f5c640}
.refresh-home .microcopy{font-family:var(--sans);font-size:14px;font-weight:600;color:#445473;margin-top:25px}
.refresh-home .hero{padding-bottom:48px}
.refresh-home .hero-frame{border-radius:42% 28% 35% 22% / 26% 33% 25% 27%}
.refresh-home .hero-visual::before{border-color:#f8ca45}
.refresh-home .section-heading h2,.home-picks h2{color:#1b69a0;font-family:var(--hand);font-weight:700;letter-spacing:-.025em}
.refresh-home .join-card h3{color:#1b69a0}
.refresh-home .join-card .text-link{color:#1b69a0}
.home-picks{background:#fbf8f1}
.home-picks h2{font-size:clamp(38px,4.5vw,58px);line-height:1.05;margin:0 0 28px}
.pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pick-card{display:block;overflow:hidden;background:#fffdf8;border:2px solid #18325a1a;border-radius:26px;box-shadow:0 8px 0 #18325a14;transition:transform .2s,box-shadow .2s}
.pick-card:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 14px 0 #18325a14}
.pick-art{display:block;position:relative;overflow:hidden;height:190px;isolation:isolate}
.pick-monster{background:radial-gradient(circle at 18% 22%,#fff9d6 0 10%,transparent 11%),#c9eaf8}
.pick-monster .monster-body{position:absolute;left:50%;top:54%;width:145px;height:124px;background:#1392c5;border-radius:42% 55% 48% 49%;transform:translate(-50%,-50%) rotate(-7deg);box-shadow:inset -12px -8px #0879aa}
.pick-monster .monster-body::before,.pick-monster .monster-body::after{content:"";position:absolute;top:-22px;width:36px;height:47px;background:#1392c5;border-radius:60% 50% 30% 30%}
.pick-monster .monster-body::before{left:17px;transform:rotate(-25deg)}
.pick-monster .monster-body::after{right:16px;transform:rotate(23deg)}
.pick-monster .monster-eye{position:absolute;top:30px;width:34px;height:36px;background:white;border-radius:50%;z-index:1}
.pick-monster .monster-eye::after{content:"";position:absolute;left:14px;top:15px;width:11px;height:11px;background:#18325a;border-radius:50%}
.pick-monster .eye-a{left:29px}.pick-monster .eye-b{right:28px}
.pick-monster .monster-mouth{position:absolute;left:55px;top:82px;width:43px;height:23px;border-bottom:6px solid white;border-radius:50%}
.pick-monster .monster-squiggle{position:absolute;right:8%;bottom:14px;width:95px;height:44px;border:10px solid #f8c63f;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(13deg)}
.pick-rainbow{background:#fff0c8}
.pick-rainbow .rainbow-arc{position:absolute;left:50%;bottom:-17px;border-style:solid;border-bottom:0;border-radius:50% 50% 0 0;transform:translateX(-50%)}
.pick-rainbow .arc-one{width:235px;height:150px;border-width:22px;border-color:#e9587e}
.pick-rainbow .arc-two{width:190px;height:124px;border-width:20px;border-color:#f5c539}
.pick-rainbow .arc-three{width:149px;height:97px;border-width:19px;border-color:#79bf59}
.pick-rainbow .arc-four{width:109px;height:70px;border-width:18px;border-color:#2c9bd2}
.pick-dino{background:#e0f1d2}
.pick-dino svg{display:block;width:100%;height:100%;max-width:360px;margin:auto}
.pick-dino .dino-body{position:absolute;left:38%;top:53%;width:142px;height:88px;background:#76b954;border-radius:58% 50% 48% 53%;transform:translate(-50%,-50%) rotate(-4deg);box-shadow:inset -9px -6px #5aa243}
.pick-dino .dino-neck{position:absolute;left:57%;top:21%;width:55px;height:100px;background:#76b954;border-radius:55% 55% 25% 25%;transform:rotate(23deg)}
.pick-dino .dino-eye{position:absolute;left:67%;top:29%;width:11px;height:11px;background:#18325a;border-radius:50%}
.pick-dino .dino-spikes{position:absolute;left:25%;top:24%;width:120px;height:55px;background:#ef7458;clip-path:polygon(0 100%,9% 5%,20% 100%,34% 8%,45% 100%,59% 0,71% 100%,86% 16%,100% 100%)}
.pick-copy{display:grid;gap:7px;padding:21px 22px 24px}
.pick-number{font-size:12px;font-weight:800;letter-spacing:.1em;color:#285b7a}
.pick-copy strong{font-family:var(--hand);font-size:clamp(24px,2.5vw,31px);line-height:1.06;color:#1b69a0}
.pick-arrow{font-size:15px;font-weight:800;color:#125b88;text-decoration:underline;text-underline-offset:4px;margin-top:4px}
.all-picks{display:inline-flex;align-items:center;min-height:48px;margin-top:24px;padding:8px 0;font-weight:800;color:#125b88;text-decoration:underline;text-underline-offset:5px}
.home-signoff{text-align:center;background:#e7f2ff;border-radius:30px}
.home-signoff p{max-width:760px;margin:0 auto 12px;font:600 clamp(25px,3.2vw,40px)/1.25 var(--hand);color:#1b69a0}
.home-signoff a{display:inline-flex;align-items:center;min-height:48px;color:#125b88;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.refresh-home .home-paths{background:#fff0c8}
.refresh-home .join-card.make{background:#cfebfc}
.refresh-home .join-card.help{background:#ffd9e7}

/* The same bright headings carry into child-facing activity pages. */
.watch h1,.about h1,.activity-intro h1,.resources-page h1{color:#1b69a0}
.watch .button.primary{background:#0b78b2;border-color:#0b78b2;color:white;box-shadow:0 5px 0 #f5c640}
.adventure-card h4{color:#1b69a0}
.activity-extras h2{color:#1b69a0}
@media(max-width:760px){.pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pick-card:last-child{grid-column:1/-1}.pick-art{height:145px}.pick-card:last-child .pick-art{height:170px}.pick-copy{padding:16px}.pick-copy strong{font-size:25px}.refresh-home .hero h1{font-size:clamp(57px,12vw,74px)}.refresh-home .hero{padding-bottom:38px}}
@media(max-width:470px){.pick-art{height:132px}.pick-card:last-child .pick-art{height:155px}.pick-copy{padding:14px}.pick-copy strong{font-size:22px}.pick-number{font-size:11px}.pick-arrow{font-size:13px}.pick-monster .monster-body{transform:translate(-50%,-50%) scale(.82) rotate(-7deg)}.pick-rainbow .rainbow-arc{transform:translateX(-50%) scale(.75);transform-origin:bottom center}.pick-dino .dino-body,.pick-dino .dino-neck,.pick-dino .dino-eye,.pick-dino .dino-spikes{transform:scale(.85)}}

/* A brighter paper-and-paint rhythm: colorful sections, calm reading surfaces. */
.refresh-home .hero{background:radial-gradient(ellipse at 4% 94%,#ffc7da 0 12%,transparent 38%),radial-gradient(ellipse at 96% 2%,#ffe493 0 10%,transparent 35%),linear-gradient(120deg,#e5f7ff 0%,#bce9fb 55%,#d5ecff 100%)}
.refresh-home .hero::after{content:"";position:absolute;z-index:0;pointer-events:none;width:125px;height:125px;right:1.5%;top:3%;border:12px solid #ef79a2;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(26deg);opacity:.7}
.refresh-home .hero-copy,.refresh-home .hero-visual{position:relative;z-index:1}
.home-picks{position:relative;isolation:isolate;background:#ffdeea;border-radius:30px}
.home-picks::before{content:"";position:absolute;z-index:-1;pointer-events:none;right:2%;top:30px;width:235px;height:80px;border-radius:55% 45% 50% 42%;transform:rotate(-12deg);background:#f6c73e;box-shadow:-35px 19px 0 -22px #0b88c7,22px -12px 0 -25px #e75d86;opacity:.7}
.home-picks .pick-card{border-color:#a93d6329;box-shadow:0 9px 0 #b44f7120}
.home-picks .pick-card:hover{box-shadow:0 14px 0 #b44f7120}
.refresh-home .home-paths{position:relative;isolation:isolate;background:#ffe895;border-radius:30px}
.refresh-home .home-paths::after{content:"";position:absolute;z-index:-1;right:3%;top:38px;width:120px;height:120px;background:radial-gradient(circle at 50% 50%,#ff7998 0 34%,transparent 35%),radial-gradient(circle at 18% 60%,#ff7998 0 9%,transparent 10%),radial-gradient(circle at 79% 13%,#ff7998 0 9%,transparent 10%),radial-gradient(circle at 75% 80%,#ff7998 0 8%,transparent 9%);transform:rotate(14deg);opacity:.55}
.refresh-home .join-card.make{background:#bce5fa;border-color:#78c5ed;box-shadow:0 8px 0 #75bfe566}
.refresh-home .join-card.help{background:#ffc9df;border-color:#ee96bb;box-shadow:0 8px 0 #df87ad66}
.home-signoff{background:#d8c5f2;border-radius:30px}
.home-signoff p{color:#5c3b89}
.home-signoff a{color:#4b367a}
.home-signoff a:hover,.all-picks:hover{color:#a63656}
.site-footer{border-top:8px solid transparent;border-image:linear-gradient(90deg,#2e9ed4 0 25%,#f06d95 25% 50%,#f6c63a 50% 75%,#79be55 75% 100%) 1}

/* Abstract swatches are decorative art marks, not substitute project illustrations. */
.watch{background:radial-gradient(circle at 100% 0%,#c6ebfa 0,transparent 38%),linear-gradient(105deg,#fff4d7,#e1f4ff)}
.create{background:#e8f4dc}
.adventure-card{overflow:hidden}
.adventure-card::before{content:"";display:block;height:76px;margin:-26px -26px 20px;border-radius:21px 21px 8px 8px;background:radial-gradient(ellipse 68px 24px at 22% 58%,var(--swatch-a) 0 72%,transparent 75%),radial-gradient(ellipse 54px 32px at 58% 38%,var(--swatch-b) 0 70%,transparent 73%),radial-gradient(ellipse 50px 17px at 84% 66%,var(--swatch-c) 0 70%,transparent 73%),var(--swatch-bg)}
.adventure-card:nth-child(5n+1){--swatch-a:#43a9d9;--swatch-b:#f8c53c;--swatch-c:#eb779a;--swatch-bg:#d3effb}
.adventure-card:nth-child(5n+2){--swatch-a:#ee7095;--swatch-b:#8f72c6;--swatch-c:#f8c53c;--swatch-bg:#ffe4ed}
.adventure-card:nth-child(5n+3){--swatch-a:#f5c43b;--swatch-b:#7dbd5b;--swatch-c:#40a1d1;--swatch-bg:#fff0bc}
.adventure-card:nth-child(5n+4){--swatch-a:#75bd5a;--swatch-b:#47a6d4;--swatch-c:#e96f98;--swatch-bg:#e1f3cf}
.adventure-card:nth-child(5n){--swatch-a:#9b75c6;--swatch-b:#ef81a3;--swatch-c:#f4c43c;--swatch-bg:#eadef8}
@media(max-width:760px){.refresh-home .hero::after{width:72px;height:72px;border-width:8px;right:2%;top:4%}.home-picks::before{width:120px;height:48px;right:4%;top:24px}.refresh-home .home-paths::after{width:75px;height:75px;right:2%;top:27px}.adventure-card::before{height:66px}}

/* Local design draft: let the child's first action lead E01. */
.activity-page .child-cue{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:0;margin:24px 0 34px;border-radius:30px;overflow:hidden;background:#d6f0fb;border:2px solid #a6daf0;box-shadow:0 10px 0 #f7ce56}
.child-cue-image{align-self:stretch;min-height:350px;overflow:hidden;background:#c9e9f4}
.child-cue-image img{display:block;width:100%;height:100%;min-height:350px;object-fit:cover;object-position:34% center}
.child-cue-copy{padding:clamp(25px,4vw,54px)}
.child-cue-copy h2{font:700 clamp(37px,4.5vw,62px)/1.02 var(--hand);color:#1677af;margin:10px 0 18px}
.child-cue-copy p:not(.eyebrow){font-size:clamp(18px,1.8vw,22px);line-height:1.4;color:#244b67;max-width:460px}
.child-cue-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.child-cue-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border:2px solid #116d9f;border-radius:999px;font-weight:800;text-align:center;text-decoration:none}
.child-cue-actions .primary{background:#168bc1;color:white;box-shadow:0 5px 0 #f4ca46}
.child-cue-actions .secondary{background:#fffdf8;color:#11648f;box-shadow:0 5px 0 #f4ca46}
.activity-page .wonder-word{margin:38px 0;background:#fce9aa;color:#253d57;border-color:#f5c94a;box-shadow:0 7px 0 #f7d97c}
.activity-page .wonder-word h2,.activity-page .wonder-word p,.activity-page .wonder-word span{color:#253d57}
.activity-grownup-details{margin:36px 0;padding:18px 22px;border:1px solid #cddde4;border-radius:20px;background:#f8fbfc;color:#294a62}
.activity-grownup-details summary{cursor:pointer;font-weight:800;color:#244f75}
.activity-grownup-details .episode-video{margin-top:18px}
.activity-grownup-details .lesson-invite,.activity-grownup-details .lesson-element{margin:14px 0}
@media(max-width:760px){.activity-page .child-cue{grid-template-columns:1fr}.child-cue-image{min-height:260px;max-height:370px}.child-cue-image img{min-height:260px;max-height:370px;object-position:center 33%}.child-cue-copy{padding:25px}.child-cue-actions{display:grid;grid-template-columns:1fr}.child-cue-copy h2{font-size:42px}}
.activity-page:has(.child-cue){padding-top:22px}
.activity-page:has(.child-cue) .activity-intro{padding-top:16px}
.activity-page .child-cue-copy h2{font-size:clamp(37px,4.5vw,62px)}
@media(max-width:760px){.activity-page .child-cue-image,.activity-page .child-cue-image img{min-height:240px;max-height:240px}.activity-page .child-cue-copy h2{font-size:38px}.activity-page:has(.child-cue) .activity-intro h1{font-size:clamp(34px,7vw,48px)}.activity-page:has(.child-cue) .activity-hook{font-size:18px}}
@media(max-width:760px){.activity-page .child-cue-image img{transform:scale(3);transform-origin:0 32%;object-position:left center}}
/* Blend the approved full-color logo's paper edge into the page; do not recolor the artwork. */
.site-header .brand img,.site-footer .footer-brand img{mix-blend-mode:multiply}

/* Real project artwork and the same hand-painted marks used by the logo. */
body{background:#fffdfa}
.pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pick-monster,.pick-clay{background:#fffdfa}
.pick-monster img,.pick-clay img{display:block;width:100%;height:100%;object-fit:contain}
.pick-clay img{object-fit:cover;object-position:center 56%}
.adventure-card::before{background:url("assets/logo-paint-marks.svg") center/cover no-repeat,var(--swatch-bg)}
.adventure-card[data-episode="E01"]::before{height:110px;background:#fffdfa url("assets/real-monster.jpg") center/contain no-repeat}
.adventure-card[data-episode="E08"]::before{height:110px;background:#fffdfa url("assets/real-clay-sheep-world.jpg") center 56%/cover no-repeat}
.refresh-home .hero::after,.home-picks::before,.refresh-home .home-paths::after{border:0;border-radius:0;box-shadow:none;background:url("assets/logo-paint-marks.svg") center/contain no-repeat;opacity:.8}
.refresh-home .hero::after{width:145px;height:70px;transform:rotate(15deg)}
.home-picks::before{width:210px;height:78px;transform:rotate(-8deg)}
.refresh-home .home-paths::after{width:155px;height:78px;transform:rotate(13deg)}
.child-cue-image{background:#fffdfa}
.child-cue-image img{object-fit:contain;object-position:center;transform:none}
.clay-world-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0 34px}
.clay-world-gallery figure{margin:0;overflow:hidden;border:2px solid #cce5ee;border-radius:22px;background:#fffdfa;box-shadow:0 7px 0 #eedcaa}
.clay-world-gallery img{display:block;width:100%;height:290px;object-fit:cover}
.clay-world-gallery figcaption{padding:14px 18px 18px;color:#33506a;font-size:15px;line-height:1.4;font-weight:650}
@media(max-width:760px){.pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pick-card:last-child{grid-column:auto}.pick-card:last-child .pick-art{height:145px}.activity-page .child-cue-image img{transform:none;object-position:center}.clay-world-gallery{grid-template-columns:1fr}.clay-world-gallery img{height:230px}}
@media(max-width:470px){.pick-card:last-child .pick-art{height:132px}.refresh-home .hero::after{width:80px;height:42px}.home-picks::before{width:120px;height:48px}.refresh-home .home-paths::after{width:90px;height:48px}}

/* Episode discovery: the art and the child's question lead each project. */
.adventure-card:has(.adventure-visual)::before{display:none}
.adventure-visual{display:block;height:175px;margin:-26px -26px 22px;overflow:hidden;background:#fffdfa;border-bottom:2px solid #d9ebf2}
.adventure-visual img{display:block;width:100%;height:100%;object-fit:cover}
.adventure-visual.illustrated-art img{object-fit:contain;padding:5px;background:#fffdfa}
.adventure-visual.real-art img{object-fit:contain;background:#fffdfa}
.adventure-card[data-episode="E08"] .adventure-visual.real-art img{object-fit:cover;object-position:center 56%}
.activity-page .episode-peek{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:0;overflow:hidden;margin:24px 0 34px;border:2px solid #9ed4ea;border-radius:30px;background:#d8f0fb;box-shadow:0 9px 0 #f8d15c}
.activity-intro:has(.episode-peek){max-width:none}
.episode-peek-art{min-height:305px;align-self:stretch;background:#fffdfa}
.episode-peek-art img{display:block;width:100%;height:100%;min-height:305px;object-fit:contain}
.episode-peek-copy{padding:clamp(24px,3vw,38px)}
.episode-peek-copy h2{font:700 clamp(30px,3.4vw,47px)/1.04 var(--hand);color:#1476ae;margin:9px 0 16px}
.episode-peek-copy p:not(.eyebrow){font-size:clamp(18px,1.6vw,21px);line-height:1.4;color:#244b67;margin:0}
.episode-action-strip{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0 30px}
.episode-action-strip .button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border:2px solid #116d9f;border-radius:999px;font-weight:800;text-decoration:none}
.episode-action-strip .primary{background:#168bc1;color:white;box-shadow:0 5px 0 #f4ca46}
.episode-action-strip .secondary{background:#fffdf8;color:#11648f;box-shadow:0 5px 0 #f4ca46}
.activity-page .episode-video{display:none}
.activity-page .episode-video.is-ready{display:block;background:#e1f3fc;border:2px solid #9fd9ee;box-shadow:0 6px 0 #f6d575}
.clay-world-gallery:has(figure:only-child){grid-template-columns:1fr;max-width:760px}
.clay-world-gallery:has(figure:only-child) img{height:auto;aspect-ratio:4/3;object-fit:cover}
@media(max-width:760px){.activity-page .episode-peek{grid-template-columns:1fr}.episode-peek-art,.episode-peek-art img{min-height:225px;max-height:270px}.episode-peek-copy{padding:24px}.episode-peek-copy h2{font-size:36px}.episode-action-strip{display:grid;grid-template-columns:1fr 1fr}.episode-action-strip .button{text-align:center}.adventure-visual{height:155px}}
@media(max-width:470px){.episode-action-strip{grid-template-columns:1fr}.adventure-visual{height:145px}}