:root{--paper:#fff9eb;--ink:#344d3f;--muted:#7a7866;--line:#dbd7be;--orange:#c86b46;--mint:#dee7c8}body{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%2397835f' opacity='.055' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{background:#fff9ebee;border-bottom:1px dashed #c7c9ac}.brand{font-size:16px;letter-spacing:1px;line-height:1.5}.brandmark{border:2px solid #6d8359;border-radius:48% 53% 45% 55%;background:#e1e8c9;color:#547044;transform:rotate(-9deg)}.brand-sub{display:block;font-size:8px;letter-spacing:1.8px;font-weight:400}.navlinks{gap:22px;font-size:13px}.navcta{background:#f1d698;border:1px solid #ad8c52;border-radius:47% 52% 48% 51% / 38% 40% 39% 42%;transform:rotate(-2deg)}.eyebrow{font-family:Georgia,'Microsoft JhengHei',serif;font-size:11px;letter-spacing:1.5px;color:#8c7251}.eyebrow:before{background:#cd8b58;border-radius:40% 60% 50% 40%}h1,:is(h2,h1.page-heading),h3{font-family:'Noto Sans TC','Microsoft JhengHei',sans-serif}h1{font-size:clamp(38px,4vw,57px);font-weight:700;line-height:1.55;letter-spacing:2px}h1 em:after{height:9px;border-top:4px solid #cf9e58;opacity:.7}.btn{background:#53714b;border:1px solid #385c35;border-radius:15px 20px 17px 12px;box-shadow:3px 4px 0 #c9d1a5;transform:rotate(-1deg);padding:13px 22px}.btn:hover{transform:rotate(0) translateY(-2px);box-shadow:4px 6px 0 #c9d1a5}.btn,.rail-arrow{transition:transform .2s,box-shadow .2s}.zoo-hero{position:relative;isolation:isolate;min-height:660px;padding:85px 0 140px;gap:0;grid-template-columns:1.05fr 1.1fr;overflow:visible}.hero-copy{position:relative;z-index:3;padding-bottom:20px}.welcome-note{font-size:13px;letter-spacing:1px;color:#998365;margin:20px 0 -8px}.intro{font-size:14px;line-height:2.1}.zoo-visual{position:relative;z-index:2;align-self:center;margin-left:-40px;margin-right:-50px;will-change:transform}.zoo-visual img{width:100%;height:auto;display:block;filter:drop-shadow(0 9px 1px #7f8d5512)}.zoo-sticker{position:absolute;top:-8px;right:17%;font-size:13px;padding:7px 19px;background:#f1db9f;border:1px dashed #b79e5c;transform:rotate(7deg);border-radius:46% 50% 44% 55%}.zoo-caption{position:absolute;bottom:-8px;left:15%;font:9px Georgia;letter-spacing:1.5px;color:#84916a}.hero-sun{position:absolute;width:130px;height:130px;background:#ecd38e;border-radius:47% 53% 50% 46%;top:36px;right:24%;z-index:-2;opacity:.7;box-shadow:0 0 0 8px #ecd38e14}.hero-cloud{position:absolute;background:#e8e4cf;border-radius:50%;height:26px;width:90px;z-index:-2;opacity:.5}.hero-cloud:before{content:'';position:absolute;width:48px;height:40px;left:20px;bottom:4px;border-radius:50%;background:inherit}.cloud-one{top:50px;right:5%}.cloud-two{bottom:180px;left:45%;width:70px;opacity:.35}.hero-hill{position:absolute;z-index:-1;left:calc((1200px - 100vw)/2 - 42px);right:calc((1200px - 100vw)/2 - 42px);height:140px;bottom:0;background:#e7ebcf;border-radius:50% 65% 0 0 / 80% 95% 0 0;pointer-events:none;opacity:.8}.hill-front{height:65px;left:-42px;right:-42px;bottom:-1px;background:#e0e7c8;border-radius:65% 100% 0 0 / 95% 110% 0 0;opacity:.6}.scroll-invite{position:absolute;left:0;bottom:28px;z-index:3;display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:1px}.scroll-invite span{font:26px Georgia;color:#8b9b6c}.hero-bottom{background:#e0e7c844;border-top:1px dashed #bdc5a0;border-bottom:1px dashed #bdc5a0;padding:18px 0}.impact{border-bottom:1px dashed #cbd1ad;background:#e0e7c81c}.impact :is(h2,h1.page-heading){font-size:24px}.impact-stat{border-left:1px dashed #c6cba7}.impact-value strong{font-family:Georgia,serif;color:#567448}.school-name{font-weight:500;color:#6f8056}.school-name:after{color:#cda76d}.marquee-toggle{border-style:dashed;background:#fffcf2}.sectiontop :is(h2,h1.page-heading){font-size:31px;font-weight:600}.sectiontop p{line-height:1.9}.horizontal-rail{display:flex!important;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b8bc8f #eee8d4;padding:12px 4px 25px;scroll-behavior:smooth;align-items:stretch}.horizontal-rail>.course{flex:0 0 340px;scroll-snap-align:start;border:1px solid #c7c9a4;border-radius:8px 14px 9px 12px;background:#fffdf4;box-shadow:3px 4px 0 #e3dfc8}.horizontal-rail>.course:nth-child(2n){border-radius:14px 8px 13px 7px}.coursebody{padding:23px}.cover{height:190px;background:#e3e8c9!important;border-bottom:1px dashed #bdc6a4}.cover.t1{background:#f2deae!important}.cover.t2{background:#dfe7e5!important}.cover.t3{background:#f1d3ba!important}.cover.t4{background:#e9dbdf!important}.cover.t5{background:#dee3ba!important}.cover:before{border:3px solid #8e9c7566;width:85px;height:95px;transform:rotate(-12deg);border-radius:40% 60% 45% 50%;left:23px;bottom:-13px;background:#fff9eb38}.cover:after{border:2px dashed #7c916055;width:135px;height:130px;transform:rotate(22deg);border-radius:42% 50% 40% 60%;right:5px;top:40px}.cover strong{font-size:32px;text-align:center;text-shadow:2px 2px #fff9eb99;max-width:95%}.cover .no{font-size:10px;letter-spacing:1px;color:#6f785d}.course h3{font-size:19px;font-weight:600}.filter{border-style:dashed;border-radius:12px 15px 13px 10px;background:#fffdf4}.filter[aria-pressed=true]{background:#73865b;border-color:#73865b}.rail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:8px;font-size:11px;color:#8b816a}.rail-buttons{display:flex;gap:9px}.rail-arrow{width:39px;height:37px;border:1px solid #9eab83;border-radius:48% 44% 50% 43%;background:#eef0dc;color:#536747;font-size:19px}.rail-arrow:hover{background:#e0e5be;transform:rotate(-6deg)}.rail-arrow:disabled{opacity:.35;cursor:default}.outcomes{background:#efdfbf70;border-top:1px dashed #dcc8a1;border-bottom:1px dashed #dcc8a1;position:relative}.outcome-card{flex:0 0 390px;scroll-snap-align:start;background:#fffaf0;border:1px solid #d4c3a3;border-radius:9px 14px 10px 6px;overflow:hidden;box-shadow:3px 4px #dccbae66}.outcome-art{height:255px;display:grid;place-items:center;position:relative;border-bottom:1px dashed #d4c3a3;overflow:hidden}.art-book{background:#e2e5c3}.storybook{width:137px;height:178px;background:#f5ba84;transform:rotate(-9deg);border:2px solid #a16e4d;border-radius:3px 9px 9px 3px;box-shadow:7px 5px #fff8e6,9px 6px #b19b79;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6b4b36;line-height:1.6;letter-spacing:4px;font-size:21px;font-weight:600}.storybook i{font:40px Georgia;margin-top:12px;color:#a77244}.pencil-mark{position:absolute;right:65px;top:32px;font-size:35px;color:#8ba16c;transform:rotate(13deg)}.art-game{background:#e1e7df}.game-window{width:250px;height:157px;border:2px solid #758d75;border-radius:9px;background:#f7f8e8;transform:rotate(5deg);overflow:hidden;box-shadow:5px 6px #bfcab1}.game-window>span{display:block;padding:2px 10px;background:#b5c6a0;font-size:10px;color:#fdf7e7;letter-spacing:4px}.game-window strong{display:block;padding:27px 0 15px;font:19px Georgia;text-align:center;color:#627851}.game-ground{text-align:center;color:#9caf72;letter-spacing:10px}.art-plan{background:#f3dbbc}.plan-paper{width:230px;height:182px;background:#fffcf0;border:1px solid #baad87;box-shadow:4px 5px #d6bf98;transform:rotate(-5deg);padding:19px}.plan-paper span{display:block;border-bottom:2px solid #c6b987;font-size:17px;font-weight:600;padding-bottom:5px}.plan-paper i{font-size:12px;display:block;font-style:normal;margin:13px 0;color:#a47d54}.plan-paper b{font-weight:400;font-size:12px;line-height:2.1;color:#7c8b61}.art-web{background:#e4dce3}.mini-web{background:#fcf6e6;border:2px solid #a49a9e;border-radius:7px;width:240px;height:175px;transform:rotate(5deg);box-shadow:5px 5px #c9bac7;padding:12px}.mini-web>span{font:8px Georgia;letter-spacing:1px;display:block;border-bottom:1px solid #b8b39d;padding-bottom:8px}.mini-web>div{font:27px/1 Georgia;margin-top:13px;letter-spacing:3px;color:#8e7d88}.mini-web i{position:absolute;right:26px;bottom:25px;font:35px Georgia;color:#bb9c7a}.outcome-copy{padding:24px}.outcome-copy h3{font-weight:600;font-size:20px}.outcome-copy p{font-size:13px;color:var(--muted);line-height:1.9}.outcome-copy .textlink{font-size:12px;display:inline-block;margin-top:12px}.journal{background:#fff9eb}.journal-labels{display:flex;gap:12px;margin-bottom:25px}.journal-labels span{font-size:11px;border:1px dashed #bcbf9b;padding:4px 14px;border-radius:40% 45% 43% 40%;color:#7d8967}.journal-empty{border:1px dashed #b7bd95;border-radius:20px 13px 17px 9px;padding:45px;display:flex;gap:35px;align-items:center;background:#ecedda66;position:relative}.empty-sketch{width:110px;height:125px;flex-shrink:0;background:#fffdf3;border:2px solid #c5bd99;transform:rotate(-8deg);display:grid;place-items:center;font:74px Georgia;color:#bf9670;box-shadow:4px 5px #ded7b9}.journal-empty h3{font-size:23px;margin:12px 0}.journal-empty p{font-size:12px;display:inline-block;border:1px solid #c8ba92;border-radius:30px;padding:2px 15px;color:#937c4f;background:#f7edd2}.empty-caption{display:block;color:var(--muted);font-size:12px;margin-top:10px}.journal-flower{margin-left:auto;font-size:75px;color:#b3bf8d;transform:rotate(12deg)}.band{background:#e2e7cf}.service-list{border-top:1px dashed #adb994}.service-row{border-bottom:1px dashed #adb994}.service-row .num{color:#ae8e5d}.service-row h3{font-weight:600}.portrait-frame{border:5px solid #f1e4c7;border-radius:48% 48% 4% 3%;outline:1px dashed #c5b598;outline-offset:6px;transform:rotate(-2deg);box-shadow:9px 10px 0 #e5e8ce}.portrait figcaption{margin-top:28px}.abouttags span{border-style:dashed;background:#eff0dd}.process{border-top:1px dashed #c6cba7;background:#f4eddc55}.step .num{color:#b58b58}.contact{background:#596f4e;border-top:3px dashed #adbb8b}.contact .eyebrow,.contact p,.contact small{color:#e4e5cf}.contact input,.contact select,.contact textarea{background:#4f6546;border:1px dashed #a7b392}.contact .btn{box-shadow:3px 4px #435739;background:#fff4d8}.contact .submit{border-style:dashed;background:#f3d795;color:#4e5d3a;border-color:#dac084;border-radius:12px 15px 11px 17px}.contact :is(h2,h1.page-heading){font-weight:600}footer{background:#ebe7d4}.close{color:#8a724d}dialog{background:#fff9eb;border:2px solid #d0c5a1;border-radius:16px 22px 18px 13px}body{overflow-x:clip}@media(min-width:1200px){.zoo-hero{min-height:700px}.zoo-visual{margin-right:-60px}}@media(max-width:1199px){.hero-hill{left:-42px;right:-42px}.zoo-visual{margin-right:-15px}.navlinks{gap:16px}.brand{font-size:14px}}@media(max-width:800px){.zoo-hero{grid-template-columns:1fr 1fr;min-height:620px;padding-top:55px}.zoo-visual{margin-left:-35px}.zoo-hero h1{font-size:37px}.hero-sun{width:95px;height:95px}.zoo-sticker{font-size:10px;padding:5px 10px}.zoo-caption{font-size:7px}.sectiontop :is(h2,h1.page-heading){font-size:28px}.horizontal-rail>.course{flex-basis:310px}.outcome-card{flex-basis:350px}.brand-sub{font-size:7px}.navlinks{gap:12px}.brand{font-size:13px}.journal-flower{display:none}}@media(max-width:600px){.brand{font-size:15px}.navlinks{background:#fff9eb;gap:18px}.zoo-hero{grid-template-columns:1fr;padding:40px 0 95px;min-height:0}.hero-copy{padding-bottom:0}.zoo-hero h1{font-size:36px;line-height:1.55;letter-spacing:1px;margin-top:22px}.welcome-note{font-size:11px}.zoo-hero .eyebrow{font-size:9px}.intro{font-size:13px}.actions{gap:20px}.btn{font-size:12px;padding:12px 17px;gap:13px}.textlink{font-size:12px}.zoo-visual{margin:30px -16px 0;max-width:500px;min-height:230px}.zoo-visual img{width:100%}.zoo-sticker{top:0;right:8%}.zoo-caption{bottom:-6px;left:20%;font-size:7px}.hero-sun{right:0;top:34px;width:80px;height:80px;opacity:.3}.cloud-one{right:5%;top:290px}.cloud-two{bottom:100px;left:15%}.hero-hill{height:100px;left:-24px;right:-24px}.hill-front{height:45px}.scroll-invite{bottom:22px;font-size:10px}.hero-bottom{display:block;font-size:10px}.tagstrip{display:none}.impact :is(h2,h1.page-heading){font-size:22px}.sectiontop :is(h2,h1.page-heading){font-size:27px}.horizontal-rail{gap:17px;margin-right:-16px;padding-right:16px}.horizontal-rail>.course{flex-basis:86%;min-width:270px}.outcome-card{flex-basis:89%;min-width:280px}.outcome-art{height:220px}.rail-toolbar{font-size:9px;gap:10px}.rail-arrow{width:33px;height:32px}.journal-empty{padding:28px 22px;gap:21px;align-items:start;flex-direction:column}.empty-sketch{width:65px;height:76px;font-size:47px}.journal-empty h3{font-size:21px}.empty-caption{font-size:11px}.journal-labels{gap:9px}.cover strong{font-size:30px}.service-row h3{font-size:18px}.portrait-frame{margin:7px}.contact :is(h2,h1.page-heading){font-size:33px}.hero-bottom{padding:16px 0}.zoo-visual{will-change:auto}.parallax{transform:none!important}}@media(prefers-reduced-motion:reduce){.parallax{transform:none!important}.horizontal-rail{scroll-behavior:auto}.btn:hover{transform:none}}

.journal-friends{width:230px;height:auto;margin-left:auto;align-self:center;opacity:.9}@media(max-width:800px){.journal-friends{width:160px}}@media(max-width:600px){.journal-friends{width:150px;align-self:flex-end;margin-top:-55px;opacity:.6}}