/* =========================================================
   LITTLE EXPLORERS LEARNING HUB
   SAND & WATER — DEDICATED INTEREST AREA THEME
========================================================= */
:root{--water:#2f7892;--water-light:#e5f3f6;--sand:#d8ae68;--sand-light:#f7eedf;--sea:#4d9da0;--deep:#243f4d;--ink:#263b47;--muted:#61737b;--cream:#fcfaf5;--white:#fff;--line:#d8dedb;--shadow:0 14px 34px rgba(36,63,77,.10)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:var(--ink);background:var(--cream);line-height:1.7}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{max-width:1380px;margin:auto;padding:0 32px}h1,h2,h3,strong{font-family:Nunito,sans-serif}header{position:sticky;top:0;z-index:100;background:rgba(252,250,245,.97);border-bottom:1px solid var(--line)}.nav-container{min-height:84px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:11px;flex:0 0 auto}.logo img{width:58px;height:58px;object-fit:contain}.logo strong{display:block;font-size:1.22rem;line-height:1.05}.logo span{display:block;color:var(--water);font-weight:800}nav{flex:1}nav ul{list-style:none;display:flex;justify-content:space-evenly;align-items:center;gap:6px}nav a{font-size:.83rem;font-weight:700;padding:8px 4px;position:relative;white-space:nowrap}nav a:hover,nav a.active{color:var(--water)}nav a::after{content:"";position:absolute;left:50%;bottom:1px;width:0;height:2px;background:var(--sand);transform:translateX(-50%);transition:.2s}nav a:hover::after,nav a.active::after{width:70%}.mobile-menu{display:none}
.hero{overflow:hidden;background:linear-gradient(135deg,#e5f3f6 0%,#f8f1e3 100%);padding:88px 0 105px}.hero-grid{display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:75px}.eyebrow,.section-label{font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:1.3px;color:var(--water)}.hero h1{font-size:clamp(3.4rem,7vw,6.5rem);line-height:.95;color:var(--deep);margin:15px 0 24px}.lead{font-size:1.12rem;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;padding:12px 21px;border-radius:7px;font-weight:800;border:1px solid var(--water);transition:.2s}.btn.primary{background:var(--water);color:#fff}.btn.secondary{color:var(--water);background:#fff}.btn:hover{transform:translateY(-2px)}.hero-art{height:390px;position:relative;border-radius:28px;overflow:hidden;background:linear-gradient(#a9dce4 0 48%,#55a9ad 49% 70%,#d9b16d 71%);box-shadow:var(--shadow)}.sun{position:absolute;width:100px;height:100px;border-radius:50%;background:#f2cf76;right:45px;top:38px}.wave{position:absolute;width:140%;height:90px;left:-20%;border-radius:50%;background:rgba(255,255,255,.22)}.wave-one{top:178px}.wave-two{top:228px;background:rgba(255,255,255,.16)}.sand-bank{position:absolute;bottom:-35px;left:-10%;width:120%;height:130px;background:#d8ae68;border-radius:50% 50% 0 0}.bucket{position:absolute;right:28%;bottom:62px;font-size:4.7rem;transform:rotate(-7deg)}.shell{position:absolute;left:20%;bottom:45px;font-size:3rem;transform:rotate(10deg)}
.intro{padding:88px 0;background:#fff}.narrow{max-width:900px}.intro h2{font-size:2.65rem;color:var(--deep);margin:10px 0 20px}.intro p{color:var(--muted);font-size:1.02rem;margin-bottom:15px}.experiences{padding:100px 0;background:var(--sand-light)}.section-heading{text-align:center;max-width:760px;margin:0 auto 48px}.section-heading h2{font-size:clamp(2.1rem,4vw,3.2rem);color:var(--deep);margin:10px 0}.section-heading p{color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:30px;box-shadow:0 6px 20px rgba(36,63,77,.06);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card .icon{font-size:2.4rem;margin-bottom:13px}.card h3{font-size:1.35rem;margin-bottom:10px;color:var(--deep)}.card p{font-size:.93rem;color:var(--muted);margin-bottom:20px}.card.water{border-top:5px solid var(--water)}.card.sand{border-top:5px solid var(--sand)}.card.measure{border-top:5px solid var(--sea)}.card.investigate{border-top:5px solid #7599a6}.card.build{border-top:5px solid #8b7a61}.card.nature{border-top:5px solid #70976e}.tags{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid var(--line);padding-top:15px}.tags span{font-size:.7rem;font-weight:800;color:var(--water);background:var(--water-light);padding:4px 8px;border-radius:4px}.development{padding:100px 0;background:#eaf3f4}.development-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.development-grid>div{background:#fff;border:1px solid var(--line);padding:27px;border-radius:12px}.development-grid strong{display:block;font-size:1.05rem;margin-bottom:10px;color:var(--deep)}.development-grid p{font-size:.9rem;color:var(--muted)}.teacher{padding:95px 0;background:#fff}.teacher-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.teacher h2{font-size:2.8rem;line-height:1.1;color:var(--deep);margin-top:10px}.teacher p{color:var(--muted);margin-bottom:16px}.teacher ul{padding-left:22px;color:var(--muted)}.teacher li{margin:8px 0}.safety{padding:70px 0;background:var(--sand-light)}.safety-box{display:flex;align-items:flex-start;gap:22px;max-width:900px;margin:auto;background:#fff;border:1px solid #e2d4bb;border-left:5px solid var(--sand);padding:28px;border-radius:12px}.safety-box>span{font-size:2rem}.safety-box h2{color:var(--deep);margin-bottom:8px}.safety-box p{color:var(--muted)}footer{background:#304751;color:#eaf0ee;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px}.footer-grid h2,.footer-grid h3{color:#fff;margin-bottom:13px}.footer-grid p,.footer-grid a{color:#cbd7d6}.footer-grid a{display:block;margin:6px 0}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.14);margin-top:40px;padding-top:20px;color:#b7c4c3;font-size:.85rem}
@media(min-width:769px) and (max-width:1100px){.container{padding:0 24px}.logo img{width:52px;height:52px}nav a{font-size:.71rem}.hero-grid{gap:40px}.card-grid,.development-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{padding:0 20px}.nav-container{min-height:74px;justify-content:space-between}.logo img{width:52px;height:52px}nav{display:none}.mobile-menu{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:1.35rem}.mobile-menu .close{display:none}.mobile-menu.open span:first-child{display:none}.mobile-menu.open .close{display:block}nav.active{display:block;position:absolute;left:0;top:74px;width:100%;background:#fff;padding:24px 0;box-shadow:0 15px 30px rgba(36,63,77,.12);border-bottom:1px solid var(--line)}nav.active ul{flex-direction:column;gap:12px}.hero{padding:60px 0 72px}.hero-grid{grid-template-columns:1fr;gap:42px}.hero-art{height:285px}.hero h1{font-size:3.5rem}.hero-actions{flex-direction:column}.btn{justify-content:center;width:100%}.intro,.experiences,.development,.teacher{padding:72px 0}.card-grid,.development-grid,.footer-grid{grid-template-columns:1fr}.teacher-grid{grid-template-columns:1fr;gap:28px}.teacher h2{font-size:2.35rem}.safety{padding:55px 0}.safety-box{flex-direction:column}.card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}