[data-concept=preschool]{--bg:#fff4e1;--surface:#ffe9cf;--surface-alt:#fff;--text:#2e3a34;--text-muted:#6b7a6e;--border:#f0dfc0;--accent:#f2994a;--accent-deep:var(--accent);--accent-ink:#fff;--dark:#2e3a34;--dark-ink:#fff4e1;--clay-sky:#b9d9eb;--clay-sky-ink:#1f3a4d;--clay-mint:#bfe1c4;--clay-mint-ink:#1f3e27;--clay-blush:#fcccc3;--clay-blush-ink:#5a2a22;--clay-butter:#ffe08a;--clay-butter-ink:#4a3a10;--clay-shadow-dark:#b0854e47;--clay-shadow-mid:#b0854e2e;--clay-shadow-light:#fffcf4d9}[data-concept=preschool] .clay-raised{box-shadow:12px 14px 28px var(--clay-shadow-dark), -6px -8px 20px var(--clay-shadow-light), inset 2px 3px 0 #fff9, inset -2px -3px 0 #b0854e0f}[data-concept=preschool] .clay-subtle{box-shadow:6px 8px 16px var(--clay-shadow-mid), -3px -4px 10px var(--clay-shadow-light), inset 1px 2px 0 #ffffff8c}[data-concept=preschool] .clay-pressed{background:var(--surface);box-shadow:inset 4px 5px 10px var(--clay-shadow-dark), inset -2px -3px 8px var(--clay-shadow-light)}[data-concept=preschool] .clay-accent{box-shadow:10px 12px 24px #f2994a38,-4px -6px 14px #fff5dcb3,inset 2px 3px #ffffff59,inset -2px -3px #783c0a26}[data-concept=preschool] .clay-float{box-shadow:20px 28px 48px var(--clay-shadow-dark), -10px -12px 28px var(--clay-shadow-light), inset 3px 4px 0 #ffffff8c, inset -3px -4px 0 #b0854e14}[data-concept=preschool] .clay-chip{box-shadow:3px 4px 8px var(--clay-shadow-mid), -1px -2px 6px var(--clay-shadow-light), inset 1px 1px 0 #fff9}@media (prefers-reduced-motion:no-preference){@keyframes ww-bob{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-18px)rotate(2.5deg)}}[data-concept=preschool] .clay-float{will-change:transform;animation:9s ease-in-out infinite ww-bob}[data-concept=preschool] .clay-float:nth-of-type(2n){animation-duration:11.5s;animation-delay:-3.5s}[data-concept=preschool] .clay-float:nth-of-type(3n){animation-duration:13.5s;animation-delay:-7s}[data-concept=preschool] .ww-lift{will-change:transform;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}[data-concept=preschool] .ww-lift:hover{box-shadow:18px 24px 44px var(--clay-shadow-dark), -9px -11px 28px var(--clay-shadow-light), inset 2px 3px 0 #fff9, inset -2px -3px 0 #b0854e0f;transform:translateY(-6px)}[data-concept=preschool] .ww-tile{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}[data-concept=preschool] .group:hover .ww-tile{transform:rotate(-7deg)scale(1.08)}[data-concept=preschool] .ww-press:active{transform:translateY(1px)scale(.985)}}
