/* Play & Learn Club — warm paper, playful shapes, clear reading. */
:root{--paper:#fff9ee;--ink:#263e39;--muted:#647069;--coral:#d56549;--peach:#f2b69f;--yellow:#f4cd69;--sage:#d9e4d4;--blue:#cbdfea;--line:#dcded2;--radius:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #256b8b;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Nunito','Trebuchet MS',sans-serif;font-weight:900;letter-spacing:-.045em;line-height:1.08}h2{font-size:clamp(36px,4vw,56px);margin-bottom:23px}h3{font-size:32px;margin-bottom:19px}p{color:var(--muted)}[hidden]{display:none!important}.wrap{max-width:1260px;margin-inline:auto;padding-inline:40px}.section{padding-top:105px;padding-bottom:105px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--ink);margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--ink);color:white;border:1.5px solid var(--ink);border-radius:9px;padding:15px 24px;font-size:14px;font-weight:700;line-height:1.4;transition:transform .2s,background .2s;min-height:51px}.button span:not(.sr-only){font-size:22px;font-weight:400;line-height:1}.button:hover{background:#3d5850;transform:translateY(-3px)}.button-small{font-size:13px;padding:12px 19px;gap:20px;min-height:46px}.text-link{font-size:14px;font-weight:700;display:inline-flex;gap:22px;align-items:center;border-bottom:1px solid transparent;padding-block:5px}.text-link:hover{border-bottom-color:currentColor}.text-link span{font-size:21px;font-weight:400}.coral-text{color:var(--coral)}.topline{text-align:center;background:var(--sage);font-size:11px;letter-spacing:.06em;padding:7px 18px;font-weight:600}.topline span{margin-inline:13px;color:#5d776a}.header{max-width:1420px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 56px;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-symbol{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:'Nunito',sans-serif;font-weight:900;font-size:45px;line-height:1;width:48px;height:52px;color:var(--coral);transform:rotate(-8deg);letter-spacing:-.18em;padding-right:8px}.brand-symbol span{color:var(--ink);transform:rotate(11deg);display:inline-block}.brand-name{font-family:'Nunito',sans-serif;font-size:25px;font-weight:900;letter-spacing:-1px;line-height:1}.brand-name i{font-size:20px;font-style:normal;color:var(--coral)}.brand-name small{display:block;font-family:'DM Sans',sans-serif;letter-spacing:.13em;font-size:8px;font-weight:700;margin-top:9px}.header nav{display:flex;gap:29px;align-items:center}.header nav>a:not(.button){font-size:12px;font-weight:600;padding:12px 0;border-bottom:1px solid transparent}.header nav>a:not(.button):hover{border-bottom-color:var(--coral);color:var(--coral)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:20px;align-items:center;padding-top:34px;padding-bottom:64px;min-height:650px}.hero h1{font-size:clamp(49px,5.1vw,72px);position:relative;margin-bottom:30px;line-height:1.065}.hero .eyebrow{font-size:10px;display:flex;gap:10px;align-items:center;margin-bottom:25px}.location-dot{width:7px;height:7px;background:var(--coral);border-radius:50%}.hero-copy>p{max-width:435px;font-size:15px;line-height:1.8;margin-bottom:30px}.underline{color:var(--coral);position:relative;white-space:nowrap}.underline:after{content:'';position:absolute;width:98%;height:11px;border-top:3px solid var(--coral);border-radius:50%;left:0;bottom:-8px;transform:rotate(-2deg)}.title-spark{display:inline-block;font-size:.65em;vertical-align:top;line-height:1;transform:translate(13px,3px) rotate(10deg);font-weight:400;color:var(--coral)}.hero-actions{display:flex;gap:25px;align-items:center}.hero-location{position:relative;font-size:11px;color:var(--muted);padding-left:26px;margin-top:32px}.hero-location svg{width:17px;height:20px;stroke:var(--ink);stroke-width:1.5;position:absolute;left:0;top:1px}.hero-location strong{display:block;font-size:11px;font-weight:500}.hero-art{position:relative;align-self:center;min-width:0}.hero-art img{width:100%;height:auto}.art-note{font-family:'Nunito',sans-serif;position:absolute;bottom:2%;left:29%;font-size:18px;font-style:italic;transform:rotate(-6deg);letter-spacing:-.5px}.ribbon{background:var(--yellow);padding:20px 28px;overflow:hidden;border-block:1px solid #e3b54b}.ribbon>div{display:flex;align-items:center;justify-content:center;gap:47px;max-width:1400px;margin:auto;white-space:nowrap}.ribbon span{font-family:'Nunito',sans-serif;font-size:21px;letter-spacing:-.025em;font-weight:800}.ribbon b{font-size:24px;font-weight:400}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:start}.intro-copy{padding-top:6px}.intro-copy p{font-size:15px;line-height:1.8}.intro-copy p.lead{font-size:22px;color:var(--ink);line-height:1.5;letter-spacing:-.025em;margin-bottom:20px}.intro-copy .text-link{margin-top:4px}.program-section{background:#f0f1e8;border-block:1px solid #e5e7dc}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:39px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:14px;line-height:1.8;margin:0 0 3px}.program-tabs{display:inline-flex;gap:7px;background:#e4e8dd;border-radius:50px;padding:6px;margin-bottom:27px}.program-tabs button{padding:10px 24px;border:0;background:transparent;color:var(--ink);border-radius:50px;font-size:14px;font-weight:700;min-height:44px}.program-tabs button span{font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;display:inline-block;margin-left:13px;opacity:.68}.program-tabs button[aria-selected="true"]{background:var(--ink);color:white;box-shadow:0 2px 6px #1f302614}.program-card{display:grid;grid-template-columns:.86fr 1.14fr;min-height:455px;background:var(--paper);border-radius:var(--radius);overflow:hidden;border:1px solid #dfe3d5}.program-visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:450px}.english{background:var(--blue)}.spanish{background:#f5d586}.word{font-family:'Nunito',sans-serif;font-size:110px;line-height:1;font-weight:900;letter-spacing:-6px;transform:rotate(-9deg);position:absolute;top:81px;left:40px;color:var(--ink);text-shadow:3px 3px 0 #fff9ee}.word span{color:var(--coral)}.hola{color:#b2563a}.sticker{position:absolute;top:28px;left:24px;transform:rotate(-6deg);font-size:10px;letter-spacing:.14em;font-weight:800;background:var(--paper);padding:8px 15px;border:1px solid var(--ink);border-radius:5px}.smile-ball,.sun-face{height:142px;width:142px;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;position:absolute;bottom:70px;right:52px;transform:rotate(13deg);display:flex;justify-content:center;align-items:center;box-shadow:9px 9px 0 #263e3914}.smile-ball>span,.sun-face>span{font-size:40px;letter-spacing:15px;margin-left:14px;transform:translateY(-15px)}.smile-ball i,.sun-face i{position:absolute;width:45px;height:23px;border:3px solid var(--ink);border-top:0;border-radius:0 0 30px 30px;bottom:35px}.sun-face{background:#e79d7d;border-radius:35%;transform:rotate(-8deg)}.visual-star{position:absolute;font-size:83px;bottom:94px;left:35px;color:var(--coral);line-height:1}.visual-caption{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.06em;font-weight:600}.pencil-line{width:185px;height:65px;fill:none;stroke:var(--ink);stroke-width:2;position:absolute;top:213px;left:20px}.program-copy{padding:49px 53px}.tag{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;margin-bottom:17px;color:#676d60}.program-copy h3{font-size:34px}.program-copy>p{font-size:14px;max-width:430px}.check-list{list-style:none;padding:0;margin:23px 0 26px;font-size:12px}.check-list li{position:relative;padding-left:25px;margin-block:10px}.check-list li:before{content:'✓';position:absolute;left:0;top:0;color:var(--ink);font-weight:700;background:var(--sage);border-radius:50%;width:17px;height:17px;line-height:17px;text-align:center;font-size:10px}.small-note{font-size:10px!important;line-height:1.6;margin:13px 0 0!important;color:#72786e}.workshop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px;margin-top:52px}.workshop-art{border-radius:90px 90px 15px 15px;overflow:hidden;margin-bottom:23px;aspect-ratio:1.2;display:flex;align-items:center;justify-content:center}.workshop-art svg{width:100%;height:100%;transition:transform .3s}.workshop:hover .workshop-art svg{transform:rotate(-4deg) scale(1.04)}.science .workshop-art{background:#e0e9d7}.cooking .workshop-art{background:#f2d5c6}.sensory .workshop-art{background:#ebe2ed}.movement .workshop-art{background:#dae7ee}.workshop-no{font-size:9px;letter-spacing:.15em;color:#6f756a;font-weight:700}.workshop h3{font-size:25px;letter-spacing:-.03em;margin:12px 0}.workshop p{font-size:12px;line-height:1.8;margin:0;max-width:230px}.join-banner{background:var(--ink);color:var(--paper);border-radius:23px;margin-top:5px;margin-bottom:15px;max-width:1180px;padding:48px 56px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.join-banner .eyebrow{color:#ccdabf;font-size:9px;margin-bottom:16px}.join-banner h2{font-size:39px;margin-bottom:15px}.join-banner p{color:#dae0d4;font-size:13px;margin:0}.cream-button{background:var(--paper);color:var(--ink);border-color:var(--paper);position:relative;z-index:1;white-space:nowrap}.cream-button:hover{background:var(--yellow)}.banner-spark{position:absolute;right:32%;top:-27px;font-size:240px;line-height:1;color:#3a5149;transform:rotate(17deg);pointer-events:none}.join-banner>div{position:relative}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq>div>p{font-size:13px}.faq-doodle{font-family:'Nunito',sans-serif;color:#e4b65e;font-weight:900;font-size:120px;line-height:1;width:110px;transform:rotate(-15deg);text-align:center;margin-top:25px}.faq-list{border-top:1px solid #ced3c6;padding-top:0}details{border-bottom:1px solid #ced3c6}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:15px;font-weight:600;cursor:pointer;padding:23px 0}summary::-webkit-details-marker{display:none}summary>span{font-size:25px;font-weight:400;line-height:1;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.85;padding:0 40px 22px 0;margin:0}.contact-section{background:#eeeede;border-block:1px solid #e1e3d3}.contact-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:75px}.contact-grid h2{font-size:49px}.contact-lead{font-size:14px;line-height:1.85;margin-top:28px}.contact-address{display:flex;gap:15px;margin-top:40px;font-size:13px}.contact-address strong{font-size:13px}.contact-address p{margin:5px 0}.contact-address .text-link{font-size:12px;gap:14px}.address-icon{display:flex;justify-content:center;align-items:center;border:1px solid #b8c2b1;border-radius:50%;height:42px;width:42px;font-size:20px;flex-shrink:0}.contact-card{position:relative;background:var(--paper);border:1px solid #d8dccb;border-radius:20px;padding:32px}.contact-card h3{font-size:26px;margin:10px 0 12px}.contact-card>p:not(.small-note){font-size:12px;margin-bottom:24px}.contact-bubble{position:absolute;top:-23px;right:21px;font-family:'Nunito',sans-serif;font-size:18px;font-weight:900;background:var(--yellow);padding:5px 17px;border:1.5px solid var(--ink);border-radius:50%;transform:rotate(9deg)}label{font-size:11px;font-weight:700;display:block;margin-bottom:8px}select{width:100%;background:transparent;border:1px solid #bfc7b8;border-radius:7px;font-size:13px;padding:12px 10px;min-height:47px;color:var(--ink)}.message-preview{margin-top:17px;border-left:2px solid #d2b36b;background:#f6f0e1;font-size:12px;line-height:1.8;padding:14px 16px;min-height:112px;color:#657065}.copy-button{background:transparent;border:0;color:var(--ink);font-size:11px;font-weight:700;padding:11px 0;display:flex;justify-content:space-between;width:100%;min-height:44px}.copy-button span{font-size:20px;line-height:1}.full-button{width:100%;margin-top:10px;font-size:13px;gap:16px}.contact-card .small-note{text-align:center;font-size:9px!important}.footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:40px;padding-bottom:40px}.footer .brand-name{font-size:21px}.footer .brand-symbol{font-size:38px;width:35px}.footer p{font-size:11px;text-align:center;margin:0}.footer small{display:block;font-size:9px;margin-top:5px}.footer .text-link{font-size:11px;gap:16px}.skip-link{position:fixed;left:15px;top:-100px;padding:15px;background:var(--ink);color:white;z-index:20}.skip-link:focus{top:15px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:1500px){.hero{padding-top:55px;padding-bottom:80px}.hero h1{font-size:76px}}
@media(max-width:1100px){.header{padding:22px 30px}.header nav{gap:20px}.wrap{padding-inline:30px}.hero h1{font-size:58px}.hero{gap:5px;min-height:600px}.hero-actions{gap:18px}.hero-actions .button{font-size:12px;padding-inline:18px;gap:16px}.intro{gap:60px}.program-copy{padding:38px 34px}.word{font-size:96px;left:25px}.workshop-grid{gap:17px}.join-banner{margin-inline:30px;padding:44px 38px}.faq{gap:55px}.contact-grid{gap:45px}.contact-grid h2{font-size:43px}.ribbon>div{gap:30px}.ribbon span{font-size:18px}}
@media(max-width:860px){.header{position:relative;z-index:10;padding:20px 26px;background:var(--paper);flex-wrap:wrap}.menu-toggle{display:flex;align-items:center;gap:11px;background:transparent;border:1px solid #c3cdbd;border-radius:7px;padding:9px 12px;font-size:12px;min-height:42px}.menu-lines{width:16px;height:9px;border-block:1.5px solid var(--ink)}.header nav{display:none;width:100%;align-items:stretch;background:var(--paper);flex-direction:column;gap:0;border-top:1px solid var(--line);padding:10px 0 0}.header nav.is-open{display:flex}.header nav>a:not(.button){padding:13px 0;font-size:14px}.header nav .button{margin-top:12px}.hero{grid-template-columns:1fr 1fr;min-height:550px;padding-top:30px;padding-bottom:50px;gap:0}.hero h1{font-size:46px}.hero .eyebrow{font-size:8px;letter-spacing:.12em;gap:6px}.hero-copy>p{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.hero-location{font-size:10px;margin-top:20px}.hero-location strong{font-size:10px}.art-note{font-size:13px;left:23%}.section{padding-block:75px}.intro{gap:40px}.intro-copy p.lead{font-size:19px}.intro-copy p{font-size:13px}.section-heading>p{font-size:12px}.program-card{grid-template-columns:.83fr 1.17fr}.program-copy{padding:32px 27px}.program-copy h3{font-size:28px}.program-copy>p{font-size:12px}.check-list{font-size:11px}.word{font-size:76px;top:90px;left:20px}.smile-ball,.sun-face{width:115px;height:115px;right:27px;bottom:85px}.smile-ball i,.sun-face i{bottom:27px;width:36px;height:18px}.visual-star{font-size:60px;left:13px;bottom:95px}.pencil-line{width:130px;top:190px}.visual-caption{font-size:9px}.workshop-grid{grid-template-columns:repeat(2,1fr);gap:36px 28px}.workshop-art{aspect-ratio:1.45;border-radius:80px 80px 15px 15px}.workshop-art svg{max-width:240px}.workshop p{max-width:100%;font-size:13px}.join-banner{gap:22px}.join-banner h2{font-size:30px}.join-banner .button{font-size:12px;gap:12px;padding:13px 16px}.join-banner p{font-size:12px}.faq{grid-template-columns:.7fr 1.3fr;gap:35px}summary{font-size:13px}.contact-grid{gap:30px}.contact-grid h2{font-size:36px}.contact-card{padding:25px}.contact-card h3{font-size:23px}.contact-lead{font-size:13px}.footer{flex-wrap:wrap}.footer .text-link{margin-left:auto}.footer p{order:3;width:100%}.ribbon>div{gap:23px}.ribbon span{font-size:16px}.ribbon b{font-size:19px}}
@media(max-width:600px){html{scroll-padding-top:30px}.wrap{padding-inline:23px}.topline{font-size:9px;padding:7px 10px}.topline span{margin-inline:8px}.header{padding:18px 23px;gap:16px}.brand-name{font-size:22px}.brand-symbol{width:35px;font-size:38px;height:43px}.brand-name small{font-size:7px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:35px;gap:20px}.hero h1{font-size:clamp(44px,11vw,62px);margin-bottom:29px}.hero .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:23px}.hero-copy>p{max-width:420px;font-size:14px;line-height:1.75;margin-bottom:25px}.hero-actions{flex-direction:row;gap:23px;align-items:center}.hero-actions .button{font-size:12px;padding:14px 18px;gap:15px}.hero-actions .text-link{font-size:12px;gap:10px}.hero-location{font-size:11px;margin-top:27px}.hero-location strong{font-size:11px}.hero-art{width:100%;max-width:470px;justify-self:center;margin-top:4px}.art-note{font-size:17px;left:30%}.ribbon{padding:16px 20px}.ribbon>div{gap:20px;justify-content:flex-start;flex-wrap:wrap;white-space:normal;row-gap:8px}.ribbon span{font-size:14px}.ribbon b{font-size:15px}.section{padding-block:64px}h2{font-size:38px}.eyebrow{font-size:9px;margin-bottom:18px}.intro{grid-template-columns:1fr;gap:10px}.intro h2{margin-bottom:15px}.intro-copy p.lead{font-size:20px}.intro-copy p{font-size:14px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{font-size:13px;margin:22px 0 0}.section-heading>p br{display:none}.program-tabs{display:flex;padding:5px;margin-bottom:23px}.program-tabs button{flex:1;font-size:12px;padding:9px 10px}.program-tabs button span{margin-left:7px;font-size:11px}.program-card{grid-template-columns:1fr;border-radius:18px}.program-visual{min-height:290px}.word{font-size:105px;top:60px;left:28px}.visual-star{bottom:50px;left:40px;font-size:66px}.smile-ball,.sun-face{bottom:50px;right:40px;height:110px;width:110px}.pencil-line{top:168px;width:165px;left:8px}.visual-caption{bottom:15px}.sticker{top:19px;left:20px;padding:4px 10px;font-size:8px}.program-copy{padding:30px 25px 32px}.program-copy h3{font-size:29px}.program-copy>p{font-size:13px}.check-list{font-size:12px}.program-copy .button{font-size:12px;padding:14px 20px}.workshop-grid{gap:31px 19px;margin-top:34px}.workshop-art{aspect-ratio:1.05;border-radius:60px 60px 12px 12px;margin-bottom:16px}.workshop h3{font-size:21px;margin-top:10px}.workshop-no{font-size:8px;letter-spacing:.09em}.workshop p{font-size:12px;line-height:1.75}.join-banner{margin:0 23px;padding:34px 26px;display:block;border-radius:17px}.join-banner h2{font-size:31px}.join-banner p{font-size:12px}.join-banner p br{display:none}.join-banner .button{margin-top:25px}.banner-spark{right:-60px;top:70px;font-size:240px}.faq{grid-template-columns:1fr;gap:24px}.faq h2 br{display:none}.faq h2{margin-bottom:18px}.faq>div>p{margin-bottom:0}.faq-doodle{display:none}summary{font-size:14px;padding:21px 0}details p{font-size:13px;padding-right:10px}.contact-grid{grid-template-columns:1fr;gap:48px}.contact-grid h2{font-size:39px}.contact-lead{margin-top:22px;font-size:13px}.contact-lead br{display:none}.contact-address{margin-top:28px}.contact-address strong{font-size:12px}.contact-card{padding:26px}.contact-card h3{font-size:27px}.contact-card>p:not(.small-note){font-size:13px}.message-preview{font-size:13px}.small-note{font-size:10px!important}.footer{padding-block:30px;gap:20px}.footer .brand-name{font-size:19px}.footer .brand-name small{font-size:6px}.footer .brand-symbol{font-size:31px;width:28px}.footer .text-link{font-size:10px;gap:8px}.footer p{font-size:11px}.footer small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}