:root{--orange:#f87209;--green:#607d38;--yellow:#fac421;--red:#fa5821;--purple:#68387d;--cream:#fff8e9;--ink:#251c18;--muted:#725f55;--line:#e9ddd1;--white:#fff;--radius:28px;--shadow:0 18px 50px rgba(87,48,14,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fffcf7;font-family:'Work Sans',sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.button{font-family:'Fredoka',sans-serif}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(40,20,10,.07)}.brand{display:flex;align-items:center;gap:10px;font-size:1.42rem;font-weight:700;color:var(--orange)}.brand-fruit{width:34px;height:30px;border-radius:52% 48% 50% 50%;background:var(--orange);display:inline-block;position:relative}.brand-fruit:after{content:'• •';position:absolute;color:#24180f;font:700 10px sans-serif;left:9px;top:10px;letter-spacing:2px}.brand-fruit i{position:absolute;background:var(--green);width:14px;height:7px;border-radius:100% 0 100% 0;left:17px;top:-4px;transform:rotate(-18deg)}.main-nav{display:flex;align-items:center;gap:32px;font-size:.92rem;font-weight:600}.main-nav a{padding:10px 2px}.main-nav a.active{color:var(--orange)}.nav-pill{border:1.5px solid var(--orange)!important;border-radius:30px;padding:10px 18px!important}.menu-button{display:none;background:none;border:0}.hero{min-height:calc(100vh - 82px);background:var(--cream);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:60px clamp(24px,7vw,110px) 80px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(248,114,9,.12) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to right,black,transparent 75%)}.hero-copy{position:relative;z-index:2;max-width:680px}.eyebrow{display:inline-block;color:var(--orange);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}.eyebrow.dark{color:var(--green)}.hero h1,.page-hero h1{font-size:clamp(3.2rem,6.5vw,6.7rem);line-height:.92;letter-spacing:-.055em;margin-bottom:26px}.hero h1 em,.page-hero h1 em{color:var(--orange);font-style:normal}.hero-copy>p{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65;max-width:580px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:100px;padding:15px 24px;font-weight:600;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(248,114,9,.28)}.outline{border:2px solid var(--orange);color:var(--orange)}.cream{background:var(--cream);color:var(--ink)}.text-link{font-weight:700;border-bottom:2px solid var(--yellow)}.hero-art{position:relative;height:min(570px,65vw);min-height:420px;z-index:2}.character-xl{position:absolute;width:min(390px,35vw);aspect-ratio:1;left:50%;top:50%;transform:translate(-48%,-48%);background:var(--orange);border:7px solid var(--ink);border-radius:50% 46% 48% 52%;box-shadow:14px 18px 0 var(--yellow)}.leaf{position:absolute;width:42%;height:22%;background:var(--green);border:6px solid var(--ink);border-radius:100% 0 100% 0;top:-16%;left:51%;transform:rotate(-15deg)}.stem{position:absolute;width:7%;height:18%;background:var(--ink);left:48%;top:-10%;transform:rotate(8deg)}.eye{position:absolute;width:8%;height:12%;background:var(--ink);border-radius:50%;top:39%}.eye.left{left:31%}.eye.right{right:31%}.brow{position:absolute;width:15%;height:4%;background:var(--ink);border-radius:10px;top:29%}.brow.left{left:25%;transform:rotate(8deg)}.brow.right{right:25%;transform:rotate(-8deg)}.mouth{position:absolute;width:29%;height:18%;background:#fff;border:6px solid var(--ink);border-radius:8% 8% 50% 50%;left:35%;top:57%;overflow:hidden}.mouth:after{content:'';position:absolute;width:70%;height:45%;border-radius:50%;background:#e7604e;bottom:-10%;left:15%}.cheek{position:absolute;width:10%;height:4%;background:#fa9a52;border-radius:50%;top:57%}.cheek.left{left:17%}.cheek.right{right:17%}.arm,.leg{position:absolute;background:var(--ink);border-radius:20px}.arm{width:6%;height:36%;top:47%}.arm.left{left:-10%;transform:rotate(37deg)}.arm.right{right:-9%;transform:rotate(-42deg);top:27%}.hand{position:absolute;color:var(--ink);font-size:42px}.hand.left{left:-25%;top:76%}.hand.right{right:-21%;top:5%}.leg{width:6%;height:27%;top:91%}.leg.left{left:32%;transform:rotate(8deg)}.leg.right{right:32%;transform:rotate(-8deg)}.burst{position:absolute;font-family:'Fredoka';font-weight:700;color:var(--purple);transform:rotate(-8deg)}.burst-one{top:7%;left:4%;font-size:1.5rem}.burst-two{right:2%;top:65%;font-size:2.2rem;line-height:.7;transform:rotate(12deg)}.dot{position:absolute;border-radius:50%}.dot-one{width:24px;height:24px;background:var(--yellow);top:20%;right:5%}.dot-two{width:14px;height:14px;background:var(--purple);bottom:20%;left:4%}.dot-three{width:10px;height:10px;background:var(--red);top:50%;left:0}.scroll-note{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:.75rem;font-weight:700;color:var(--muted);z-index:2}.section-wrap{padding:100px clamp(24px,7vw,110px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-heading h2,.meet-strip h2{font-size:clamp(2.3rem,4vw,4rem);margin:0}.section-heading p{color:var(--muted);margin-bottom:8px}.episode-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:24px}.episode-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(60,30,5,.05);transition:.2s}.episode-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.comic-preview{min-height:290px;position:relative;padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.comic-preview.orange{background:#ffd4b4}.comic-preview.yellow{background:#fff0a9}.comic-preview.purple{background:#dfcbea}.comic-preview .day{position:absolute;left:18px;top:18px;background:#fff;border:2px solid var(--ink);font-size:.65rem;font-weight:800;padding:6px 10px;transform:rotate(-4deg)}.comic-preview p{font-family:'Fredoka';font-size:1.1rem;line-height:1.2;margin-top:15px}.mini-fruit{width:110px;height:100px;border:4px solid var(--ink);border-radius:50%;background:var(--orange);position:relative;display:flex;align-items:center;justify-content:center;gap:18px;font-family:sans-serif}.mini-fruit i{position:absolute;width:35px;height:16px;background:var(--green);border:3px solid var(--ink);border-radius:100% 0 100% 0;top:-18px;right:22px}.mini-fruit b{text-decoration:none;font-size:13px}.mini-fruit u{position:absolute;width:24px;height:10px;border-bottom:3px solid var(--ink);bottom:24px;border-radius:50%}.mini-fruit.lime{background:var(--yellow)}.card-copy{padding:24px}.card-copy span,.profile small{font-size:.68rem;color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.card-copy h3{font-size:1.45rem;margin:7px 0 10px}.card-copy p{color:var(--muted);line-height:1.5}.card-copy a{color:var(--orange);font-weight:700}.center{text-align:center;margin-top:46px}.meet-strip{background:var(--purple);color:#fff;padding:80px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.meet-strip>div:first-child{max-width:590px}.meet-strip p{line-height:1.6;color:#eaddef}.fruit-line{display:flex;align-items:end;justify-content:center;gap:12px;height:230px}.fruit{font-size:13rem;line-height:.7;-webkit-text-stroke:6px var(--ink)}.orange-fruit{color:var(--orange)}.carrot{color:var(--red);font-size:11rem}.lemon{color:var(--yellow);font-size:10rem}.water{color:#8bd3e6;font-size:8rem}footer{padding:62px 24px;text-align:center;background:var(--ink);color:#d9cbc2}.footer-brand{justify-content:center;color:#fff;margin-bottom:15px}.socials{display:flex;justify-content:center;gap:24px;margin:25px 0}.socials a{color:var(--yellow);font-weight:700}footer small{font-size:.72rem}.page-hero{text-align:center;background:var(--cream);padding:95px 24px 80px}.page-hero h1{font-size:clamp(3rem,6vw,5.8rem);margin-bottom:20px}.page-hero p{font-size:1.15rem;color:var(--muted)}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.profile{min-height:320px;border-radius:var(--radius);padding:42px;display:grid;grid-template-columns:180px 1fr;gap:34px;align-items:center}.profile:first-child{grid-column:1/-1}.profile h2{font-size:2rem;margin:5px 0 14px}.profile p{line-height:1.6;color:#5e5048}.profile strong{font-size:.82rem}.orange-profile{background:#ffe0c6}.red-profile{background:#ffddd3}.green-profile{background:#e2e9d6}.yellow-profile{background:#fff1b7}.blue-profile{background:#dff1f5}.avatar{width:170px;height:155px;border:5px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Fredoka';font-size:2.6rem;position:relative}.avatar:before,.avatar:after{content:'●';position:absolute;top:42%;font-size:13px}.avatar:before{left:34%}.avatar:after{right:34%}.avatar i{position:absolute;width:48px;height:22px;background:var(--green);border:4px solid var(--ink);border-radius:100% 0 100% 0;top:-23px;right:32px}.avatar span{margin-top:50px}.mandarin-avatar,.mando-avatar{background:var(--orange)}.mando-avatar b{position:absolute;top:52%;font-size:2rem}.mando-avatar span{margin-top:74px}.greg-avatar{background:var(--red);border-radius:55% 55% 45% 45%}.lemon-avatar{background:var(--yellow);border-radius:55% 45% 55% 45%}.water-avatar{background:#77cbe0;border-radius:55% 55% 50% 50%}.character-cta{text-align:center;padding:85px 24px;background:var(--cream)}.character-cta p{color:var(--orange);font-weight:800}.character-cta h2{font-size:clamp(2rem,4vw,3.7rem);margin-bottom:28px}
@media(max-width:900px){.episode-grid{grid-template-columns:1fr 1fr}.episode-card.featured{grid-column:1/-1}.character-grid{grid-template-columns:1fr}.profile:first-child{grid-column:auto}.profile{grid-template-columns:150px 1fr}.avatar{width:140px;height:130px}.meet-strip{grid-template-columns:1fr}.fruit-line{margin-top:35px}.hero{grid-template-columns:1fr;padding-top:85px}.hero-copy{text-align:center;margin:auto}.hero-actions{justify-content:center}.hero-art{height:450px}.character-xl{width:330px}.scroll-note{display:none}}
@media(max-width:650px){.site-header{height:68px}.menu-button{display:flex;width:44px;height:44px;flex-direction:column;justify-content:center;gap:5px}.menu-button span{display:block;width:24px;height:2px;background:var(--ink)}.menu-button b{position:absolute;width:1px;height:1px;overflow:hidden}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:18px 24px 28px;flex-direction:column;align-items:stretch;gap:4px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px rgba(0,0,0,.08)}.main-nav.open{display:flex}.main-nav a{padding:12px}.nav-pill{text-align:center;margin-top:8px}.hero{min-height:auto;padding:70px 22px 55px}.hero h1{font-size:3.35rem}.hero-actions{flex-direction:column;gap:20px}.hero-art{height:390px;min-height:390px}.character-xl{width:260px;border-width:5px}.mouth{border-width:4px}.leaf{border-width:4px}.hand{font-size:30px}.section-wrap{padding:72px 20px}.section-heading{display:block}.section-heading p{margin-top:12px}.episode-grid{grid-template-columns:1fr}.episode-card.featured{grid-column:auto}.comic-preview{min-height:250px}.meet-strip{padding:70px 22px}.fruit-line{height:170px;gap:2px}.fruit{font-size:7rem;-webkit-text-stroke:4px var(--ink)}.carrot{font-size:6.5rem}.lemon{font-size:6rem}.water{font-size:5rem}.character-grid{padding-left:16px;padding-right:16px}.profile{grid-template-columns:1fr;text-align:center;padding:32px 24px}.avatar{margin:auto}.page-hero{padding:70px 20px 58px}.page-hero h1{font-size:3.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}