@font-face{font-family:Garden;src:url('/garden-font.woff2') format('woff2');font-display:swap}
:root{--paper:#f6f2e8;--leaf:#40543a;--moss:#647b4d;--pencil:#797766;--line:#dadac8;--sun:#d7ae60}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--leaf);font-family:Garden,'Songti SC',serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--moss);outline-offset:6px}.wrap{width:min(1240px,88%);margin-inline:auto}.masthead{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-size:20px;letter-spacing:1px}.brand small{display:block;font:10px Georgia,serif;letter-spacing:3px;margin-top:6px;color:var(--pencil)}nav{display:flex;gap:35px;font-size:15px}.hero{position:relative;display:grid;grid-template-columns:44% 56%;min-height:640px;align-items:center;padding-bottom:44px}.hero-copy{z-index:2}.eyebrow{font-size:13px;letter-spacing:2px;color:var(--pencil);line-height:1.8;margin:0 0 24px}h1{font-size:clamp(42px,4.7vw,72px);font-weight:400;line-height:1.3;letter-spacing:1px;margin:0 0 24px}h1 span{color:var(--moss);position:relative}h1 span:after{content:'';position:absolute;left:0;bottom:-7px;width:95%;height:7px;border-top:2px solid #bdc4a4;border-radius:50%;transform:rotate(-3deg)}.intro{font-size:17px;line-height:2.1;color:var(--pencil);margin:0 0 32px}.primary{display:inline-flex;gap:36px;align-items:center;border-radius:50px;background:var(--leaf);color:var(--paper);padding:16px 25px;font-size:17px;transition:background .2s,transform .2s}.primary:hover{background:#5d734d;transform:translateY(-2px)}.hero-note{font-size:12px;letter-spacing:1px;color:var(--pencil);margin-top:15px;padding-left:12px}.garden-scene{height:570px;position:relative;isolation:isolate;transform:translateX(20px)}.garden-scene img{position:absolute;object-fit:contain;pointer-events:none;user-select:none;transform:translate(calc(var(--dx,0px)*var(--depth,1)),calc(var(--dy,0px)*var(--depth,1)))}.sun{width:68px;height:68px;border-radius:50%;background:#ddb96e77;position:absolute;right:16%;top:7%;box-shadow:0 0 65px #e4c48d60}.mountains{width:90%;height:45%;left:5%;top:11%;opacity:.5;--depth:.2}.school{width:58%;height:38%;right:0;top:39%;--depth:.4}.tree{height:82%;width:72%;left:0;top:2%;--depth:.7}.flowers{height:26%;width:28%;left:-4%;bottom:10%;--depth:1.4}.child{height:27%;width:20%;bottom:9%;--depth:1.2}.one{left:28%}.two{left:43%;bottom:7%;--depth:1.4}.three{left:59%;bottom:10%}.bird{height:8%;width:11%;right:2%;top:32%;--depth:1}.scene-note{position:absolute;bottom:0;right:6%;font-size:12px;letter-spacing:2px;color:var(--pencil)}.library{padding-top:38px;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.section-top .eyebrow{margin-bottom:10px}h2{font-size:34px;font-weight:400;line-height:1.5;margin:0}.search{display:flex;align-items:center;gap:14px;border-bottom:1px solid #aab199;padding:12px 0;font-size:13px}.search span{color:var(--pencil)}input{border:none;background:transparent;color:var(--leaf);width:215px;font-size:14px;max-width:100%;border-radius:0}input::placeholder{color:#999988}.filter-line{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:35px 0}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{background:transparent;border:0;padding:9px 17px;color:var(--pencil);border-radius:40px;font-size:14px}.filters button[aria-pressed=true]{background:#e0e6d3;color:var(--leaf)}#count{font-size:12px;white-space:nowrap;color:var(--pencil)}.lesson{display:grid;grid-template-columns:49% 51%;align-items:center;padding:12px 0 52px;gap:0}.lesson[hidden],.empty[hidden]{display:none}.lesson-art{height:380px;position:relative;background:#e9ecde;overflow:hidden;border-radius:3px}.lesson-number{position:absolute;top:26px;left:28px;font-size:12px;letter-spacing:2px;z-index:2}.wall{position:absolute;bottom:12%;right:4%;width:83%;height:76%;object-fit:contain;transition:transform .6s}.monkey{position:absolute;bottom:9%;left:10%;height:36%;transition:transform .6s}.lesson-art:hover .wall{transform:translate(5px,-2px)}.lesson-art:hover .monkey{transform:translate(-9px,2px)}.art-note{position:absolute;bottom:22px;right:28px;color:var(--pencil);font-size:12px}.lesson-copy{padding:25px 0 25px 54px}.lesson-copy .eyebrow{font-size:12px;margin-bottom:14px}h3{font-weight:400}.lesson-copy h3{font-size:36px;margin:0 0 19px}.lesson-copy>p:not(.eyebrow){line-height:1.95;font-size:16px;color:var(--pencil);max-width:420px}.tags{list-style:none;display:flex;gap:10px 17px;flex-wrap:wrap;padding:0;margin:23px 0 28px;font-size:12px;color:var(--moss)}.tags li:before{content:'·';margin-right:6px}.text-link{font-size:18px;border-bottom:1px solid var(--moss);padding-bottom:8px;display:inline-flex;gap:42px}.device-note{display:block;font-size:12px;color:var(--pencil);margin-top:24px}.empty{text-align:center;padding:55px 10px 75px}.empty h3{font-size:25px}.empty p{color:var(--pencil);line-height:1.9}.empty button{border:none;background:none;text-decoration:underline;text-underline-offset:7px;color:var(--leaf)}.together{border-top:1px solid var(--line);display:grid;grid-template-columns:29% 71%;padding:55px 0 70px}.together .eyebrow{font-size:12px;margin-bottom:16px}.together h2{font-size:30px}.together ol{list-style:none;padding:10px 0 0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.together li>span{font-size:12px;letter-spacing:1px;color:var(--moss)}.together h3{font-size:21px;margin:20px 0 12px}.together li p{font-size:14px;line-height:1.9;color:var(--pencil)}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:30px 0 38px;border-top:1px solid var(--line);font-size:12px;color:var(--pencil);line-height:1.9}.site-footer strong{font-weight:400;font-size:14px}.site-footer p{margin:5px 0 0}.skip{position:fixed;top:-100px;left:15px;background:var(--leaf);color:white;padding:12px;z-index:100}.skip:focus{top:10px}@media(min-width:1500px){.hero{min-height:700px}.garden-scene{height:630px}}@media(max-width:800px){.wrap{width:88%}.masthead{height:90px}.brand{font-size:17px}.brand img{width:29px}nav{gap:20px;font-size:13px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding-top:28px;min-height:0;padding-bottom:38px}.hero-copy{text-align:center}h1{font-size:clamp(34px,8vw,58px)}.eyebrow{font-size:11px;letter-spacing:1px}.intro{font-size:15px;margin-bottom:23px}.primary{font-size:16px;padding:14px 22px}.hero-note{font-size:11px}.garden-scene{height:420px;width:100%;transform:none;margin-top:12px}.scene-note{font-size:10px}.section-top{display:block}h2{font-size:28px}.search{margin-top:21px;width:100%}.search input{width:100%;flex:1}.filter-line{display:block;margin:22px 0}.filters{gap:3px}.filters button{padding:9px 12px;font-size:13px}#count{display:block;margin:15px 0 0}.lesson{grid-template-columns:1fr}.lesson-art{height:320px}.lesson-copy{padding:28px 0 0}.lesson-copy h3{font-size:30px}.together{grid-template-columns:1fr;padding:40px 0}.together h2 br{display:none}.together ol{grid-template-columns:1fr;gap:16px;margin-top:22px}.together li{display:grid;grid-template-columns:90px 1fr;column-gap:10px}.together li>span{grid-row:1/3;padding-top:4px}.together h3{margin:0;font-size:20px}.together li p{margin:9px 0}.site-footer{align-items:flex-start;gap:22px;flex-direction:column}}@media(max-width:420px){.garden-scene{height:340px}.lesson-art{height:270px}.filters button{padding-inline:9px}.brand{font-size:15px}.hero .eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.garden-scene img{transform:none!important}}