/*
 * SDIT THI — Joyful Growth
 * Friendly, colourful and rounded for primary-school families.
 */
body{
  --thi-navy:#174936;
  --thi-accent:#13734d;
  --thi-accent-2:#b69d73;
  --thi-ink:#17392d;
  --thi-muted:#60786e;
  --thi-soft:#f7f1e5;
  --thi-line:#dbeadd;
  --thi-radius:28px;
  --thi-shadow:0 14px 0 rgba(21,150,91,.10);
  background:#fffefa;
}
.thi-topbar{background:#005939;color:#fff;text-align:center;font-weight:800}
.thi-header{border-bottom:6px solid #b69d73}.thi-nav{min-height:84px}
.thi-brand strong,.thi-home-copy h1,.thi-home-section h2,.thi-page-head h1,.thi-home-cta h2{
  font-family:"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;
}
.thi-mark{background:#cbbd9d;border:3px solid #005939}.thi-menu a{color:#174936}
.thi-home-hero{
  color:#17392d;
  background:
    radial-gradient(circle at 9% 18%,rgba(182,157,115,.42) 0 58px,transparent 59px),
    radial-gradient(circle at 88% 78%,rgba(0,89,57,.16) 0 86px,transparent 87px),
    linear-gradient(135deg,#eff7ef 0 56%,#f1e7d2 56%);
  padding:4.8rem 0 5.4rem;
}
.thi-home-hero-grid{grid-template-columns:.95fr 1.05fr;gap:3.4rem}
.thi-home-copy h1{font-size:clamp(2.8rem,5.2vw,5.2rem);letter-spacing:-.05em}
.thi-home-copy h1 span{color:#005939}.thi-home-lead{color:#476b5b;font-size:1.15rem}
.thi-button{border-radius:999px;background:#005939;box-shadow:0 6px 0 #003d2b}.thi-button:active{transform:translateY(3px);box-shadow:0 3px 0 #003d2b}
.thi-button-ghost{background:#fff;color:#174936;border:2px solid #174936;box-shadow:0 6px 0 #174936}
.thi-home-values{color:#315d49}.thi-home-values span:before{color:#826f4f}
.thi-home-mosaic{height:475px;gap:1rem;transform:rotate(1deg)}
.thi-home-mosaic img{border-radius:34px;border:6px solid #fff;box-shadow:0 15px 35px rgba(23,73,54,.16)}
.thi-home-mosaic img:nth-child(2){transform:rotate(3deg)}.thi-home-mosaic img:nth-child(3){transform:rotate(-3deg)}
.thi-home-section{padding:5.5rem 0}.thi-home-section h2{max-width:760px}
.thi-kicker{display:inline-block;background:#cbbd9d;color:#174936!important;border-radius:999px;padding:.35rem .8rem;letter-spacing:.08em}
.thi-school-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}
.thi-school-card{display:grid;grid-template-columns:190px 1fr;border:3px solid #d8ebde;border-radius:30px;box-shadow:0 10px 0 #e4f1e7}
.thi-school-card:last-child{grid-column:1/-1;max-width:calc(50% - .75rem);width:100%;justify-self:center}
.thi-school-card img{height:100%;min-height:190px}.thi-school-card-body{align-self:center;padding:1.4rem}
.thi-school-card h3{font-family:"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;font-size:1.4rem}
.thi-soft-section{background:#eaf8ee}
.thi-feature-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem}
.thi-feature-box{border:0;min-height:205px;border-radius:30px;box-shadow:0 8px 0 rgba(23,73,54,.08)}
.thi-feature-box:nth-child(3n+1){background:#f3e8cf}.thi-feature-box:nth-child(3n+2){background:#dff0e5}.thi-feature-box:nth-child(3n){background:#e9eee8}
.thi-feature-icon{border-radius:50%;background:#fff;color:#005939;border:3px solid currentColor}
.thi-feature-box h3{font-size:1.1rem}
.thi-stat-strip{background:#005939}.thi-stat-grid>div{position:relative;text-align:center}
.thi-stat-grid>div:after{content:"";position:absolute;right:0;top:25%;bottom:25%;border-right:2px dashed rgba(255,255,255,.35)}
.thi-stat-grid>div:last-child:after{display:none}.thi-stat-grid span{color:#dcf6e5}
.thi-journey{align-items:stretch}.thi-journey>div{border:3px solid #dcecdf;border-radius:28px;box-shadow:0 8px 0 #e6f1e8}
.thi-journey>div:nth-of-type(even){transform:translateY(16px)}.thi-journey i{color:#826f4f}
.thi-story-card{border:0;border-radius:28px;box-shadow:0 10px 0 #e6f1e8}.thi-campus-gallery img{border-radius:32px}
.thi-home-cta-inner{background:linear-gradient(135deg,#005939,#003d2b);border-radius:38px;border:7px solid #826f4f}
.thi-home-cta-links a{border-radius:999px;background:#fff;color:#005939}
.thi-page-head{background:linear-gradient(135deg,#005939,#003d2b);border-radius:0 0 54px 54px;border-bottom:9px solid #826f4f}
.thi-content blockquote{border-radius:0 28px 28px 0;background:#fff7dc}.thi-content table{border:3px solid #dbeadd;border-radius:22px}
.thi-card{border-radius:28px;border:3px solid #dbeadd;box-shadow:0 9px 0 #e6f1e8}
.thi-footer{background:#174936}
@media(max-width:900px){.thi-menu{border:3px solid #dbeadd}.thi-menu a{color:#174936}}
@media(max-width:820px){.thi-school-card:last-child{max-width:none}.thi-home-mosaic{transform:none}.thi-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.thi-school-grid,.thi-feature-grid{grid-template-columns:1fr}.thi-school-card,.thi-school-card:last-child{display:block}.thi-school-card img{height:190px}.thi-journey>div:nth-of-type(even){transform:none}.thi-stat-grid>div:after{display:none}}

/* ===== V3.2 — JOYFUL, MODERN, NOT CHILDISH ===== */
body{background:#fffdf8}.thi-topbar{height:8px;padding:0;font-size:0;background:linear-gradient(90deg,#005939 0 65%,#826f4f 65% 82%,#c7df48 82%)}
.thi-header{border:0;background:#fff}.thi-nav{min-height:94px}.thi-mark{width:52px;height:52px;border:0;border-radius:18px;background:#c7df48;color:#123c34;transform:rotate(-4deg)}
.thi-menu a{font-size:.82rem}.thi-home-hero{position:relative;min-height:740px;padding:0;background:linear-gradient(128deg,#eef7ee 0 61%,#f4ead6 61%);overflow:hidden}
.thi-home-hero:before,.thi-home-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.thi-home-hero:before{width:320px;height:320px;left:-120px;top:90px;background:#c7df48;opacity:.22}.thi-home-hero:after{width:220px;height:220px;right:-70px;bottom:-40px;background:#005939;opacity:.12}
.thi-home-hero-grid{min-height:740px;position:relative;z-index:1;grid-template-columns:.95fr 1.05fr;gap:4.5rem}.thi-home-copy h1{font-size:clamp(4rem,6.4vw,7rem);line-height:.9;letter-spacing:-.07em;color:#143b30}.thi-home-copy h1 span{display:block;color:#007448}.thi-home-lead{max-width:570px;font-size:1.08rem;line-height:1.75}.thi-kicker{background:#c7df48;padding:.45rem .9rem}.thi-button{background:#007448;box-shadow:none;padding:1rem 1.35rem}.thi-button-ghost{border:1px solid #005939;box-shadow:none}.thi-home-values span:before{color:#826f4f}
.thi-home-mosaic{position:relative;display:block;height:560px;transform:none}.thi-home-mosaic .thi-home-main-photo{position:absolute;inset:0 30px 0 0;width:calc(100% - 30px);height:100%;border:10px solid #fff;border-radius:42% 58% 48% 52%/46% 42% 58% 54%;box-shadow:0 30px 70px rgba(23,73,54,.22)}.thi-home-mosaic img:nth-child(2){position:absolute;width:220px;height:170px;right:-24px;bottom:18px;border:9px solid #fff;border-radius:30px;transform:rotate(5deg);z-index:2}.thi-home-mosaic img:nth-child(3){position:absolute;width:155px;height:155px;left:-40px;top:-30px;border:9px solid #fff;border-radius:50%;transform:rotate(-5deg);z-index:2}
.thi-home-section{padding:7rem 0}.thi-home-section h2{font-size:clamp(2.6rem,4.5vw,4.5rem);letter-spacing:-.055em;line-height:1}.thi-soft-section{background:#eef7ee}.thi-feature-grid{gap:1.15rem}.thi-feature-box{position:relative;min-height:220px;border:1px solid rgba(0,89,57,.09);border-radius:28px;box-shadow:0 18px 50px rgba(0,89,57,.08);overflow:hidden}.thi-feature-box:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;bottom:-45px;background:#c7df48;opacity:.25}.thi-feature-box:nth-child(3n+1){background:#fff}.thi-feature-box:nth-child(3n+2){background:#f7f1e5}.thi-feature-box:nth-child(3n){background:#e9f5ec}.thi-feature-icon{border:0;background:#005939;color:#fff}
.thi-stat-strip{background:#005939}.thi-stat-grid strong{font-size:2.7rem;color:#d9e66e}.thi-school-card,.thi-story-card{border:0;box-shadow:0 16px 50px rgba(0,89,57,.1)}.thi-campus-gallery img{border-radius:24px}.thi-social-wall{background:#f8f1e5}.thi-social-card:nth-child(3n+1){border-radius:48px 20px}.thi-social-card:nth-child(3n+2){border-radius:20px 48px}.thi-home-cta-inner{border:0;border-radius:34px;background:linear-gradient(135deg,#005939,#0b7f4a);box-shadow:0 24px 60px rgba(0,89,57,.22)}
@media(max-width:900px){.thi-home-hero-grid{grid-template-columns:1fr;padding-block:4rem}.thi-home-hero{min-height:0}.thi-home-mosaic{height:430px}.thi-home-copy h1{font-size:clamp(3.5rem,12vw,6rem)}}

/* ===== V3.3 — PLAYFUL COLLAGE / BRAND AS ACCENT ===== */
body{background:#fff;color:#263747}.thi-topbar{height:4px;background:linear-gradient(90deg,#ffd15c 0 78%,#005939 78% 91%,#826f4f 91%)}
.thi-header{background:#fff;border-bottom:1px solid #edf0f2}.thi-nav{min-height:86px}.thi-mark{width:48px;height:48px;background:#fff5d8;color:#005939;border:1px solid #eadfbf}.thi-menu a{color:#344a5e}
.thi-home-hero{min-height:780px;background:linear-gradient(135deg,#fffaf0 0 64%,#e6f4ff 64%);color:#263747}.thi-home-hero:before{width:260px;height:260px;left:-100px;top:110px;background:#ffd15c;opacity:.35}.thi-home-hero:after{width:190px;height:190px;right:-45px;bottom:25px;background:#ff8a7a;opacity:.22}
.thi-home-hero-grid{min-height:780px;grid-template-columns:.92fr 1.08fr;gap:4rem}.thi-home-copy h1{font-family:"Trebuchet MS",Inter,sans-serif;font-size:clamp(4.2rem,6.7vw,7.2rem);line-height:.88;color:#263747}.thi-home-copy h1 span{color:#ef6f61;transform:rotate(-1deg)}.thi-home-lead{color:#536b7d;max-width:540px}.thi-kicker{display:inline-flex;color:#005939;background:#fff;border:1px solid #bdd7c8;border-radius:999px;padding:.38rem .75rem}.thi-button{background:#ef6f61;color:#fff;border-radius:999px;box-shadow:none}.thi-button-ghost{background:#fff;color:#263747;border-color:#aec4d3}.thi-home-values{color:#3e5669}.thi-home-values span:before{color:#005939}
.thi-home-mosaic{height:590px;overflow:visible}.thi-home-mosaic:before{inset:34px 5px 0 20px;border:0;background:#ffd15c;border-radius:48% 52% 44% 56%}.thi-home-mosaic .thi-home-main-photo{inset:0 22px 40px 0;width:92%;height:91%;border-radius:46% 54% 42% 58%/36% 42% 58% 64%!important;filter:saturate(.9);box-shadow:0 24px 60px rgba(38,55,71,.16)}.thi-home-mosaic img:nth-child(2){width:210px;height:150px;right:-10px;top:20px;transform:rotate(5deg);border:9px solid #fff!important;border-radius:24px!important}.thi-home-mosaic img:nth-child(3){width:190px;height:145px;left:-35px;bottom:6px;transform:rotate(-6deg);border:9px solid #fff!important;border-radius:24px!important}
.thi-home-section{padding:7rem 0}.thi-home-section h2{color:#263747;letter-spacing:-.055em}.thi-soft-section{background:#fff7e6}.thi-feature-grid{gap:1rem;background:transparent}.thi-feature-box{background:#fff;border:1px solid #e4ded0;border-radius:28px}.thi-feature-box:nth-child(3n+2){transform:translateY(1rem)}.thi-feature-icon{background:#e5f3ff;color:#315c7c;border-radius:50%}.thi-stat-strip{background:#dff1ff;color:#263747}.thi-stat-grid strong{color:#263747}.thi-stat-grid span{color:#536b7d}.thi-story-card{border:0;border-radius:28px;box-shadow:0 16px 42px rgba(44,70,90,.08)}.thi-campus-gallery img{border-radius:30px}.thi-social-wall{background:#fff1ed;color:#263747}.thi-social-card{border-radius:30px}.thi-social-button{background:#ef6f61}.thi-home-cta-inner{background:#263747;border:0;border-radius:34px;box-shadow:none}.thi-home-cta-inner:after{content:"";width:10px;align-self:stretch;background:#005939;border-radius:999px}.thi-home-cta-links a{background:#fff;color:#263747}.thi-page-head{background:#263747;border-bottom:5px solid #ffd15c}.thi-footer{background:#263747;border-top:4px solid #005939}
@media(max-width:900px){.thi-home-hero-grid{grid-template-columns:1fr;padding-block:4rem}.thi-home-hero{min-height:0}.thi-home-mosaic{height:450px}.thi-feature-box:nth-child(3n+2){transform:none}.thi-home-copy h1{font-size:clamp(3.7rem,13vw,6rem)}}

/* ===== V3.4 — BUBBLE POP MOTION ===== */
.thi-hero-stage{inset:0 8% 40px 0;border-radius:46% 54% 42% 58%/36% 42% 58% 64%}.thi-hero-stage .thi-hero-slide{border-radius:inherit!important;filter:saturate(.9);transform:scale(.76) rotate(-6deg);clip-path:circle(18% at 50% 55%)}.thi-hero-stage .thi-hero-slide.is-active{transform:scale(1) rotate(0);clip-path:circle(75% at 50% 50%)}.thi-hero-stage .thi-hero-slide.is-leaving{transform:scale(1.08) rotate(5deg);clip-path:circle(35% at 80% 20%)}.thi-hero-slider>img:nth-child(2),.thi-hero-slider>img:nth-child(3){z-index:4}.thi-slider-controls{right:8%;bottom:3.2rem;color:#263747;background:rgba(255,255,255,.9);box-shadow:0 12px 30px rgba(38,55,71,.15)}
.thi-motion-item{transform:translateY(32px) rotate(-1.5deg) scale(.97)}.thi-motion-item:nth-child(even){transform:translateY(32px) rotate(1.5deg) scale(.97)}.thi-motion-item.is-inview{transform:none}.thi-pointer-reactive:hover{transform:perspective(850px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-9px) rotate(1deg);box-shadow:0 20px 0 rgba(255,209,92,.55)}.thi-feature-box:hover{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(230,244,255,.95),transparent 50%),#fff}.thi-story-card:hover img,.thi-social-card:hover img{transform:scale(1.09) rotate(1.3deg)}.thi-campus-gallery img:hover{transform:translateY(-7px) rotate(var(--ry,1deg));box-shadow:0 15px 0 #ffd15c}.thi-button:hover,.thi-home-cta-links a:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 8px 0 rgba(255,209,92,.85)}
.thi-cursor-orbit{border:2px solid #ff8a7a;border-radius:52% 48% 57% 43%;background:rgba(255,209,92,.24)}.thi-cursor-orbit.is-interactive{border-color:#005939;background:rgba(230,244,255,.6);border-radius:45% 55% 38% 62%}
@media(max-width:900px){.thi-hero-stage{inset:0 8% 30px 0}.thi-slider-controls{right:8%;bottom:2.3rem}}