:root{--blue:#062b9a;--yellow:#ffd21c;--ink:#071742;--muted:#5d6887;--paper:#fffdf7;--line:#dce3f4;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);line-height:1.6}img{max-width:100%;display:block}.site-header{height:82px;padding:10px clamp(22px,5.5vw,86px);display:flex;align-items:center;gap:26px;background:#fff;position:sticky;top:0;z-index:9;border-bottom:1px solid #edf0f7}.brand img{width:178px}.nav{margin-left:auto;display:flex;gap:20px;align-items:center}.nav a{color:var(--ink);font-size:14px;font-weight:800;text-decoration:none}.nav a:hover{color:var(--blue)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:900;text-decoration:none}.header-cta{padding:11px 18px;background:var(--blue);color:#fff;font-size:14px}.menu-button{display:none}.hero{padding:82px clamp(24px,7vw,110px);min-height:610px;display:grid;grid-template-columns:1.03fr .97fr;gap:58px;align-items:center;background:linear-gradient(115deg,#fffdf7 50%,#eef2ff)}.eyebrow{margin:0 0 15px;color:#3858aa;font-size:12px;font-weight:900;letter-spacing:.15em}.kicker{margin:0 0 6px;font-size:23px;font-weight:900}.hero h1,.section h2,.admission h2{margin:0;line-height:1.08;letter-spacing:-.065em;font-size:clamp(41px,5vw,72px);font-weight:900}.hero h1 em{display:block;color:var(--blue);font-style:normal}.hero-copy>p:not(.eyebrow):not(.kicker){max-width:630px;margin:24px 0;color:#465274;font-size:17px}.hero-actions{display:flex;gap:16px;align-items:center}.button{padding:14px 24px}.primary{background:var(--yellow);color:#10255e;box-shadow:0 7px 0 #d6ad0b}.text{color:var(--blue)}.text span{font-size:23px;margin-left:6px}.hero-visual{position:relative;overflow:hidden;border-radius:25px;background:var(--blue);box-shadow:18px 18px 0 var(--yellow)}.hero-visual>img{width:100%;height:465px;object-fit:cover}.hero-tag{position:absolute;left:22px;bottom:22px;padding:13px 16px;display:flex;gap:12px;align-items:center;background:rgba(4,27,111,.9);color:#fff;border-radius:13px;backdrop-filter:blur(4px)}.hero-tag b{color:var(--yellow);letter-spacing:.1em}.hero-tag span{font-size:12px;line-height:1.35}.metrics{padding:27px clamp(24px,7vw,110px);display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:var(--yellow)}.metrics article{display:flex;align-items:baseline;gap:9px}.metrics strong{font-size:35px;line-height:1}.metrics span{font-size:14px;font-weight:800}.section,.branches{padding:100px clamp(24px,7vw,110px)}.section-heading{max-width:820px}.section-heading>p:last-child{margin-top:18px;color:var(--muted);font-size:17px}.awards{background:#f3f6ff}.award-showcase{margin-top:44px;display:grid;grid-template-columns:.85fr .85fr 1.3fr;gap:18px;align-items:stretch}.award-showcase figure{margin:0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px}.award-showcase img{width:100%;height:350px;object-fit:cover;object-position:top;border-radius:11px}.award-showcase figcaption{padding:12px 4px 2px;font-weight:900}.award-copy{padding:34px;border-radius:18px;background:var(--blue);color:#fff;display:flex;flex-direction:column;justify-content:end}.award-copy span{color:var(--yellow);font-size:12px;letter-spacing:.14em;font-weight:900}.award-copy h3{font-size:35px;line-height:1.13;margin:13px 0}.award-copy p{color:#d9e2ff}.promise{background:#fff}.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}.promise-grid article{padding:26px;min-height:245px;border:1px solid var(--line);border-radius:16px;background:#fff}.promise-grid span{font-size:34px;font-weight:900;color:var(--yellow);text-shadow:1px 1px var(--blue)}h3{margin:13px 0 8px;font-size:21px}.promise-grid p,.method-cards p{color:var(--muted)}.admission{padding:96px clamp(24px,7vw,110px);background:var(--yellow)}.decision-steps{margin:46px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.decision-steps li{padding-top:17px;border-top:4px solid var(--blue)}.decision-steps b{font-size:36px;color:var(--blue)}.decision-steps h3{margin:7px 0}.decision-steps p{margin:0;font-size:14px}.courses{background:#eef2ff}.course-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-top:40px}.course-tabs button{padding:10px 18px;border:1px solid #bec9ed;background:#fff;border-radius:999px;color:var(--blue);font-weight:900;cursor:pointer}.course-tabs .active{background:var(--blue);color:#fff}.course-panel{margin-top:18px;padding:38px;min-height:220px;display:grid;grid-template-columns:1.1fr 2fr;gap:45px;border-radius:20px;background:#fff}.course-panel h3{margin:0;font-size:34px}.course-panel>div>p:not(.eyebrow){color:var(--muted);font-size:17px}.course-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.course-list span{padding:7px 12px;border-radius:999px;background:#fff0a5;font-weight:900;font-size:14px}.content-note{margin-top:16px;color:var(--muted);font-size:14px}.care-band{padding:100px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.06fr .94fr;gap:64px;align-items:center;background:linear-gradient(135deg,#001b72,#0738bd);color:#fff}.care-copy .eyebrow{color:#bcd0ff}.care-copy h2{margin:0 0 20px;font-size:clamp(37px,4.5vw,62px);line-height:1.1;letter-spacing:-.06em}.care-copy>p:not(.eyebrow){max-width:590px;margin-bottom:28px;color:#dce5ff;font-size:17px}.light{background:#fff;color:var(--blue);box-shadow:0 7px 0 rgba(0,0,0,.18)}.care-card{padding:14px;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 18px 45px rgba(0,12,72,.28)}.care-card img{width:100%;border-radius:12px}.care-card>div{padding:14px 4px 3px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.care-card b{padding:9px;border-radius:9px;background:#f1f5ff;color:var(--blue);font-size:13px}.method-feature{margin-top:42px;padding:16px;display:grid;grid-template-columns:1.35fr .65fr;gap:32px;align-items:center;border:1px solid var(--line);border-radius:22px;background:#fff}.method-feature>img{width:100%;border-radius:14px}.method-feature>div{padding:8px 14px}.method-feature h3{margin:0 0 12px;font-size:40px;color:var(--blue)}.method-feature>div>p:not(.eyebrow){color:var(--muted);font-size:17px}.method-feature ul{margin:20px 0 0;padding:0;list-style:none}.method-feature li{margin:8px 0;font-weight:800}.method-feature li:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;margin-right:9px;border-radius:50%;background:var(--yellow);color:var(--blue);font-size:13px}.method-cards{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.method-cards article{padding:12px 20px 24px;border:1px solid var(--line);border-radius:16px;background:#fff}.method-cards img{width:100%;height:265px;object-fit:cover;object-position:top;border-radius:10px}.gallery{background:#f4f6ff}.activity-grid{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.activity-grid img{width:100%;height:255px;object-fit:cover;border-radius:14px}.team{background:#fff}.teacher-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:42px}.teacher-grid figure{margin:0;overflow:hidden;border-radius:15px;background:#edf2ff}.teacher-grid img{width:100%;height:280px;object-fit:cover;object-position:top;transition:transform .35s}.teacher-grid figure:hover img{transform:scale(1.04)}.teacher-grid figcaption{padding:10px 13px;color:var(--blue);font-weight:900}.branches{background:#f7f8fc}.branch-grid{margin-top:44px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.branch-grid article{padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff}.branch-grid p{margin:0;color:#3c5ebd;font-weight:900}.branch-grid h3{margin:6px 0;font-size:28px}.branch-grid address{min-height:60px;color:var(--muted);font-style:normal}.branch-grid a{display:inline-block;margin-top:20px;color:var(--blue);text-decoration:none;font-weight:900}.coming{background:linear-gradient(135deg,#fff,#fff4c5)!important}.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:10;padding:10px 15px 10px 10px;display:flex;align-items:center;gap:8px;border-radius:999px;background:#22c55e;color:#fff;box-shadow:0 12px 28px rgba(14,107,47,.3);text-decoration:none}.floating-whatsapp span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#159447;font-size:11px;font-weight:900}.floating-whatsapp b{font-size:12px;line-height:1.05}footer{padding:28px clamp(24px,7vw,110px);display:flex;align-items:center;gap:26px;background:#06184f;color:#fff}footer img{width:145px;padding:5px;border-radius:5px;background:#fff}footer p{margin:0}footer a{margin-left:auto;color:var(--yellow);font-weight:800;text-decoration:none}
@media(max-width:940px){.nav{display:none}.menu-button{display:block;margin-left:auto;border:0;background:none;color:var(--blue);font-weight:900}.nav.open{position:absolute;top:82px;left:0;right:0;padding:20px 24px;display:flex;flex-direction:column;align-items:flex-start;background:#fff;box-shadow:0 14px 24px rgba(0,35,153,.11)}.hero,.care-band{grid-template-columns:1fr}.hero{padding-top:60px}.hero-visual>img{height:430px}.promise-grid{grid-template-columns:repeat(2,1fr)}.award-showcase{grid-template-columns:1fr 1fr}.award-copy{grid-column:span 2;min-height:240px}.decision-steps{grid-template-columns:repeat(2,1fr)}.method-feature{grid-template-columns:1fr}.teacher-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.site-header{height:72px;padding:9px 18px}.brand img{width:138px}.nav.open{top:72px}.header-cta{display:none}.hero{padding:46px 24px 58px;gap:34px}.hero h1,.section h2,.admission h2{font-size:clamp(38px,11vw,50px)}.kicker{font-size:19px}.hero-copy>p:not(.eyebrow):not(.kicker){font-size:16px;margin:20px 0}.hero-actions{flex-wrap:wrap}.button{padding:12px 18px}.hero-visual{box-shadow:10px 10px 0 var(--yellow)}.hero-visual>img{height:320px}.metrics{padding:22px 24px;grid-template-columns:repeat(2,1fr);gap:18px}.metrics strong{font-size:29px}.metrics span{font-size:12px}.section,.branches,.admission{padding:64px 24px}.award-showcase,.activity-grid,.teacher-grid,.branch-grid,.method-cards{grid-template-columns:1fr}.award-copy{grid-column:auto}.award-showcase img{height:300px}.promise-grid{grid-template-columns:1fr;gap:12px}.promise-grid article{min-height:auto;padding:21px}.decision-steps{grid-template-columns:1fr;gap:17px}.course-panel{padding:24px;grid-template-columns:1fr;gap:15px}.course-panel h3{font-size:29px}.care-band{padding:66px 24px;gap:35px}.care-card>div{grid-template-columns:1fr}.method-feature{padding:12px;margin-top:28px}.method-feature>div{padding:10px 4px}.method-feature h3{font-size:32px}.method-cards img{height:245px}.activity-grid img{height:250px}.teacher-grid{grid-template-columns:repeat(2,1fr)}.teacher-grid img{height:240px}.branch-grid article{padding:23px}.floating-whatsapp{right:14px;bottom:14px;padding:10px}.floating-whatsapp b{display:none}footer{display:block;padding:28px 24px 82px}footer p{margin:16px 0}footer a{display:block}}

/* Preserve the full one-stop-service message at every viewport width. */
.hero-visual>img{height:auto;aspect-ratio:1923/817;object-fit:contain}

/* Source photos and informational posters must be shown in full.  Fixed
   cover crops are intentionally avoided so no parent-facing information,
   teacher portrait, or activity image is lost. */
.award-showcase img,.method-cards img,.activity-grid img,.teacher-grid img{height:auto;object-fit:contain}
.award-showcase figure,.method-cards article,.teacher-grid figure{align-self:start}
.award-showcase{grid-template-columns:.85fr 1.3fr}

/* Responsive layout: progressively reduce information density instead of
   squeezing desktop grids onto tablets and phones. */
@media(max-width:1120px){
  .nav{display:none}
  .menu-button{display:block;margin-left:auto;border:0;background:none;color:var(--blue);font-weight:900}
  .nav.open{position:absolute;top:82px;left:0;right:0;padding:20px 24px;display:flex;flex-direction:column;align-items:flex-start;background:#fff;box-shadow:0 14px 24px rgba(0,35,153,.11)}
  .header-cta{margin-left:0}
  .hero{gap:40px;padding-block:64px}
  .section,.branches,.admission,.care-band{padding-block:78px}
}

@media(max-width:820px){
  .hero,.care-band{grid-template-columns:1fr}
  .hero{min-height:auto;gap:34px}
  .hero-copy{max-width:650px}
  .hero-visual{max-width:650px;width:100%}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .promise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .decision-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .method-cards,.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .teacher-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .course-panel{grid-template-columns:1fr;gap:16px}
  .branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .care-card{max-width:650px}
}

@media(max-width:600px){
  .nav.open{top:72px;padding:18px 24px}
  .hero,.section,.branches,.admission,.care-band{padding-inline:24px}
  .hero{padding-block:46px}
  .section,.branches,.admission{padding-block:64px}
  .care-band{padding-block:66px}
  .metrics{padding:22px 24px}
  .metrics article{align-items:flex-start;flex-direction:column;gap:3px}
  .metrics strong{font-size:27px}
  .metrics span{font-size:12px}
  .hero-tag{position:static;margin:10px;justify-content:center}
  .hero-tag span{font-size:11px}
  .promise-grid,.decision-steps,.method-cards,.activity-grid,.branch-grid{grid-template-columns:1fr}
  .teacher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .course-tabs{gap:7px}
  .course-tabs button{flex:1 1 30%;padding-inline:11px}
  .course-panel{padding:23px}
  .method-cards img,.activity-grid img,.teacher-grid img{height:auto;aspect-ratio:auto}
}

@media(max-width:600px){.award-showcase{grid-template-columns:1fr}}

/* Teacher directory profile-card layout. */
.teacher-directory-bar{display:flex;align-items:center;gap:16px;margin-top:38px;padding:13px 0;border-block:1px solid var(--line);color:var(--blue);font-weight:900}.teacher-directory-bar b{padding:7px 12px;border-radius:999px;background:#fff0a5;color:var(--ink);font-size:14px}.teacher-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}.teacher-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(15,40,104,.06);transition:transform .25s,box-shadow .25s}.teacher-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(15,40,104,.13)}.teacher-card>img{width:100%;height:365px;object-fit:contain;background:#edf2ff}.teacher-card-copy{padding:17px 18px 19px}.teacher-card-copy>p{margin:0;color:#4763ad;font-size:11px;font-weight:900;letter-spacing:.11em}.teacher-card-copy h3{margin:7px 0 11px;font-size:25px}.teacher-tags{display:flex;gap:7px;flex-wrap:wrap}.teacher-tags span{padding:5px 8px;border-radius:999px;background:#eff4ff;color:var(--blue);font-size:12px;font-weight:800}.teacher-card-copy small{display:block;margin-top:15px;color:var(--muted);font-weight:800}@media(max-width:820px){.teacher-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-card>img{height:360px}}@media(max-width:600px){.teacher-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.teacher-directory-bar{margin-top:28px}.teacher-card>img{height:245px}.teacher-card-copy{padding:13px}.teacher-card-copy h3{font-size:20px}.teacher-tags span{font-size:10px}.teacher-card-copy small{font-size:11px}}

/* Homepage campaign artwork is a real full-width banner, never a cropped
   side-card.  The graphic contains its own branding, so no extra overlay. */
.hero{grid-template-columns:1fr;gap:42px;min-height:0}.hero-visual{grid-column:1/-1;order:-1;width:100%;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.hero-visual>img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.hero-tag{display:none}.hero-copy{max-width:760px}@media(max-width:600px){.hero{gap:30px}.hero-visual{width:100%}}

.brand-manifesto{display:inline-block;margin:18px 0 10px;padding:0 0 8px;border-bottom:3px solid var(--yellow);color:var(--blue);font-size:clamp(16px,2vw,21px);font-weight:900;letter-spacing:.045em;line-height:1.35}

.hero{padding-top:28px}@media(max-width:600px){.hero{padding-top:20px}}

.care-card-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.daycare-video{display:block;width:100%;aspect-ratio:9/16;border-radius:12px;background:#071742;object-fit:contain}.daycare-poster{width:100%;height:auto;border-radius:12px}@media(max-width:600px){.care-card>.care-card-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

.daycare-video-section{background:#f4f6ff}.daycare-video-frame{width:min(100%,390px);margin:42px auto 0;padding:12px;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(8,31,115,.14)}.daycare-video-frame .daycare-video{border-radius:16px}@media(max-width:600px){.daycare-video-frame{margin-top:28px}}

/* Parent-first story flow: every section answers the next practical question
   a parent has, from trust to programme fit to a nearby branch. */
main{display:flex;flex-direction:column}#home{order:1}.metrics{order:2}#awards{order:3}#why{order:4}#progress{order:5}#courses{order:6}.admission{order:7}#care{order:8}.gallery{order:9}.daycare-video-section{order:9}#method{order:10}#team{order:11}#branches{order:12}.section-heading{position:relative}.section-heading h2{max-width:15ch}.section-heading>p:last-child{max-width:62ch}.metrics{position:relative}.metrics article{padding:4px 0}.promise-grid article{display:flex;flex-direction:column;justify-content:flex-end}.promise-grid article h3{margin-top:auto}.courses .section-heading,.methodology .section-heading,.team .section-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);column-gap:54px;align-items:end}.courses .section-heading>p:last-child,.methodology .section-heading>p:last-child,.team .section-heading>p:last-child{margin:0}.content-note{max-width:730px}.admission .section-heading{max-width:960px}.gallery .section-heading{display:flex;flex-wrap:wrap;align-items:end;gap:12px 40px}.gallery .section-heading h2{max-width:none}.gallery .section-heading>p:last-child{margin:0;max-width:510px}.branches .section-heading{max-width:900px}@media(max-width:820px){.courses .section-heading,.methodology .section-heading,.team .section-heading{display:block}.courses .section-heading>p:last-child,.methodology .section-heading>p:last-child,.team .section-heading>p:last-child{margin-top:18px}.gallery .section-heading{display:block}.gallery .section-heading>p:last-child{margin-top:18px}}

/* Course fit first, then evidence of student progress. */
#courses{order:5}#progress{order:6}

/* High Peak-style teacher directory: profile-led cards with an academic
   metadata hierarchy, adapted to MyGuru's blue and yellow palette. */
.team{background:#06184f;color:#fff}.team .section-heading .eyebrow{color:#bcd0ff}.team .section-heading>p:last-child{color:#d6e0ff}.team .section-heading h2{color:#fff}.teacher-directory-bar{border-color:rgba(255,255,255,.22);color:#fff}.teacher-directory-bar b{background:var(--yellow);color:var(--ink)}.teacher-directory{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.teacher-card{border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.06);box-shadow:0 26px 70px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.22);overflow:hidden;cursor:pointer;transition:transform .25s,background .25s}.teacher-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.1);box-shadow:0 30px 80px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.32)}.teacher-card>figure{margin:0;background:var(--yellow);overflow:hidden}.teacher-card>figure img{width:100%;height:320px;object-fit:cover;object-position:top;transition:transform .35s}.teacher-card:hover>figure img{transform:scale(1.035)}.teacher-card-body{padding:24px}.teacher-card-body>span{display:block;color:#bcd0ff;font-size:11px;font-weight:900;letter-spacing:.08em}.teacher-card-body strong{display:block;margin-top:8px;color:#fff;font-size:22px;line-height:1.15}.teacher-card-badges{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.teacher-card-badges em{padding:5px 7px;border-radius:4px;background:rgba(255,210,28,.16);color:#fff3aa;font-size:11px;font-style:normal;font-weight:800}.teacher-card-body>p{margin:0;color:#d6e0ff;font-size:13px;line-height:1.55}.teacher-card-body small{display:block;margin-top:14px;color:#fff;font-weight:800;font-size:12px}.teacher-actions{display:flex;gap:8px;margin-top:14px}.teacher-actions a{display:inline-flex;align-items:center;padding:8px 10px;border-radius:4px;background:var(--yellow);color:var(--ink);font-size:12px;font-weight:900;text-decoration:none}@media(max-width:940px){.teacher-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.teacher-card>figure img{height:300px}}@media(max-width:700px){.teacher-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.teacher-card-body{padding:15px}.teacher-card>figure img{height:245px}.teacher-card-body strong{font-size:19px}.teacher-card-body>p{font-size:12px}.teacher-card-badges em{font-size:10px}.teacher-actions a{font-size:11px}}@media(max-width:420px){.teacher-directory{grid-template-columns:1fr}.teacher-card>figure img{height:360px}}

/* Holiday activities: horizontally scrollable on touch, arrow controls on desktop. */
.activity-slider-wrap{position:relative;margin-top:42px}.activity-slider{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,31%);gap:16px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--blue) #dfe6f8}.activity-slider figure{margin:0;overflow:hidden;border-radius:16px;background:#fff;border:1px solid var(--line);scroll-snap-align:start}.activity-slider img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff}.activity-slider figcaption{padding:12px 14px;color:var(--blue);font-weight:900}.slider-controls{position:absolute;right:0;top:-68px;display:flex;gap:8px}.slider-button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--blue);font-size:22px;font-weight:900;cursor:pointer}.slider-button:hover{background:var(--blue);color:#fff}@media(max-width:820px){.activity-slider{grid-auto-columns:minmax(260px,46%)}}@media(max-width:600px){.activity-slider-wrap{margin-top:30px}.activity-slider{grid-auto-columns:82%;gap:12px;padding-bottom:16px}.slider-controls{display:none}}

/* Homepage teacher preview keeps the landing page focused; the full directory
   lives on teachers.html. */
.team-preview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,90px);align-items:center;background:#06184f;color:#fff}.team-preview .eyebrow{color:#bcd0ff}.team-preview h2,.teachers-page-cta h2{margin:0;font-size:clamp(38px,4.5vw,62px);line-height:1.08;letter-spacing:-.06em}.team-preview-copy>p:not(.eyebrow){max-width:580px;margin:20px 0 28px;color:#d6e0ff;font-size:17px}.team-preview-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.team-preview-values article{min-height:245px;padding:24px 20px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03));box-shadow:inset 0 1px rgba(255,255,255,.16)}.team-preview-values b{margin-bottom:auto;color:var(--yellow);font-size:32px;line-height:1;font-weight:900}.team-preview-values strong{font-size:20px;line-height:1.2}.team-preview-values span{margin-top:10px;color:#d6e0ff;font-size:14px;line-height:1.55}.teachers-page-heading h1{margin:0;color:#fff;font-size:clamp(42px,5.4vw,76px);line-height:1.08;letter-spacing:-.065em}.teachers-page-cta{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:72px clamp(24px,7vw,110px);background:var(--yellow);color:var(--ink)}.teachers-page-cta .eyebrow{color:var(--blue)}.teachers-page-cta p:last-child{max-width:620px;margin:16px 0 0;font-size:17px}.teachers-page-cta .button{flex:0 0 auto}.teachers-page .team{min-height:calc(100vh - 82px)}@media(max-width:940px){.team-preview{grid-template-columns:1fr}.team-preview-values{max-width:700px}}@media(max-width:600px){.team-preview-values{grid-template-columns:1fr}.team-preview-values article{min-height:160px}.teachers-page-cta{display:block;padding-block:58px}.teachers-page-cta .button{margin-top:26px}.teachers-page .team{min-height:0}.teachers-page-heading h1{font-size:clamp(26px,8.7vw,33px);line-height:1.24;letter-spacing:-.08em;white-space:nowrap}}

/* Q2-inspired full-poster promise presentation.  The supplied poster is kept
   whole so its five commitments and supporting evidence remain readable. */
.promise{background:#f3f6ff}.promise-poster{width:min(100%,780px);margin:46px auto 0;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 54px rgba(7,31,110,.14)}.promise-poster img{width:100%;height:auto;border-radius:10px}

/* Daycare video opens in its own focused view so the portrait recording is
   comfortable to watch without competing page content. */
.video-trigger{border:0;cursor:pointer;font:inherit}.video-modal-open{overflow:hidden}.video-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:22px;background:rgba(1,12,58,.86);backdrop-filter:blur(9px)}.video-modal[hidden]{display:none}.video-modal-panel{width:min(100%,520px);max-height:calc(100vh - 44px);padding:18px;border-radius:24px;background:#fff;box-shadow:0 28px 85px rgba(0,0,0,.42);overflow:auto}.video-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.video-modal-heading .eyebrow{margin-bottom:5px}.video-modal-heading h2{margin:0;color:var(--blue);font-size:clamp(23px,4vw,32px);line-height:1.18}.video-modal-close{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:0;border-radius:50%;background:#eef2ff;color:var(--blue);font-size:30px;line-height:1;cursor:pointer}.video-modal .daycare-video{width:min(100%,430px);max-height:calc(100vh - 180px);margin:auto;border-radius:14px;background:#071742}@media(max-width:600px){.video-modal{padding:12px}.video-modal-panel{max-height:calc(100vh - 24px);padding:14px;border-radius:18px}.video-modal .daycare-video{max-height:calc(100vh - 142px)}.video-modal-heading h2{font-size:23px}}

.methodology .section-heading h2{font-size:clamp(34px,3.6vw,54px);letter-spacing:-.05em}.methodology .section-heading h2 span{display:block;white-space:nowrap}@media(max-width:600px){.methodology .section-heading h2{font-size:clamp(25px,8.3vw,32px);line-height:1.24}}

/* Calm motion system: content enters as the parent scrolls, with a small
   response on interactive elements. It automatically disables for visitors
   who ask their device to reduce motion. */
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:hero-copy-in .72s cubic-bezier(.2,.8,.2,1) both}.hero-visual{animation:hero-banner-in .9s .08s cubic-bezier(.2,.8,.2,1) both}.reveal-on-scroll{opacity:0;transform:translateY(28px);transition:opacity .72s ease var(--reveal-delay,0ms),transform .72s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms);will-change:opacity,transform}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.button,.header-cta,.slider-button,.video-modal-close{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.button:hover,.header-cta:hover{transform:translateY(-3px)}.metrics article{transition:transform .25s ease}.metrics article:hover{transform:translateY(-4px)}.promise-poster{transition:transform .35s ease,box-shadow .35s ease}.promise-poster:hover{transform:translateY(-6px);box-shadow:0 32px 64px rgba(7,31,110,.2)}.teacher-card.reveal-on-scroll.is-visible:hover{transform:translateY(-5px)}@keyframes hero-copy-in{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-banner-in{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}}

/* Brand bottom bar, adapted from the requested reference with MyGuru's own
   blue-and-yellow identity. */
footer.site-bottom-bar{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(220px,1fr);align-items:center;gap:clamp(24px,5vw,72px);padding:38px clamp(24px,7vw,110px);background:var(--blue);color:#fff}footer.site-bottom-bar .bottom-brand{display:flex;align-items:center;gap:16px}footer.site-bottom-bar img{width:72px;padding:4px;border-radius:50%;background:#fff}footer.site-bottom-bar strong,footer.site-bottom-bar span{display:block}footer.site-bottom-bar strong{font-size:20px;line-height:1.25}footer.site-bottom-bar span{margin-top:4px;color:#d7e2ff;font-size:13px;font-weight:800;letter-spacing:.08em}footer.site-bottom-bar p{color:#fff;font-size:clamp(16px,1.55vw,22px);font-weight:800;white-space:nowrap}footer.site-bottom-bar small{justify-self:end;color:#fff;font-size:15px;font-weight:800;white-space:nowrap}@media(max-width:820px){footer.site-bottom-bar{grid-template-columns:1fr;gap:20px;padding-block:32px}footer.site-bottom-bar small{justify-self:start}footer.site-bottom-bar p{white-space:normal}}@media(max-width:600px){footer.site-bottom-bar{padding:28px 24px 82px}footer.site-bottom-bar strong{font-size:18px}footer.site-bottom-bar p{font-size:16px}}

.awards{background:linear-gradient(180deg,#fffdf9 0%,#f4f6ff 100%)}.awards .awards-heading{max-width:1100px;margin-inline:auto;text-align:center}.awards .section-heading h2{max-width:none;font-size:clamp(36px,4.5vw,58px);letter-spacing:-.05em}.awards .section-heading h2 span{display:block;white-space:nowrap}.awards .section-heading>p:last-child{max-width:none;margin-top:24px;color:#6c6870;font-size:clamp(20px,2vw,30px);font-weight:700}.award-values{display:flex;justify-content:center;align-items:center;gap:clamp(12px,3vw,38px);margin:70px auto 48px;color:var(--blue);font-size:clamp(29px,4.3vw,62px);font-weight:900;line-height:1;text-align:center;letter-spacing:-.06em}.award-values b{color:var(--yellow);font-size:.8em}.award-feature-poster{width:min(100%,800px);margin:0 auto;padding:14px;border:1px solid #d4b061;border-radius:20px;background:linear-gradient(145deg,#071742,#172e7e);box-shadow:0 26px 60px rgba(5,22,86,.2)}.award-feature-poster img{width:100%;height:auto;border-radius:10px}.award-feature-poster figcaption{padding:15px 5px 2px;color:#fff;font-weight:900;text-align:center}@media(max-width:600px){.awards .section-heading h2{font-size:clamp(22px,7vw,32px);line-height:1.25}.award-values{flex-wrap:wrap;gap:12px 16px;margin:42px auto 30px;font-size:clamp(25px,8vw,35px)}.award-values b{display:none}.award-feature-poster{padding:9px;border-radius:14px}}

.promise .section-heading h2{font-size:clamp(32px,6.3vw,54px);letter-spacing:-.055em}.promise .section-heading h2 span{display:block;white-space:nowrap}@media(max-width:600px){.promise .section-heading h2{font-size:clamp(22px,7vw,32px);line-height:1.25}}

.parent-journey{padding:clamp(56px,9vw,124px) clamp(18px,5vw,72px);background:#f4f7ff}.parent-journey-card{width:min(100%,1120px);margin:auto;padding:clamp(54px,8vw,104px) clamp(24px,8vw,104px);border:1px solid #cdd8f2;border-radius:18px;background:linear-gradient(135deg,#fffefd,#f8faff);box-shadow:0 20px 55px rgba(5,22,86,.08);text-align:center}.parent-journey h2,.parent-journey p{margin:0;color:var(--blue);font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-weight:800;letter-spacing:-.06em}.parent-journey h2{font-size:clamp(30px,4.4vw,61px);line-height:1.55}.parent-journey p{margin-top:clamp(34px,5vw,68px);font-size:clamp(25px,3.4vw,47px);line-height:1.5}.parent-journey h2 span,.parent-journey p span{display:block}.visit-cta{padding:clamp(22px,4vw,60px) clamp(18px,5vw,72px) clamp(68px,10vw,130px);background:#f4f7ff}.visit-cta>div{width:min(100%,1120px);margin:auto;padding:clamp(42px,6vw,76px);border-radius:18px;background:linear-gradient(120deg,#06184f,#0c329e 60%,#1557c8);color:#fff;box-shadow:0 25px 55px rgba(5,22,86,.25)}.visit-cta .eyebrow{color:var(--yellow)}.visit-cta h2{max-width:800px;margin:18px 0 42px;color:#fff;font-size:clamp(37px,5.2vw,71px);line-height:1.16;letter-spacing:-.065em}.visit-cta-actions{display:grid;gap:18px}.visit-cta-actions a{display:flex;min-height:82px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.55);border-radius:15px;color:#fff;font-size:clamp(18px,2vw,26px);font-weight:900;text-decoration:none;transition:transform .2s ease,background .2s ease}.visit-cta-actions a:first-child{border-color:transparent;background:linear-gradient(100deg,#ffbd12,#ffdf5d);color:#08236e}.visit-cta-actions a:hover{transform:translateY(-3px);background:#fff;color:var(--blue)}.visit-cta-actions a:first-child:hover{background:#fff4bd;color:#08236e}@media(max-width:600px){.parent-journey{padding-block:46px}.parent-journey-card{padding:44px 20px;border-radius:14px}.parent-journey h2{font-size:clamp(25px,7.5vw,33px);line-height:1.54}.parent-journey p{margin-top:34px;font-size:clamp(21px,6.5vw,28px);line-height:1.52}.visit-cta{padding:12px 18px 58px}.visit-cta>div{padding:40px 28px;border-radius:14px}.visit-cta h2{margin-bottom:32px;font-size:clamp(34px,10vw,48px)}.visit-cta-actions a{min-height:68px;border-radius:12px;font-size:20px}}
.parent-journey{order:13}.visit-cta{order:14}.visit-cta h2{margin-top:0;font-size:clamp(30px,4.25vw,54px);line-height:1.22}.visit-cta h2 span{display:block;white-space:nowrap}@media(max-width:600px){.visit-cta h2{font-size:clamp(28px,8vw,38px);line-height:1.28}}

.visit-cta-actions button{width:100%;min-height:82px;border:1px solid rgba(255,255,255,.55);border-radius:15px;background:transparent;color:#fff;font:inherit;font-size:clamp(18px,2vw,26px);font-weight:900;cursor:pointer;transition:transform .2s ease,background .2s ease}.visit-cta-actions button:hover{transform:translateY(-3px);background:#fff;color:var(--blue)}.branch-modal-open{overflow:hidden}.branch-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:22px;background:rgba(1,12,58,.86);backdrop-filter:blur(9px)}.branch-modal[hidden]{display:none}.branch-modal-panel{width:min(100%,620px);padding:clamp(24px,5vw,40px);border-radius:24px;background:#fff;box-shadow:0 28px 85px rgba(0,0,0,.42)}.branch-modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.branch-modal-heading .eyebrow{margin-bottom:6px}.branch-modal-heading h2{margin:0;color:var(--blue);font-size:clamp(26px,4vw,38px);line-height:1.15;letter-spacing:-.04em}.branch-modal-heading p:last-child{margin:11px 0 0;color:var(--muted);font-size:15px}.branch-modal-close{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:0;border-radius:50%;background:#eef2ff;color:var(--blue);font-size:30px;line-height:1;cursor:pointer}.branch-modal-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}.branch-modal-options a{padding:20px;border:1px solid #d6e0f5;border-radius:14px;background:#f8faff;color:var(--blue);text-decoration:none;transition:transform .2s ease,background .2s ease}.branch-modal-options a:hover{transform:translateY(-3px);background:var(--blue);color:#fff}.branch-modal-options b,.branch-modal-options span{display:block}.branch-modal-options b{font-size:19px}.branch-modal-options span{margin-top:6px;font-size:13px;font-weight:700}@media(max-width:600px){.visit-cta-actions button{min-height:68px;border-radius:12px;font-size:20px}.branch-modal{padding:14px}.branch-modal-panel{padding:24px 20px;border-radius:18px}.branch-modal-options{grid-template-columns:1fr;margin-top:24px}.branch-modal-options a{padding:17px}.branch-modal-heading h2{font-size:27px}}
.visit-cta-actions button:first-child{border-color:transparent;background:linear-gradient(100deg,#ffbd12,#ffdf5d);color:#08236e}.visit-cta-actions button:first-child:hover{background:#fff4bd;color:#08236e}

.branch-feature{display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;margin-top:46px;border:1px solid #d7c48f;border-radius:20px;background:#fffdf7;box-shadow:0 24px 58px rgba(5,22,86,.12)}.branch-feature>img{width:100%;height:auto;align-self:start;object-fit:contain}.branch-feature-body{padding:clamp(30px,5vw,58px);display:flex;flex-direction:column;align-items:flex-start}.branch-feature-body>p{margin:0;color:#a47825;font-size:13px;font-weight:900;letter-spacing:.12em}.branch-feature-body h3{margin:18px 0 16px;color:var(--blue);font-size:clamp(18px,2.1vw,30px);line-height:1.12;letter-spacing:-.075em;white-space:nowrap}.branch-feature-body address{color:#5d5a61;font-size:17px;font-style:normal}.branch-feature-body strong{display:block;margin:26px 0 28px;color:var(--ink);font-size:clamp(16px,1.65vw,23px);line-height:1.2;white-space:nowrap}.branch-feature-body>div{display:flex;flex-wrap:wrap;gap:12px}.branch-feature-body a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 19px;border-radius:12px;font-weight:900;text-decoration:none}.branch-whatsapp{background:var(--blue);color:#fff}.branch-map{border:1px solid var(--blue);color:var(--blue)}.branch-feature+.branch-grid{margin-top:18px}.branch-feature+.branch-grid article{min-height:220px}@media(max-width:820px){.branch-feature{grid-template-columns:1fr}.branch-feature-body h3{font-size:clamp(18px,5vw,28px)}}@media(max-width:600px){.branch-feature{margin-top:30px;border-radius:15px}.branch-feature-body{padding:30px 24px}.branch-feature-body h3{font-size:clamp(18px,5.2vw,22px)}.branch-feature-body address{font-size:16px}.branch-feature-body strong{margin:23px 0;font-size:clamp(16px,4.55vw,18px)}.branch-feature-body>div{display:grid;width:100%}.branch-feature-body a{width:100%}}
.branch-photo-card{overflow:hidden;padding:0!important}.branch-photo-card>img{width:100%;height:auto;object-fit:contain;background:#eef2ff}.branch-photo-card-body{padding:24px 30px 30px}.branch-photo-card h3{margin:6px 0;font-size:28px}.branch-photo-card address{min-height:auto}.branch-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.branch-card-actions a{display:inline-flex!important;align-items:center;justify-content:center;min-height:54px;margin:0!important;padding:12px 19px;border-radius:12px;font-size:16px;font-weight:900}.branch-card-actions .branch-map{border:1px solid var(--blue);color:var(--blue)}@media(max-width:600px){.branch-photo-card-body{padding:22px 23px 25px}.branch-card-actions{display:grid}.branch-card-actions a{width:100%}}
.branches .section-heading h2 span{display:block}
.branch-card-actions .branch-whatsapp{color:#fff}

.branch-feature-body .branch-phone{display:inline-flex;align-items:center;gap:9px;max-width:100%;white-space:nowrap;font-variant-numeric:tabular-nums}.branch-phone i{font-style:normal}@media(max-width:600px){.branch-feature-body .branch-phone{gap:7px;font-size:clamp(14px,4.1vw,18px);letter-spacing:-.025em}}

/* Give the opening message a clearer hierarchy and a recognisable quality badge. */
.hero-copy{max-width:670px}.hero-copy .kicker{margin-bottom:12px;color:#13275b;letter-spacing:.015em}.hero-copy h1{max-width:8ch;font-size:clamp(44px,4.7vw,68px)}.hero-visual .hero-quality-logo{position:absolute;top:20px;right:20px;width:clamp(86px,10vw,132px);height:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.27));z-index:1}@media(max-width:600px){.hero-copy h1{font-size:clamp(40px,10vw,50px)}.hero-visual .hero-quality-logo{top:14px;right:14px;width:82px}}

/* Revert the three most recent visual adjustments. */
.hero-quality-logo{display:none!important}.care-copy .video-trigger{display:flex;width:min(100%,540px);min-height:82px;margin-inline:auto;padding:14px 24px;border:0;border-radius:15px;background:linear-gradient(100deg,#ffbd12,#ffdf5d);color:#08236e;box-shadow:none;font:inherit;font-size:clamp(18px,2vw,26px);font-weight:900;letter-spacing:normal;white-space:nowrap}.care-copy .video-trigger:hover{transform:translateY(-3px);background:#fff4bd;color:#08236e;box-shadow:none}.branch-card-actions{gap:10px}.branch-card-actions a{min-height:46px;padding:10px 15px;border-radius:10px;font-size:14px}.branch-grid>article:first-child .branch-map{display:none!important}@media(max-width:600px){.care-copy .video-trigger{width:100%;min-height:68px;margin:0;padding:12px 18px;border-radius:12px;font-size:20px}}

.branches .section-heading h2{position:relative;max-width:none;font-size:clamp(30px,4vw,50px);line-height:1.18;letter-spacing:-.055em}.branches .section-heading h2 span{white-space:nowrap}.branches .section-heading h2 span:last-child{margin-top:8px;color:#173eac}.branches .section-heading h2:after{content:'';display:block;width:54px;height:5px;margin-top:21px;border-radius:999px;background:var(--yellow)}@media(max-width:600px){.branches .section-heading h2{font-size:clamp(24px,6.7vw,29px);line-height:1.26}.branches .section-heading h2 span:last-child{margin-top:5px}.branches .section-heading h2:after{width:42px;height:4px;margin-top:16px}}

.hero-copy h1{max-width:none;font-size:clamp(27px,4.3vw,58px);white-space:nowrap}.hero-copy h1 em{display:inline;margin-left:.08em}

.branches{padding-bottom:48px}.parent-journey{padding-top:48px}@media(max-width:600px){.branches{padding-bottom:24px}.parent-journey{padding-top:24px}}

.hero-actions button.button{border:0;cursor:pointer;font:inherit}

.student-progress{background:linear-gradient(145deg,#f5f7ff,#fffdf8)}.student-progress .section-heading{max-width:900px}.student-progress .section-heading h2 span{display:block}.progress-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}.progress-highlights article{padding:26px;border:1px solid #d8e1f4;border-radius:16px;background:#fff}.progress-highlights b{color:#c7952e;font-size:14px;font-weight:900;letter-spacing:.12em}.progress-highlights h3{margin-top:20px;color:var(--blue);font-size:24px}.progress-highlights p{margin-bottom:0;color:var(--muted)}.progress-video-placeholder{position:relative;display:flex;min-height:330px;margin-top:20px;padding:clamp(28px,5vw,62px);flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:20px;background:linear-gradient(120deg,#06184f,#0c329e 58%,#164fc3);color:#fff;text-align:center}.progress-video-placeholder:before{content:'';position:absolute;inset:auto -10% -55% auto;width:430px;height:430px;border:1px solid rgba(255,210,28,.55);border-radius:50%}.progress-video-placeholder span{position:relative;color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.16em}.progress-video-placeholder strong{position:relative;margin-top:12px;font-size:clamp(28px,4vw,48px)}.progress-video-placeholder p{position:relative;margin:8px 0 0;color:#dce5ff}.progress-video-placeholder i{position:relative;display:grid;place-items:center;width:58px;height:58px;margin-top:24px;border-radius:50%;background:var(--yellow);color:var(--blue);font-size:20px;font-style:normal}@media(max-width:600px){.progress-highlights{grid-template-columns:1fr;margin-top:30px}.progress-highlights article{padding:22px}.progress-video-placeholder{min-height:270px;border-radius:16px}.progress-video-placeholder strong{font-size:30px}}

/* Keep the student-progress promise as the intended two-line headline on phones. */
@media(max-width:600px){.student-progress .section-heading h2{font-size:clamp(26px,8.2vw,32px);line-height:1.2;letter-spacing:-.07em}.student-progress .section-heading h2 span{white-space:nowrap}}
.progress-reels-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:48px}.progress-reels-heading .eyebrow{margin-bottom:5px}.progress-reels-heading h3{margin:0;color:var(--blue);font-size:clamp(27px,3vw,38px)}.progress-reels{display:flex;gap:18px;margin:20px calc(50% - 50vw) 0;padding:0 clamp(24px,7vw,110px) 12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#9aaddc transparent}.progress-reels figure{flex:0 0 min(315px,82vw);margin:0;overflow:hidden;border:1px solid #d8e1f4;border-radius:16px;background:#fff;box-shadow:0 14px 32px rgba(7,31,110,.10);scroll-snap-align:start}.progress-reels iframe{display:block;width:100%;height:560px;border:0;background:#f4f6ff}.progress-reels figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;color:var(--blue);font-size:13px;font-weight:900}.progress-reels figcaption a{color:#3159ad;text-decoration:none;white-space:nowrap}.progress-reels figcaption a:hover{text-decoration:underline}@media(max-width:600px){.progress-reels-heading{margin-top:36px}.progress-reels{gap:14px;padding-inline:24px}.progress-reels figure{flex-basis:min(286px,82vw);border-radius:14px}.progress-reels iframe{height:510px}.progress-reels figcaption{padding:12px;font-size:12px}}

.hero-actions{gap:12px}.hero-actions .primary,.hero-actions .text{min-height:54px;min-width:172px;border-radius:12px;font-size:17px;font-weight:900;box-shadow:none}.hero-actions .primary{padding-inline:24px;background:var(--blue);color:#fff}.hero-actions .primary:after{display:none}.hero-actions .text{padding:0 20px;border:1px solid var(--blue);background:#fff;color:var(--blue)}.hero-actions .text span{display:none}.hero-actions .primary:hover{background:#0c3cb9}.hero-actions .text:hover{background:#f1f5ff}@media(max-width:600px){.hero-actions{width:100%;gap:10px}.hero-actions .primary,.hero-actions .text{flex:1;min-width:0;min-height:52px;padding-inline:10px;font-size:15px}.hero-actions .text{padding-inline:10px}}

.quality-message-bar{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3.2vw,42px);width:100vw;margin:0 calc(50% - 50vw) 68px;padding:17px clamp(20px,6vw,90px);background:var(--blue);color:var(--yellow);font-size:clamp(13px,1.45vw,17px);font-weight:900;letter-spacing:.05em;text-align:center}.quality-message-bar b{color:#fff;font-size:11px}@media(max-width:600px){.quality-message-bar{gap:8px 12px;flex-wrap:wrap;margin-bottom:40px;padding:13px 18px;font-size:11px;line-height:1.4}.quality-message-bar b{font-size:7px}}
.promise .section-heading:before{content:"为什么选择我们";display:table;margin:0 0 30px;padding:.14em .22em .18em;background:var(--blue);box-shadow:.12em .12em 0 var(--yellow);color:var(--yellow);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(38px,5.2vw,66px);font-weight:900;line-height:.95;letter-spacing:.025em;transform:rotate(-1deg)}html[lang="en"] .promise .section-heading:before{content:"Why Choose MyGuru"}.promise .section-heading .eyebrow{margin-top:0}@media(max-width:600px){.promise .section-heading:before{margin-bottom:23px;padding:.15em .18em .18em;font-size:clamp(35px,10vw,45px);letter-spacing:.01em;box-shadow:.1em .1em 0 var(--yellow)}}

.care-copy .video-trigger{display:flex;width:min(100%,390px);min-height:62px;margin-inline:auto;padding:14px 26px;border:1px solid rgba(255,255,255,.45);border-radius:16px;background:linear-gradient(100deg,#ffb916,#ffe06a);color:#08236e;box-shadow:0 7px 0 #cd9507,0 16px 26px rgba(0,0,0,.22);font-size:clamp(18px,2vw,21px);letter-spacing:-.035em;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}.care-copy .video-trigger:hover{transform:translateY(-3px);box-shadow:0 10px 0 #cd9507,0 20px 28px rgba(0,0,0,.26)}@media(max-width:600px){.care-copy .video-trigger{width:min(100%,370px);min-height:58px;padding:12px 18px;font-size:clamp(17px,4.8vw,19px)}}

/* Keep the promise strip visually connected to the awards that precede it. */
.awards{padding-bottom:68px}.promise{padding-top:0}@media(max-width:600px){.awards{padding-bottom:40px}}

/* Awards introduction: a single, high-impact MyGuru headline. */
.awards .section-heading h2.why-myguru-title{max-width:none;display:block;white-space:nowrap;color:var(--blue);font-size:clamp(35px,4.6vw,62px);letter-spacing:-.075em;line-height:1.06}
.awards .why-myguru-title em{color:#d79a08;font-style:normal;letter-spacing:-.08em;text-shadow:0 2px 0 rgba(255,210,28,.38)}
@media(max-width:600px){.awards .section-heading h2.why-myguru-title{font-size:clamp(26px,8.1vw,34px);letter-spacing:-.08em}.awards .why-myguru-title em{letter-spacing:-.1em}}

/* A unified MyGuru-blue trust section for the awards introduction. */
.awards{background:linear-gradient(145deg,#06184f 0%,#0b2e8e 58%,#0c49b4 100%)}.awards .section-heading h2.why-myguru-title{color:#fff}.awards .why-myguru-title em{color:var(--yellow);text-shadow:0 2px 0 rgba(0,0,0,.16)}.awards .section-heading>p:last-child{color:#e1e9ff}.awards .award-values{color:#fff}.awards .award-values b{color:var(--yellow)}.awards .award-feature-poster{border-color:rgba(255,210,28,.82);background:#06184f;box-shadow:0 26px 60px rgba(0,0,0,.28)}

/* High-impact keyword treatment, in MyGuru's blue-and-gold palette. */
.awards .award-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,3.5vw,58px);width:min(100%,1050px);margin:70px auto 50px}.awards .award-values span{display:block;background:linear-gradient(110deg,#fffbe5 0%,#ffde51 30%,#fff 57%,#ffc331 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-size:clamp(33px,4.6vw,64px);font-weight:900;letter-spacing:-.11em;line-height:1.04;text-shadow:0 5px 22px rgba(255,210,28,.18);filter:drop-shadow(0 3px 0 rgba(0,0,0,.12));white-space:nowrap}.awards .award-values b{display:none}.awards .award-values span:nth-of-type(2){transform:translateY(13px)}.awards .award-values span:nth-of-type(3){transform:translateY(-5px)}.awards .award-values span:nth-of-type(4){transform:translateY(10px)}@media(max-width:680px){.awards .award-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;margin:46px auto 34px}.awards .award-values span{font-size:clamp(31px,11vw,47px);letter-spacing:-.1em}.awards .award-values span:nth-of-type(n){transform:none}}

/* Restore comfortable tracking for the mixed Chinese-English awards heading. */
.awards .section-heading h2.why-myguru-title{letter-spacing:.015em}.awards .why-myguru-title em{letter-spacing:.01em}@media(max-width:600px){.awards .section-heading h2.why-myguru-title{letter-spacing:0}.awards .why-myguru-title em{letter-spacing:0}}



.courses .course-panel:has(.course-subject-groups){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.course-intro{margin:18px 0 0;color:var(--muted);font-size:16px}.course-subject-groups{display:grid;gap:14px}.course-subject-group{padding:17px;border:1px solid #d8e0f4;border-radius:13px;background:#f8faff}.course-subject-group h4{margin:0 0 12px;color:var(--blue);font-size:17px}.course-subject-group .course-list{margin-top:0}.course-subject-group .course-list span{background:#fff;color:var(--ink);border:1px solid #e2e8f7}.method-cards{grid-template-columns:1fr}@media(max-width:820px){.courses .course-panel:has(.course-subject-groups){grid-template-columns:1fr}}

/* Place student outcomes after the teaching methods, before team introduction. */
#progress{order:11}#team{order:12}#branches{order:13}.parent-journey{order:14}.visit-cta{order:15}

/* Every branch uses the same paired action-button dimensions. */
.branch-feature-body>div,.branch-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px}.branch-feature-body a,.branch-card-actions a,.branch-grid>article:first-child .branch-map{display:inline-flex!important;width:100%;min-width:0;min-height:52px;margin:0!important;padding:10px 14px;white-space:nowrap}.branch-card-actions a:only-child{grid-column:1/-1}@media(max-width:600px){.branch-feature-body>div,.branch-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.branch-feature-body a,.branch-card-actions a{min-height:50px;padding-inline:8px;font-size:13px}}

.progress-reels-heading .eyebrow{display:none}

.progress-testimonials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:min(100%,860px);margin:44px auto 0}.progress-testimonials figure{margin:0;overflow:hidden;border:1px solid #d5b03f;border-radius:18px;background:#fff;box-shadow:0 18px 40px rgba(7,31,110,.13)}.progress-testimonials img{width:100%;height:auto}.progress-testimonials figcaption{padding:13px 17px;background:#fff;color:var(--blue);font-size:16px;font-weight:900;text-align:center}@media(max-width:600px){.progress-testimonials{grid-template-columns:1fr;gap:16px;margin-top:32px;max-width:390px}.progress-testimonials figure{border-radius:14px}.progress-testimonials figcaption{font-size:15px}}

.progress-reels-heading{justify-content:flex-end;margin-top:24px}.progress-reels-heading h3{display:none}

.consultants-section{order:12;background:linear-gradient(145deg,#fffdf7,#f1f5ff)}.consultants-section .section-heading{max-width:860px}.consultant-branches{display:grid;gap:30px;margin-top:48px}.consultant-branch{padding-top:24px;border-top:1px solid #d8e1f4}.consultant-branch-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.consultant-branch-heading h3{margin:0;color:var(--blue);font-size:clamp(24px,3vw,34px)}.consultant-branch-heading span{color:#6b789b;font-size:14px;font-weight:900}.consultant-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.consultant-branch:not(:first-child) .consultant-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.consultant-cards article{overflow:hidden;border:1px solid #d8e1f4;border-radius:16px;background:#fff;box-shadow:0 14px 32px rgba(7,31,110,.08)}.consultant-cards article>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;background:#eef2ff}.consultant-cards article>div{padding:17px}.consultant-cards p{margin:0;color:#536eaf;font-size:10px;font-weight:900;letter-spacing:.08em}.consultant-cards h4{margin:7px 0 4px;color:var(--blue);font-size:23px;line-height:1.1}.consultant-cards span{display:block;color:var(--muted);font-size:13px;font-weight:700}.consultant-cards a{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:15px;border-radius:9px;background:var(--blue);color:#fff;font-size:13px;font-weight:900;text-decoration:none}.consultant-branch:not(:first-child) .consultant-cards article{grid-column:span 1}.consultant-branch:not(:first-child) .consultant-cards article:first-child{grid-column:span 1}@media(min-width:821px){.consultant-branch:not(:first-child) .consultant-cards article{max-width:250px}}@media(max-width:820px){.consultant-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.consultant-branch:not(:first-child) .consultant-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.consultants-section{padding-block:64px}.consultant-branches{gap:24px;margin-top:34px}.consultant-branch-heading{margin-bottom:14px}.consultant-branch-heading h3{font-size:25px}.consultant-branch-heading span{font-size:12px}.consultant-cards{gap:12px}.consultant-cards article{border-radius:13px}.consultant-cards article>div{padding:14px}.consultant-cards h4{font-size:20px}.consultant-cards p{font-size:9px}.consultant-cards span{font-size:12px}.consultant-cards a{min-height:38px;margin-top:12px;font-size:12px}}

/* Consultant section sits between student outcomes and the teacher overview. */
#consultants{order:12}#team{order:13}#branches{order:14}.parent-journey{order:15}.visit-cta{order:16}

/* High Peak-inspired individual consultant profiles in the MyGuru palette. */
.consultants-section{background:linear-gradient(145deg,#f4f7ff,#fffdf7)}.consultant-branches{width:min(100%,980px);margin:52px auto 0;gap:38px}.consultant-branch{padding-top:0;border-top:0}.consultant-branch-heading{margin:0 0 16px;padding-left:4px}.consultant-branch-heading h3{font-size:clamp(24px,3vw,33px)}.consultant-cards,.consultant-branch:not(:first-child) .consultant-cards{grid-template-columns:1fr;gap:22px}.consultant-cards article{display:grid;grid-template-columns:minmax(210px,.34fr) minmax(0,.66fr);min-height:340px;border:0;border-radius:20px;background:#fffdf7;box-shadow:0 20px 46px rgba(7,31,110,.12)}.consultant-cards article>img{height:100%;min-height:340px;aspect-ratio:auto;object-fit:contain;object-position:center bottom;background:#fff3db}.consultant-cards article>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,4.5vw,54px)}.consultant-cards p{font-size:0}.consultant-cards p:after{content:'MYGURU 学习顾问';color:#a47825;font-size:clamp(13px,1.45vw,17px);font-weight:900;letter-spacing:.06em}.consultant-cards h4{margin:12px 0 16px;color:var(--blue);font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-size:clamp(36px,5vw,60px);letter-spacing:-.04em}.consultant-cards span{font-size:0;line-height:1.65}.consultant-cards span:after{content:'协助家长了解课程、学习规划与报名安排。';display:block;color:#5d5a61;font-size:clamp(17px,2vw,25px);font-weight:700}.consultant-cards a{min-width:min(100%,330px);min-height:64px;margin-top:28px;padding-inline:24px;border-radius:15px;background:var(--blue);color:#fff;font-size:0;transition:transform .2s ease,background .2s ease}.consultant-cards a:after{content:'WhatsApp 预约咨询';font-size:clamp(17px,1.8vw,22px)}.consultant-cards a:hover{transform:translateY(-3px);background:#0c3cb9}@media(max-width:600px){.consultants-section{padding-block:62px}.consultant-branches{margin-top:36px;gap:28px}.consultant-branch-heading{margin-bottom:12px}.consultant-cards,.consultant-branch:not(:first-child) .consultant-cards{gap:16px}.consultant-cards article{grid-template-columns:minmax(128px,.34fr) minmax(0,.66fr);min-height:248px;border-radius:15px}.consultant-cards article>img{min-height:248px}.consultant-cards article>div{padding:21px 16px}.consultant-cards p:after{font-size:11px}.consultant-cards h4{margin:7px 0 10px;font-size:clamp(27px,8vw,36px)}.consultant-cards span:after{font-size:14px;line-height:1.5}.consultant-cards a{width:100%;min-width:0;min-height:44px;margin-top:16px;border-radius:10px;padding-inline:8px}.consultant-cards a:after{font-size:14px}}

.consultants-section .section-heading{max-width:980px;text-align:center}.consultants-section .section-heading h2{max-width:900px;margin-inline:auto;font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-size:clamp(38px,5.1vw,66px);letter-spacing:-.055em}.consultants-section .section-heading>p:last-of-type{max-width:760px;margin-inline:auto;font-size:clamp(16px,2vw,22px)}.consultants-section .eyebrow{color:#a47825;font-size:14px}.consultant-branch-picker{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:34px}.consultant-branch-picker button{min-width:150px;padding:13px 20px;border:1px solid #aebfe8;border-radius:999px;background:#fff;color:var(--blue);font:inherit;font-size:16px;font-weight:900;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.consultant-branch-picker button:hover{transform:translateY(-2px)}.consultant-branch-picker button.active{border-color:var(--blue);background:var(--blue);color:#fff}.consultant-branches{margin-top:42px}.consultant-branch-heading{display:none}.consultant-cards article{grid-template-columns:minmax(150px,.23fr) minmax(0,.77fr);min-height:252px;border-radius:18px}.consultant-cards article>img{min-height:252px;max-height:280px}.consultant-cards article>div{padding:clamp(24px,3.5vw,38px)}.consultant-cards h4{margin:8px 0 11px;font-size:clamp(32px,4.2vw,52px)}.consultant-cards span:after{font-size:clamp(15px,1.65vw,20px)}.consultant-cards a{min-width:230px;min-height:52px;margin-top:20px;border-radius:12px}.consultant-cards a:after{font-size:clamp(15px,1.5vw,18px)}@media(max-width:600px){.consultants-section .section-heading h2{font-size:clamp(32px,9vw,42px);line-height:1.18}.consultant-branch-picker{gap:8px;margin-top:26px}.consultant-branch-picker button{min-width:0;padding:11px 13px;font-size:13px}.consultant-cards article{grid-template-columns:112px minmax(0,1fr);min-height:208px}.consultant-cards article>img{min-height:208px;max-height:230px}.consultant-cards article>div{padding:18px 15px}.consultant-cards h4{font-size:clamp(26px,7.5vw,34px)}.consultant-cards span:after{font-size:13px}.consultant-cards a{min-height:40px;margin-top:13px}.consultant-cards a:after{font-size:13px}}

/* Smaller, filled portrait panel and a calmer name hierarchy. */
.consultant-cards article{grid-template-columns:minmax(128px,.18fr) minmax(0,.82fr)}.consultant-cards article>img{height:100%;min-height:252px;max-height:none;object-fit:cover;object-position:center top;background:#fff}.consultant-cards h4{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.02em}@media(max-width:600px){.consultant-cards article{grid-template-columns:100px minmax(0,1fr);min-height:198px}.consultant-cards article>img{min-height:198px}.consultant-cards h4{font-size:clamp(22px,6.3vw,29px)}}

.student-results-showcase{width:min(100%,650px);margin:52px auto 0;padding:14px;border:1px solid #d9b458;border-radius:22px;background:linear-gradient(145deg,#071640,#0b2e8e);box-shadow:0 25px 58px rgba(5,22,86,.2)}.student-results-copy{display:flex;align-items:end;padding:18px 10px 20px;color:#fff}.student-results-copy p{margin:0;color:var(--yellow);font-size:13px;font-weight:900;letter-spacing:.12em}.student-results-copy h3{margin:8px 0 0;color:#fff;font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-size:clamp(27px,3.8vw,42px);line-height:1.13}.student-results-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:12px}.student-results-slider::-webkit-scrollbar{display:none}.student-results-slider figure{flex:0 0 100%;margin:0;overflow:hidden;scroll-snap-align:start;background:#fff}.student-results-slider img{width:100%;height:auto}.student-results-dots{display:flex;justify-content:center;gap:10px;padding:18px 4px 6px}.student-results-dots button{width:34px;height:8px;border:0;border-radius:999px;background:rgba(255,255,255,.35);cursor:pointer}.student-results-dots button[aria-current="true"]{background:var(--yellow)}@media(max-width:600px){.student-results-showcase{margin-top:34px;padding:9px;border-radius:16px}.student-results-copy{padding:16px 7px}.student-results-copy p{font-size:11px}.student-results-copy h3{font-size:27px}.student-results-slider{border-radius:9px}.student-results-dots{gap:7px;padding:14px 4px 4px}.student-results-dots button{width:22px;height:6px}}

/* Official 小 My 宝宝 fixed-image assistant. */
.myguru-pet{position:fixed;left:clamp(12px,2vw,26px);bottom:clamp(16px,2vw,26px);z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.myguru-pet-button{width:132px;height:118px;padding:0;border:3px solid var(--blue);border-radius:48% 52% 45% 50%;overflow:hidden;background:#fff;box-shadow:0 14px 28px rgba(7,31,110,.22);cursor:pointer;animation:myguru-pet-idle 4.6s ease-in-out infinite;transform-origin:center bottom}.myguru-pet-button:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}.myguru-pet-button img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.myguru-pet-bubble{width:min(278px,calc(100vw - 48px));padding:15px 16px;border:1px solid #d6c17e;border-radius:18px 18px 18px 5px;background:#fffdf7;color:var(--ink);box-shadow:0 18px 42px rgba(7,31,110,.18)}.myguru-pet-bubble p{margin:0 0 10px;font-size:14px;font-weight:800;line-height:1.45}.myguru-pet-bubble a{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px;background:var(--blue);color:#fff;font-size:13px;font-weight:900;text-decoration:none}.myguru-pet-bubble a span{color:var(--yellow);font-size:18px;line-height:1}.myguru-pet.is-open .myguru-pet-button{animation:myguru-pet-greeting .65s ease-in-out 2}.myguru-pet.is-open .myguru-pet-bubble{animation:myguru-pet-bubble-in .22s ease-out both}@keyframes myguru-pet-idle{0%,100%{transform:translateY(0) rotate(-1deg) scale(1)}45%{transform:translateY(-6px) rotate(1deg) scale(1.015)}60%{transform:translateY(-2px) rotate(0deg) scale(.995)}}@keyframes myguru-pet-greeting{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-6deg)}55%{transform:translateY(-2px) rotate(6deg)}75%{transform:translateY(-6px) rotate(-4deg)}}@keyframes myguru-pet-bubble-in{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.myguru-pet{left:12px;bottom:14px}.myguru-pet-button{width:104px;height:94px;border-width:2px}.myguru-pet-bubble{width:min(244px,calc(100vw - 36px));padding:13px 14px}.myguru-pet-bubble p{font-size:13px}}@media(prefers-reduced-motion:reduce){.myguru-pet-button,.myguru-pet.is-open .myguru-pet-button,.myguru-pet.is-open .myguru-pet-bubble{animation:none}}

/* All branch locations share Puchong Jaya's image-and-information presentation. */
.branch-feature-grid{grid-template-columns:1fr;margin-top:18px;gap:18px}.branch-feature-grid .branch-feature{margin-top:0;padding:0}.branch-feature-grid>article:first-child .branch-map{display:inline-flex!important}.branch-feature-grid .branch-feature-body{min-height:0}.branch-feature-grid .branch-feature-body address{min-height:0}.branch-feature-grid .branch-phone{margin:26px 0 28px}.branch-image-placeholder{min-height:300px;padding:clamp(32px,5vw,62px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:linear-gradient(135deg,#092e95,#0f4ac9 56%,#ffcf1c 56%,#ffde5a);color:#fff}.branch-image-placeholder span{margin-bottom:6px;color:var(--yellow);font-size:clamp(40px,7vw,90px);font-weight:900;line-height:.9}.branch-image-placeholder strong{font-size:clamp(24px,4vw,48px);letter-spacing:.08em}.branch-image-placeholder small{margin-top:11px;font-size:12px;font-weight:900;letter-spacing:.17em}@media(max-width:820px){.branch-image-placeholder{min-height:210px}}@media(max-width:600px){.branch-image-placeholder{min-height:180px;padding:28px 24px}.branch-image-placeholder strong{font-size:27px}.branch-feature-grid .branch-phone{margin:23px 0}}

/* Transparent 小 My 宝宝: its own round mitten arm waves, with no fingers or added hand. */
.myguru-pet-button{position:relative;width:132px;height:142px;padding:0;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;cursor:grab;touch-action:none;user-select:none}.myguru-pet-button img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.myguru-pet-frame-b{opacity:0}.myguru-pet.is-waving .myguru-pet-frame-a{animation:myguru-pet-frame-a .38s steps(1,end) 5}.myguru-pet.is-waving .myguru-pet-frame-b{animation:myguru-pet-frame-b .38s steps(1,end) 5}.myguru-pet.is-dragging .myguru-pet-button{cursor:grabbing;animation:none}.myguru-pet.is-dragging .myguru-pet-bubble{pointer-events:none}@keyframes myguru-pet-frame-a{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes myguru-pet-frame-b{0%,49%{opacity:0}50%,100%{opacity:1}}@media(max-width:600px){.myguru-pet-button{width:104px;height:112px;border:0}}@media(prefers-reduced-motion:reduce){.myguru-pet.is-waving .myguru-pet-frame-a{opacity:1;animation:none}.myguru-pet.is-waving .myguru-pet-frame-b{opacity:0;animation:none}}

/* A tap must not move the assistant; only an intentional drag repositions it. */
.myguru-pet-button,.myguru-pet.is-open .myguru-pet-button{animation:none;transform:none}


/* The confirmed suited mascot stays visible when its consultation message opens. */
.myguru-pet.is-waving .myguru-pet-frame-a{animation:none;opacity:1}



/* A calm idle pause, then the original two hand poses create a clear wave. */


/* A clear, calm invitation so parents know 小 My 宝宝 is an interactive helper. */
.myguru-pet-hint{position:absolute;left:96px;bottom:92px;display:flex;align-items:center;min-width:max-content;padding:9px 12px;border:1px solid #e1b515;border-radius:999px;background:#fffdf7;color:var(--blue);box-shadow:0 8px 20px rgba(7,31,110,.16);font-size:13px;font-weight:900;line-height:1;animation:myguru-pet-hint-pulse 2.7s ease-in-out infinite}.myguru-pet-hint[hidden]{display:none!important}.myguru-pet-hint:after{content:'';position:absolute;left:16px;bottom:-6px;width:11px;height:11px;border-right:1px solid #e1b515;border-bottom:1px solid #e1b515;background:#fffdf7;transform:rotate(45deg)}@keyframes myguru-pet-hint-pulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:600px){.myguru-pet-hint{left:78px;bottom:79px;padding:8px 10px;font-size:12px}}@media(prefers-reduced-motion:reduce){.myguru-pet-hint{animation:none}}

/* Keep every branch's WhatsApp action readable after the shared card layout is applied. */
.branch-feature-grid .branch-feature-body a.branch-whatsapp{background:var(--blue)!important;color:#fff!important;text-shadow:none}

@media(max-width:600px){.branches>.branch-feature .branch-feature-body h3{white-space:normal}}

/* Desktop composition: the homepage uses the full horizontal canvas instead of
   inheriting the phone-first single-column presentation. */
@media(min-width:1101px){
  .site-header{height:86px;padding-inline:clamp(46px,5vw,96px)}
  .brand img{width:190px}.nav{gap:clamp(16px,1.45vw,27px)}.nav a{font-size:15px}.header-cta{padding:12px 21px}
  .hero{grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);gap:clamp(54px,7vw,124px);min-height:670px;padding:clamp(74px,8vw,120px) max(6vw,calc((100vw - 1320px)/2));background:linear-gradient(110deg,#fffdf7 0%,#fffdf7 48%,#edf2ff 48%,#edf2ff 100%)}
  .hero-copy{max-width:540px}.hero h1{font-size:clamp(63px,5.35vw,88px);line-height:1.01}.hero-copy>p:not(.eyebrow):not(.kicker){max-width:510px;font-size:18px}.hero-visual{grid-column:auto;order:0;max-width:none;width:100%;overflow:hidden;border-radius:28px;background:#062b9a;box-shadow:18px 18px 0 var(--yellow)}.hero-carousel{height:500px}.hero-carousel-controls{bottom:17px}.hero-actions{margin-top:30px}
  .section,.branches{padding-inline:max(6vw,calc((100vw - 1320px)/2));padding-block:96px}
  .awards{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);column-gap:clamp(56px,8vw,132px);align-items:center;padding-top:108px;padding-bottom:108px}.awards .awards-heading{grid-column:1;grid-row:1}.awards .award-values{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:12px;margin:35px 0 0}.awards .award-values span{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;letter-spacing:.04em;line-height:1;padding:11px 14px;border:1px solid rgba(255,210,28,.42);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;filter:none;text-shadow:none;transform:none!important}.awards .award-feature-poster{grid-column:2;grid-row:1/3;width:100%;margin:0}.awards .why-myguru-title{font-size:clamp(47px,4.2vw,65px)}
  .promise{display:grid;grid-template-columns:minmax(0,.72fr) minmax(500px,1.28fr);column-gap:clamp(56px,8vw,132px);align-items:center;padding-top:0;padding-bottom:108px}.promise .quality-message-bar{grid-column:1/-1}.promise .section-heading{grid-column:1}.promise .promise-poster{grid-column:2;width:100%;margin:0}.promise .section-heading h2{font-size:clamp(44px,4vw,62px)}
  .student-progress .section-heading{max-width:660px}.progress-reels{padding-inline:max(6vw,calc((100vw - 1320px)/2))}.progress-reels figure{flex-basis:330px}
  .courses .section-heading{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);max-width:1180px}.course-panel{max-width:1180px;padding:44px;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}
  .care-band{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:clamp(60px,8vw,130px);padding:100px max(6vw,calc((100vw - 1320px)/2))}.care-card{max-width:600px;justify-self:end}.care-copy{max-width:560px}
  .methodology .section-heading{max-width:1180px}.method-feature{max-width:1180px;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:48px;padding:20px}.method-cards{max-width:1180px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.method-cards article{display:grid;grid-template-columns:190px 1fr;column-gap:22px;align-items:center;padding:16px 20px}.method-cards article img{grid-row:1/4;height:180px;margin:0}.method-cards article h3{margin:0}.method-cards article p{margin:9px 0 0}
  .branches .section-heading{max-width:880px}.branch-feature{max-width:1180px;margin-inline:auto}.branch-feature-grid{max-width:1180px;margin-inline:auto}.parent-journey-card,.visit-cta>div{max-width:1180px}
}

/* MyGuru's education strength: a compact, high-contrast proof section for parents. */
.core-values .team-preview-values article{position:relative}
.core-values .team-preview-values article{grid-template-columns:clamp(138px,25%,220px) minmax(0,1fr);column-gap:clamp(18px,3vw,32px)}.core-values .team-preview-values b{justify-self:start}@media(max-width:600px){.core-values .team-preview-values article{grid-template-columns:138px minmax(0,1fr);column-gap:18px}.core-values .team-preview-values b{font-size:40px}}@media(max-width:380px){.core-values .team-preview-values article{grid-template-columns:1fr;row-gap:10px}.core-values .team-preview-values b{font-size:39px}.core-values .team-preview-values article:before{height:46%;top:18px}}
.core-values .team-preview-values b{white-space:nowrap;font-family:Georgia,'Times New Roman','Noto Serif SC','Songti SC',serif!important;font-variant-numeric:lining-nums}.core-values .team-preview-values b span{display:inline!important;white-space:nowrap}.core-values .team-preview-values strong{font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;letter-spacing:-.035em}.core-values .team-preview-values em{font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;letter-spacing:.02em}
.team-preview.core-values{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(34px,6vw,92px);padding-block:clamp(74px,9vw,120px);background:radial-gradient(circle at 84% 12%,#1946b9 0,rgba(25,70,185,0) 31%),linear-gradient(135deg,#06184f,#092b8d);overflow:hidden}.core-values .team-preview-copy{position:relative;z-index:1}.core-values .team-preview-copy .eyebrow{color:#ffda45}.core-values .team-preview-copy h2{max-width:8ch;font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-size:clamp(43px,4.7vw,68px);letter-spacing:-.055em}.core-values .team-preview-copy>p:not(.eyebrow){max-width:470px;color:#dce6ff;line-height:1.75}.core-values .team-preview-copy .button{margin-top:4px;box-shadow:0 7px 0 #d6ad0b}.core-values .team-preview-values{position:relative;z-index:1;grid-template-columns:1fr;gap:13px}.core-values .team-preview-values article{display:grid;grid-template-columns:minmax(100px,.36fr) minmax(0,.64fr);align-items:center;min-height:142px;padding:18px clamp(20px,2.6vw,34px);border:1px solid rgba(255,210,28,.62);border-radius:16px;background:linear-gradient(108deg,#fffdf7,#f5f0df);box-shadow:0 18px 32px rgba(0,10,54,.2)}.core-values .team-preview-values article:before{content:'';position:absolute;width:8px;height:62%;left:0;border-radius:0 999px 999px 0;background:var(--yellow)}.core-values .team-preview-values b{align-self:center;margin:0;color:var(--blue);font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-size:clamp(42px,5vw,65px);letter-spacing:-.09em;line-height:.9;text-shadow:none}.core-values .team-preview-values b span{margin:0;color:#c68e05;font:inherit}.core-values .team-preview-values article>div{min-width:0}.core-values .team-preview-values strong{display:block;color:#102b74;font-size:clamp(21px,2vw,28px);line-height:1.15}.core-values .team-preview-values em{display:block;margin-top:6px;color:#9b6a09;font-size:14px;font-style:normal;font-weight:900;letter-spacing:.035em}.core-values .team-preview-values span{display:block;margin-top:7px;color:#526080;font-size:13px;line-height:1.52}.core-values .team-preview-values article:nth-child(2) b{font-size:clamp(31px,3.7vw,47px);letter-spacing:-.06em}.core-values .team-preview-values article:nth-child(3) b{color:#c68e05}@media(max-width:940px){.team-preview.core-values{grid-template-columns:1fr}.core-values .team-preview-values{max-width:780px}}@media(max-width:600px){.team-preview.core-values{padding-block:64px}.core-values .team-preview-copy h2{font-size:clamp(39px,11vw,52px)}.core-values .team-preview-values{gap:11px}.core-values .team-preview-values article{grid-template-columns:92px minmax(0,1fr);min-height:140px;padding:18px 18px 18px 21px;border-radius:13px}.core-values .team-preview-values b{font-size:42px}.core-values .team-preview-values article:nth-child(2) b{font-size:31px}.core-values .team-preview-values strong{font-size:20px}.core-values .team-preview-values em{font-size:12px}.core-values .team-preview-values span{font-size:12px}}

/* Keep core-value figures in their own clear column at every viewport size. */
.core-values .team-preview-values article{grid-template-columns:clamp(138px,25%,220px) minmax(0,1fr);column-gap:clamp(18px,3vw,32px)}.core-values .team-preview-values b{justify-self:start;white-space:nowrap;font-family:Georgia,'Times New Roman','Noto Serif SC','Songti SC',serif!important;font-variant-numeric:lining-nums}.core-values .team-preview-values b span{display:inline!important;white-space:nowrap}@media(max-width:600px){.core-values .team-preview-values article{grid-template-columns:138px minmax(0,1fr);column-gap:18px}.core-values .team-preview-values b{font-size:40px}}@media(max-width:380px){.core-values .team-preview-values article{grid-template-columns:1fr;row-gap:10px}.core-values .team-preview-values b{font-size:39px}.core-values .team-preview-values article:before{height:46%;top:18px}}

/* Polished core-value cards: a clear numeric rail and an editorial content area. */
.core-values .team-preview-values{gap:16px;border:0}.core-values .team-preview-values article{grid-template-columns:clamp(146px,23%,190px) minmax(0,1fr);column-gap:0;min-height:176px;padding:0;overflow:hidden;border:1px solid #e4bd32;border-radius:20px;background:#fffdf7;box-shadow:0 16px 34px rgba(0,12,72,.18)}.core-values .team-preview-values article:before{display:none}.core-values .team-preview-values b{display:flex;align-items:center;justify-content:center;align-self:stretch;justify-self:stretch;width:auto;height:auto;margin:0;padding:18px 12px;border:0;border-radius:0;background:linear-gradient(150deg,#eaf0ff,#fff7dc);color:#0b3098;font-family:Georgia,'Times New Roman','Noto Serif SC','Songti SC',serif!important;font-size:clamp(38px,4.5vw,58px)!important;letter-spacing:-.08em;line-height:1;box-shadow:inset -1px 0 #d5def2}.core-values .team-preview-values b span{display:inline!important;margin:0;color:#c78d00;font:inherit}.core-values .team-preview-values article>div{padding:clamp(22px,3.1vw,34px);align-self:center}.core-values .team-preview-values strong{font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;font-size:clamp(22px,2.25vw,30px);letter-spacing:-.045em}.core-values .team-preview-values em{margin-top:7px;color:#9e6b09;font-size:14px;letter-spacing:.025em}.core-values .team-preview-values span{margin-top:9px;color:#536080;font-size:14px;line-height:1.58}.core-values .team-preview-values article:nth-child(2) b{font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif!important;font-size:clamp(31px,3.6vw,42px)!important;letter-spacing:-.05em}.core-values .team-preview-values article:nth-child(3) b{color:#ba8000}@media(max-width:600px){.core-values .team-preview-values{gap:14px}.core-values .team-preview-values article{grid-template-columns:118px minmax(0,1fr);min-height:158px;border-radius:18px}.core-values .team-preview-values b{font-size:38px!important}.core-values .team-preview-values article:nth-child(2) b{font-size:29px!important}.core-values .team-preview-values article>div{padding:20px 18px}.core-values .team-preview-values strong{font-size:21px}.core-values .team-preview-values em{margin-top:5px;font-size:12px}.core-values .team-preview-values span{margin-top:7px;font-size:12px;line-height:1.52}}

/* Posters use a shared dark stage so differing original ratios never create a white block. */
.student-results-slider{background:#071640}.student-results-slider figure{background:transparent}.student-results-slider img{background:#071640}
.student-results-slider{overflow-y:hidden;transition:height .22s ease}.student-results-slider figure{align-self:flex-start}@media(prefers-reduced-motion:reduce){.student-results-slider{transition:none}}

/* Branch contact numbers stay compact on larger screens. */
.branch-feature-body strong.branch-phone,.branch-feature-grid .branch-feature-body strong.branch-phone{font-size:22px!important;letter-spacing:-.02em}

/* Larger, clearer brand mark in the desktop and mobile header. */
.brand img{width:212px}@media(max-width:600px){.site-header{height:82px}.brand img{width:168px}.nav.open{top:82px}}

/* Responsive layout system: phone, tablet and desktop each have deliberate spacing and grids. */
@media (min-width:1101px){
  .hero-copy,.section-heading{max-width:920px}
  .hero{padding-block:44px 78px}
  .section,.branches{padding-block:108px}
  .branch-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .branch-feature-grid .branch-feature{grid-template-columns:1fr}
  .branch-feature-grid .branch-feature-body{padding:36px}
  .branch-feature-grid .branch-feature-body h3{white-space:normal}
}

/* ========================================================================
   MYGURU HOME / DESKTOP FOUNDATION
   This is a deliberately self-contained desktop composition.  It begins at
   1101px so the phone and iPad reading flows above remain completely intact.
   ======================================================================== */
@media (min-width:1101px){
  :root{
    --mg-desktop-max:1240px;
    --mg-gutter:max(48px,calc((100vw - var(--mg-desktop-max))/2));
    --mg-navy:#071b55;
    --mg-blue:#0d3f9d;
    --mg-yellow:#ffd21c;
    --mg-paper:#fffdf7;
    --mg-sky:#eef4ff;
    --mg-line:#d8e3f7;
    --mg-radius:18px;
    --mg-shadow:0 18px 42px rgba(7,31,110,.12);
  }

  body{overflow-x:hidden;background:var(--mg-paper)}
  .site-header{position:sticky;top:0;z-index:40;height:80px;padding-inline:var(--mg-gutter);border-bottom:1px solid #e1e8f6;background:rgba(255,253,247,.96);backdrop-filter:blur(12px)}
  .brand img{width:178px}.nav{gap:clamp(10px,1vw,18px)}.nav a{font-size:13px;letter-spacing:0}.header-cta{min-height:44px;padding:0 18px;border-radius:10px;font-size:14px}
  main{overflow:hidden}.section,.branches{padding:88px var(--mg-gutter)}
  .section-heading h2{max-width:13ch;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:clamp(38px,3.35vw,52px);font-weight:900;line-height:1.16;letter-spacing:-.055em}
  .section-heading>p:last-child{max-width:34em;font-size:16px;line-height:1.75}.eyebrow{font-size:12px;letter-spacing:.13em}.button{min-height:52px;border-radius:10px;font-size:16px}

  /* Hero: an editorial two-column welcome rather than a widened phone banner. */
  .hero{display:grid;grid-template-columns:minmax(390px,.82fr) minmax(560px,1.18fr);gap:clamp(52px,7vw,108px);align-items:center;min-height:620px;padding:76px var(--mg-gutter) 86px;background:linear-gradient(115deg,#fffdf7 0%,#fffdf7 61%,#f0f5ff 61%)}
  .hero-copy{max-width:510px}.hero h1{max-width:8.8ch;margin:14px 0 20px;font-size:clamp(56px,4.75vw,74px);line-height:1.08}.hero-copy>p:not(.eyebrow):not(.kicker){max-width:31em;font-size:17px;line-height:1.78}.hero-actions{gap:20px;margin-top:29px}
  .hero-visual,.hero-carousel{width:100%;max-width:640px;justify-self:end}.hero-visual{grid-column:auto;order:0;overflow:visible;border-radius:var(--mg-radius);box-shadow:14px 14px 0 var(--mg-yellow)}.hero-carousel{aspect-ratio:16/9;background:var(--mg-navy)}.hero-carousel-track{border-radius:var(--mg-radius)}.hero-carousel .hero-slide>img{object-fit:contain}.hero-carousel .hero-slide-building>img:first-child{object-fit:cover}.hero-carousel-controls{bottom:-26px}

  /* Trust and promise deliberately use opposing visual weights. */
  .awards{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:auto auto;column-gap:clamp(74px,9vw,140px);align-items:center;padding-top:78px;padding-bottom:78px;background:var(--mg-navy);color:#fff;text-align:left}
  .awards .awards-heading{grid-column:1;grid-row:1;max-width:535px;margin:0;text-align:left}.awards .why-myguru-title{color:#fff;font-size:clamp(40px,3.35vw,51px);line-height:1.16}.awards .why-myguru-title em{color:var(--mg-yellow)}.awards .section-heading>p:last-child{max-width:29em;margin:18px 0 0;color:#dbe6ff;font-size:16px}
  .awards .award-values{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,max-content);justify-content:start;gap:10px;margin:28px 0 0}.awards .award-values b{display:none}.awards .award-values span{display:flex;align-items:center;min-height:38px;padding:9px 13px;border:1px solid rgba(255,210,28,.55);border-radius:999px;background:transparent;color:#fff;font-family:inherit;font-size:14px;letter-spacing:0;text-shadow:none;transform:none!important}
  .awards .award-feature-poster{grid-column:2;grid-row:1 / span 2;width:100%;max-width:330px;margin:0;padding:9px;border:1px solid rgba(255,210,28,.55);border-radius:var(--mg-radius);background:#fff;box-shadow:var(--mg-shadow)}.awards .award-feature-poster img{display:block;width:100%;height:auto;max-height:495px;object-fit:contain;border-radius:10px}.awards .award-feature-poster figcaption{padding:9px 3px 1px;color:#dbe6ff;font-size:12px;text-align:left}

  .promise{display:grid;grid-template-columns:390px minmax(0,1fr);column-gap:clamp(80px,10vw,156px);align-items:center;padding-top:74px;padding-bottom:82px;background:var(--mg-sky)}
  .promise .quality-message-bar{grid-column:1/-1;justify-content:flex-start;gap:18px;margin:0 0 52px;padding:13px 17px;border:1px solid #cbdaf4;border-radius:10px;background:#fff;color:var(--mg-blue);font-size:14px}.promise .quality-message-bar b{color:#d9a400}.promise .section-heading{max-width:390px}.promise .section-heading:before{margin-bottom:21px;font-size:40px}.promise .section-heading h2{font-size:clamp(38px,3.05vw,47px);line-height:1.18}.promise .section-heading h2 span{white-space:normal}.promise .promise-poster{width:100%;max-width:430px;justify-self:start;margin:0;padding:10px;border:1px solid #cfdbf0;border-radius:var(--mg-radius);background:#fff;box-shadow:var(--mg-shadow)}.promise .promise-poster img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}

  /* Outcomes have a compact proof gallery, then deliberately smaller reels. */
  .student-progress{position:relative;padding-top:88px;padding-bottom:88px;background:var(--mg-paper)}
  .student-progress .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);gap:72px;align-items:end;max-width:none}.student-progress .section-heading h2{font-size:clamp(39px,3.3vw,51px)}.student-progress .section-heading>p:last-child{margin:0;max-width:28em}
  .progress-testimonials{width:min(100%,940px);gap:18px;margin:38px 0 0}.progress-testimonials figure{border-radius:var(--mg-radius);box-shadow:var(--mg-shadow)}.progress-testimonials img{display:block;width:100%;height:270px;object-fit:cover;object-position:top}.progress-testimonials figcaption{padding:12px 15px;font-size:14px}
  .student-results-showcase{width:370px;margin:0 0 0 auto;padding:10px;border-radius:var(--mg-radius);box-shadow:var(--mg-shadow)}.student-results-copy{padding:12px 6px 14px}.student-results-copy h3{font-size:27px}.student-results-slider{border-radius:10px}.student-results-slider img{width:100%;height:auto;object-fit:contain}.student-results-dots{padding:12px 2px 2px}.student-results-dots button{width:20px;height:6px}
  .progress-reels-heading{max-width:none;margin:42px 0 0}.progress-reels-heading h3{display:block;font-size:20px}.progress-reels{gap:16px;margin-top:16px;padding:0}.progress-reels figure{flex-basis:232px;border-radius:14px}.progress-reels iframe{height:413px}.progress-reels figcaption{padding:9px 12px;font-size:13px}

  /* Course selector stays functional, but receives a focused desktop panel. */
  .courses{background:var(--mg-sky)}.courses .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.64fr);gap:80px;align-items:end;max-width:none}.courses .section-heading h2{max-width:15ch}.courses .section-heading>p:last-child{margin:0}.course-tabs{max-width:none;margin:36px 0 18px;padding-bottom:12px;border-bottom:1px solid #cbdaf4}.course-tabs button{min-height:46px;padding:0 26px;border-radius:999px;font-size:15px}.course-panel{max-width:none;margin:0;padding:38px 42px;border:1px solid #cfdbf0;border-radius:var(--mg-radius);background:#fff;box-shadow:0 14px 32px rgba(7,31,110,.07)}.course-panel:has(.course-subject-groups){grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr)}.course-panel h3{font-size:clamp(29px,2.5vw,38px)}

  .care-band{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:clamp(80px,10vw,150px);align-items:center;padding:90px var(--mg-gutter);background:var(--mg-navy)}.care-copy{max-width:540px}.care-copy h2{font-size:clamp(40px,3.6vw,55px);line-height:1.16}.care-copy>p:not(.eyebrow){max-width:31em;font-size:16px;line-height:1.8}.care-card{width:100%;max-width:390px;justify-self:end;padding:10px;border:1px solid rgba(255,255,255,.25);border-radius:var(--mg-radius);background:#fff}.care-card .daycare-poster{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;border-radius:10px}.care-card>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px 2px 1px}.care-card b{padding:8px 0;border-bottom:1px solid #d8e3f7;font-size:14px}

  .gallery{display:grid;grid-template-columns:300px minmax(0,1fr);column-gap:clamp(70px,8vw,126px);align-items:start;background:var(--mg-paper)}.gallery .section-heading{position:sticky;top:112px;max-width:300px}.gallery .section-heading h2{font-size:clamp(38px,3.1vw,48px)}.gallery .slider-controls{position:static;justify-content:flex-start;margin:25px 0 0}.activity-slider-wrap{margin:0;min-width:0}.activity-slider{grid-auto-columns:minmax(244px,32%);gap:16px;padding:0 0 16px}.activity-slider figure{border-radius:var(--mg-radius);box-shadow:0 10px 24px rgba(7,31,110,.08)}.activity-slider img{height:190px;aspect-ratio:auto;object-fit:contain;background:#fff}.activity-slider figcaption{padding:11px 13px;font-size:14px}

  .methodology{padding-top:88px;padding-bottom:88px;background:var(--mg-sky)}.methodology .section-heading{display:block;max-width:650px}.methodology .section-heading h2{font-size:clamp(38px,3.25vw,50px)}.method-feature{max-width:none;margin-top:38px;padding:18px;grid-template-columns:minmax(0,1.14fr) minmax(340px,.86fr);gap:48px;border:1px solid #cfdbf0;border-radius:var(--mg-radius);background:#fff;box-shadow:0 14px 32px rgba(7,31,110,.08)}.method-feature>img{width:100%;height:360px;min-height:0;object-fit:contain;background:#f7f9ff;border-radius:12px}.method-feature>div{padding:20px 12px}.method-feature h3{font-size:clamp(35px,3vw,46px)}.method-cards{max-width:none;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.method-cards article{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;align-items:center;padding:16px 18px;border:1px solid #cfdbf0;border-radius:var(--mg-radius);background:#fff}.method-cards article img{grid-row:1 / span 3;width:140px;height:140px;margin:0;object-fit:contain}.method-cards article h3{margin:0;font-size:20px}.method-cards article p{margin:7px 0 0;font-size:14px}

  .branches{padding-top:88px;padding-bottom:58px;background:var(--mg-paper)}.branches .section-heading{max-width:720px}.branch-feature{max-width:none;margin:34px 0 0;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);border-radius:var(--mg-radius);overflow:hidden;box-shadow:var(--mg-shadow)}.branch-feature>img{display:block;width:100%;height:350px;max-height:none;object-fit:cover;background:#eef2ff}.branch-feature-body{padding:34px;background:#fff}.branch-feature-body h3{font-size:27px}.branch-feature-body address{font-size:15px;line-height:1.65}.branch-feature-grid{max-width:none;margin:18px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.branch-feature-grid .branch-feature{display:flex;flex-direction:column;margin:0;min-height:100%;box-shadow:0 10px 25px rgba(7,31,110,.08)}.branch-feature-grid .branch-feature>img{height:170px;object-fit:cover}.branch-feature-grid .branch-feature-body{display:flex;flex:1;flex-direction:column;padding:22px}.branch-feature-grid .branch-feature-body h3{font-size:20px}.branch-feature-grid .branch-feature-body address{min-height:72px;font-size:13px}.branch-feature-grid .branch-phone{margin:17px 0!important;font-size:18px!important}.branch-feature-grid .branch-feature-body>div{margin-top:auto}

  .parent-journey{padding:56px var(--mg-gutter);background:var(--mg-sky)}.parent-journey-card{max-width:var(--mg-desktop-max);padding:62px 90px;border:0;border-radius:var(--mg-radius);background:#fff;box-shadow:0 14px 32px rgba(7,31,110,.08)}.parent-journey h2{font-size:clamp(34px,3.05vw,47px);line-height:1.42}.parent-journey p{margin-top:28px;font-size:clamp(20px,2vw,29px);line-height:1.5}
  .visit-cta{padding:0 var(--mg-gutter) 70px;background:var(--mg-sky)}.visit-cta>div{max-width:var(--mg-desktop-max);padding:52px 62px;border-radius:var(--mg-radius);background:var(--mg-navy);box-shadow:none}.visit-cta h2{max-width:620px;margin-bottom:30px;font-size:clamp(36px,3.25vw,50px)}.visit-cta-actions{grid-template-columns:repeat(2,230px);gap:12px}.visit-cta-actions button{min-height:58px;border-radius:10px;font-size:16px}
  .social-follow{display:grid;grid-template-columns:250px minmax(0,1fr);gap:64px;padding:54px var(--mg-gutter);background:#fff}.social-follow-intro h2{font-size:36px}.social-account-directory{grid-template-columns:repeat(3,1fr);gap:16px}.social-account-group{padding:18px;border-radius:14px}.site-bottom-bar{padding:30px var(--mg-gutter)}

  /* The mascot remains friendly, but never sits on a desktop CTA or contact card. */
  .myguru-pet{right:18px;bottom:18px;left:auto;width:104px;height:116px;z-index:35}.myguru-pet-button{width:104px;height:116px}.myguru-pet-hint{right:74px;left:auto;bottom:78px;font-size:12px}.myguru-pet-hint:after{right:16px;left:auto}.myguru-pet-bubble{position:absolute;right:0;bottom:112px}
}

@media (min-width:941px) and (max-width:1100px){
  .site-header{padding-inline:30px;gap:14px}
  .brand img{width:190px}
  .nav{gap:12px}
  .nav a{font-size:13px}
  .header-cta{padding-inline:14px}
  .hero,.section,.branches,.admission,.care-band{padding-inline:42px}
  .branch-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .branch-feature-grid .branch-feature{grid-template-columns:1fr}
  .branch-feature-grid .branch-feature-body{padding:28px}
  .branch-feature-grid .branch-feature-body h3{white-space:normal}
}

@media (min-width:601px) and (max-width:940px){
  .site-header{height:82px;padding-inline:32px}
  .brand img{width:194px}
  .nav.open{top:82px;padding:22px 32px;gap:15px}
  .nav.open a{font-size:16px}
  .hero,.section,.branches,.admission,.care-band{padding-inline:42px}
  .hero{padding-block:38px 68px;gap:36px}
  .hero-copy>p:not(.eyebrow):not(.kicker),.section-heading>p:last-child,.care-copy>p:not(.eyebrow){font-size:16px}
  .hero-visual>img{max-height:500px;object-fit:contain}
  .metrics{padding-inline:42px;grid-template-columns:repeat(4,1fr);gap:12px}
  .metrics strong{font-size:31px}
  .award-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
  .award-copy{grid-column:1/-1;min-height:210px}
  .promise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .course-panel{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);gap:28px;padding:30px}
  .method-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-preview.core-values{padding-inline:42px}
  .branch-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .branch-feature-grid .branch-feature{grid-template-columns:1fr}
  .branch-feature-grid .branch-feature-body{padding:28px}
  .branch-feature-grid .branch-feature-body h3{white-space:normal}
  .branch-feature-grid .branch-feature-body address{font-size:16px}
  footer.site-bottom-bar{grid-template-columns:1fr auto;gap:24px;padding:30px 42px}
  footer.site-bottom-bar .bottom-brand{grid-column:1/-1}
}

@media (max-width:600px){
  html{scroll-padding-top:82px}
  .site-header{padding-inline:18px}
  .menu-button{min-width:44px;min-height:44px}
  .nav.open{padding:18px 24px 22px;gap:15px}
  .nav.open a{font-size:16px}
  .hero,.section,.branches,.admission,.care-band{padding-inline:20px}
  .hero{padding-block:24px 56px}
  .hero-copy>p:not(.eyebrow):not(.kicker),.section-heading>p:last-child,.care-copy>p:not(.eyebrow){font-size:16px;line-height:1.7}
  .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
  .hero-actions .button{width:100%;min-height:50px;padding-inline:12px;text-align:center}
  .metrics{padding-inline:20px;gap:14px}
  .metrics article{min-width:0;flex-direction:column;gap:4px}
  .metrics strong{font-size:29px}
  .metrics span{line-height:1.25}
  .section,.branches,.admission{padding-block:62px}
  .section-heading{max-width:100%}
  .award-showcase{margin-top:30px;gap:14px}
  .award-showcase figure{padding:9px}
  .award-copy{padding:26px}
  .award-copy h3{font-size:30px}
  .course-tabs{gap:8px;margin-top:28px}
  .course-tabs button{padding:9px 13px;font-size:13px}
  .course-panel{padding:22px 18px;border-radius:17px}
  .course-list{gap:7px}
  .course-list span{padding:7px 10px;font-size:13px}
  .care-band{padding-block:62px}
  .method-feature{border-radius:17px}
  .method-cards article{padding:12px 14px 20px}
  .activity-slider{grid-auto-columns:86%}
  .team-preview.core-values{padding-inline:20px}
  .team-preview-copy .button{min-height:50px}
  .student-results-showcase{width:100%}
  .consultant-branch-picker button{min-height:44px}
  .branch-feature{margin-top:30px;border-radius:18px}
  .branch-feature-body{padding:28px 22px}
  .branch-feature-body>div,.branch-card-actions{gap:10px}
  .branch-feature-body a,.branch-card-actions a{min-height:52px;padding-inline:10px;font-size:14px}
  .branch-feature-grid{gap:16px}
  .branch-feature-grid .branch-feature-body{padding:28px 22px}
  footer.site-bottom-bar{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:28px 20px 126px}
  footer.site-bottom-bar .bottom-brand{gap:12px}
  footer.site-bottom-bar img{width:62px}
  footer.site-bottom-bar p,footer.site-bottom-bar a{margin:0}
  .myguru-pet{bottom:14px;left:10px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* Compact hamburger menu for tablet and mobile navigation. */
@media (max-width:940px){
  .menu-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;margin-left:auto;padding:0;border:1px solid #d9e2f8;border-radius:12px;background:#f7f9ff;color:var(--blue);cursor:pointer}
  .menu-button span{display:block;width:21px;height:2px;border-radius:999px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  .menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* Final branch phone treatment: compact dark text on desktop, larger on phones. */
.branch-feature-body strong.branch-phone,.branch-feature-grid .branch-feature-body strong.branch-phone{font-size:22px!important;line-height:1.2;color:#2b2b2b}
@media (max-width:600px){
  .branch-feature-body strong.branch-phone,.branch-feature-grid .branch-feature-body strong.branch-phone{font-size:27px!important;line-height:1.2;color:#2b2b2b}
}

/* Teacher categories let parents quickly find the right education team. */
.teachers-page .teacher-category-filters{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:38px;padding:18px 0;border-block:1px solid rgba(255,255,255,.25)}.teacher-category-list{display:flex;flex-wrap:wrap;gap:9px}.teacher-category-list button{padding:9px 15px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:transparent;color:#fff;font:inherit;font-size:14px;font-weight:900;cursor:pointer;transition:background .2s ease,color .2s ease}.teacher-category-list button:hover,.teacher-category-list button.active{border-color:var(--yellow);background:var(--yellow);color:var(--ink)}.teacher-category-filters>b{flex:0 0 auto;padding:9px 15px;border-radius:999px;background:#fff;color:var(--blue);font-size:14px;white-space:nowrap}.teacher-card-placeholder{display:grid;place-items:center;width:100%;height:320px;background:linear-gradient(135deg,#e8efff,#f8fbff);color:#4966ad;text-align:center;font-size:16px;font-weight:900;line-height:1.45}.teacher-card-placeholder span{padding:12px 16px;border:1px dashed #9db1e4;border-radius:10px}@media(max-width:600px){.teachers-page .teacher-category-filters{display:grid;gap:14px;margin-top:26px;padding:15px 0}.teacher-category-list{gap:7px}.teacher-category-list button{padding:8px 12px;font-size:13px}.teacher-category-filters>b{justify-self:start;padding:8px 12px;font-size:13px}.teacher-card-placeholder{height:245px;font-size:13px}}

/* Keep English branch names open and easy to read. */
.branch-feature-body h3{letter-spacing:-.035em;word-spacing:.08em}

/* Give the footer mission statement slightly stronger emphasis. */
footer.site-bottom-bar p{font-size:clamp(18px,1.7vw,24px)}
@media(max-width:600px){footer.site-bottom-bar p{font-size:18px}}

@media(max-width:600px){footer.site-bottom-bar{padding-bottom:42px}}

/* Social follow-up panel placed immediately before the footer. */
.social-follow{position:relative;overflow:hidden;padding-block:82px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(28px,6vw,90px);align-items:center;background:linear-gradient(120deg,#061e78 0%,#0b3bb8 62%,#173fa1 100%)}.social-follow:before,.social-follow:after{content:'';position:absolute;border-radius:50%;pointer-events:none}.social-follow:before{width:380px;height:380px;right:-150px;top:-205px;border:50px solid rgba(255,210,28,.18)}.social-follow:after{width:280px;height:280px;left:42%;bottom:-230px;background:rgba(255,255,255,.06)}.social-follow>div{position:relative;z-index:1}.social-follow .eyebrow{margin-bottom:10px;color:var(--yellow);letter-spacing:.18em}.social-follow h2{margin:0;color:#fff;font-size:clamp(36px,4.8vw,62px);line-height:1.08;letter-spacing:-.06em}.social-follow>div>p:last-child{max-width:600px;margin:18px 0 0;color:#dce6ff;font-size:clamp(16px,1.8vw,21px);font-weight:700;line-height:1.65}.social-follow-links{display:grid;gap:14px}.social-follow-links span{min-height:74px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(255,255,255,.98);color:var(--blue);font-size:19px;font-weight:900;box-shadow:0 17px 30px rgba(0,18,86,.25);transition:transform .2s ease}.social-follow-links span:hover{transform:translateX(-5px)}.social-follow-links b{display:grid;place-items:center;min-width:42px;height:42px;border-radius:12px;background:#edf2ff;font-size:15px;letter-spacing:0}.social-facebook b{background:#1877f2;color:#fff;font-size:24px}.social-instagram b{background:linear-gradient(135deg,#6f3cc8,#e74d71 55%,#ffb84d);color:#fff;font-size:23px}.social-xiaohongshu b{background:#ef233c;color:#fff;font-size:12px}@media(max-width:700px){.social-follow{grid-template-columns:1fr;padding:62px 20px;gap:28px}.social-follow h2{font-size:clamp(34px,10vw,44px)}.social-follow-links span{min-height:66px;font-size:18px}.social-follow:before{right:-190px;top:-230px}}
.social-branch-label{margin:0 0 -3px;color:#dce6ff;font-size:13px;font-weight:900;letter-spacing:.08em}.social-branch-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.social-branch-picker button{min-height:42px;border:1px solid rgba(255,255,255,.36);border-radius:10px;background:rgba(255,255,255,.12);color:#fff;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.social-branch-picker button.active{border-color:var(--yellow);background:var(--yellow);color:#08236e}.social-branch-platforms{display:grid;gap:10px}.social-follow-links .social-branch-platforms span{min-height:62px;font-size:16px}.social-follow-links em{font-style:normal;font-weight:700}.social-follow-links .social-xiaohongshu{margin-top:3px}.social-xiaohongshu small{margin-left:auto;margin-right:12px;color:#60709a;font-size:12px;font-weight:800}@media(max-width:700px){.social-branch-picker button{font-size:12px}.social-follow-links .social-branch-platforms span{font-size:15px}}

/* Keep social follow-up as a quiet footer companion, not a main feature. */
.social-follow{padding-block:34px;grid-template-columns:auto 1fr;gap:34px;background:#f0f4ff}.social-follow:before,.social-follow:after{display:none}.social-follow .eyebrow{margin-bottom:3px;color:#a47825;font-size:11px}.social-follow h2{font-size:28px;color:var(--blue);letter-spacing:-.04em}.social-follow>div>p:last-child{margin-top:3px;color:#65708c;font-size:14px;font-weight:700}.social-follow-links{grid-auto-flow:column;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.social-follow-links span{min-height:50px;padding:10px 12px;border-color:#d7e0f5;border-radius:11px;box-shadow:none;font-size:14px}.social-follow-links b{order:-1;min-width:30px;height:30px;border-radius:8px;font-size:17px}.social-facebook b{font-size:19px}.social-instagram b{font-size:17px}.social-xiaohongshu b{font-size:9px}.social-xiaohongshu small{margin-left:auto;margin-right:0;color:#65708c;font-size:10px}@media(max-width:700px){.social-follow{grid-template-columns:1fr;padding:34px 20px;gap:16px}.social-follow h2{font-size:27px}.social-follow-links{grid-auto-flow:initial;grid-template-columns:1fr;gap:8px}.social-follow-links span{min-height:48px;font-size:15px}}
.social-follow-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.social-follow-links .social-platform{min-height:74px;padding:12px 14px;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;border:1px solid #d5e0f5;border-radius:12px;background:#fff;box-shadow:0 7px 16px rgba(7,31,110,.06);color:var(--blue)}.social-platform img{grid-row:1/3;width:28px;height:28px}.social-platform b{display:block;min-width:0;height:auto;background:none;color:var(--blue);font-size:14px;line-height:1.1}.social-platform small{display:block;margin:3px 0 0;color:#7784a2;font-size:11px;font-weight:800;line-height:1.1;white-space:nowrap}@media(max-width:700px){.social-follow-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.social-follow-links .social-platform{min-height:82px;padding:10px 6px;display:flex;flex-direction:column;justify-content:center;gap:5px;text-align:center}.social-platform img{width:25px;height:25px}.social-platform b{font-size:12px}.social-platform small{margin:0;font-size:9px;white-space:normal}}

/* Compact, balanced social cards that support rather than dominate the footer. */
.social-follow{display:block;padding:48px clamp(24px,7vw,110px) 52px;background:linear-gradient(135deg,#f7f9ff,#eef3ff);text-align:center}.social-follow>div:first-child{max-width:660px;margin-inline:auto}.social-follow .eyebrow{margin-bottom:5px;color:#a47825;font-size:12px;letter-spacing:.2em}.social-follow h2{font-size:clamp(30px,3.3vw,42px);color:#102f9b;letter-spacing:-.045em}.social-follow>div>p:last-child{margin:7px auto 0;color:#667493;font-size:clamp(14px,1.5vw,17px);font-weight:700}.social-follow-links{width:min(100%,760px);margin:28px auto 0;gap:14px}.social-follow-links .social-platform{position:relative;min-height:108px;padding:17px 14px 13px;display:flex;flex-direction:column;justify-content:center;gap:7px;border:1px solid #d8e2f6;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 12px 28px rgba(13,39,130,.08);overflow:hidden}.social-follow-links .social-platform:before{content:'';position:absolute;top:0;left:22px;right:22px;height:3px;border-radius:0 0 999px 999px;background:#b7c8ee}.social-follow-links .social-platform:nth-child(1):before{background:#1877f2}.social-follow-links .social-platform:nth-child(2):before{background:linear-gradient(90deg,#7538bf,#e64d70,#ffb54b)}.social-follow-links .social-platform:nth-child(3):before{background:#ff2442}.social-platform img{width:32px;height:32px}.social-platform b{font-size:16px;line-height:1.1}.social-platform small{margin:0;color:#7884a1;font-size:11px;letter-spacing:.02em}@media(max-width:700px){.social-follow{padding:42px 20px 46px}.social-follow h2{font-size:34px}.social-follow-links{margin-top:24px;gap:10px}.social-follow-links .social-platform{min-height:104px;padding:15px 5px 12px;border-radius:14px;gap:6px}.social-follow-links .social-platform:before{left:15px;right:15px}.social-platform img{width:30px;height:30px}.social-platform b{font-size:13px}.social-platform small{font-size:10px}}
.social-slogan{margin:0;padding:17px 24px;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(100deg,#ffd21c,#ffdd52);color:#08236e;font-size:clamp(18px,2.1vw,26px);font-weight:900;letter-spacing:.08em;box-shadow:0 10px 22px rgba(20,42,112,.12)}.social-slogan i{font-style:normal;color:#b27a00;font-size:1.25em}.social-follow{padding-top:34px}@media(max-width:700px){.social-slogan{padding:14px 16px;gap:9px;font-size:18px;letter-spacing:.03em}.social-follow{padding-top:30px}}

/* Close the gap after the final CTA and turn the slogan into a recognisable brand ribbon. */
.social-slogan{position:relative;padding:18px 24px;gap:18px;background:linear-gradient(100deg,#061b70,#0d3eae);border-top:3px solid var(--yellow);border-bottom:3px solid var(--yellow);color:#fff;box-shadow:0 12px 24px rgba(4,30,116,.2);font-size:clamp(18px,2.1vw,25px);letter-spacing:.12em}.social-slogan:before,.social-slogan:after{content:'';width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px rgba(255,210,28,.16)}.social-slogan i{color:var(--yellow);font-size:1.1em}.visit-cta{padding-bottom:22px}@media(max-width:600px){.visit-cta{padding-bottom:16px}.social-slogan{padding:15px 14px;gap:10px;font-size:17px;letter-spacing:.05em}.social-slogan:before,.social-slogan:after{width:7px;height:7px;box-shadow:none}}

/* Let the CTA and social area breathe as one continuous footer transition. */
.social-follow{background:#f4f7ff;padding-top:40px}.visit-cta{padding-bottom:28px}@media(max-width:600px){.visit-cta{padding-bottom:22px}.social-follow{padding-top:40px}}

/* Use one exact background colour through the final CTA and social area. */
.visit-cta,.social-follow{background-color:#f4f7ff!important;background-image:none!important}

.social-follow-links .social-platform{text-decoration:none}

/* Social account directory: platform first, then the branch account name in a clean text list. */
.social-follow{padding:42px clamp(24px,7vw,110px) 46px;text-align:left}
.social-follow-intro{max-width:740px;margin-inline:auto;text-align:center}
.social-account-directory{width:min(100%,860px);margin:28px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #cfdbf3;border-bottom:1px solid #cfdbf3;background:rgba(255,255,255,.42)}
.social-account-group{min-width:0;padding:20px 22px 22px;border-right:1px solid #cfdbf3}
.social-account-group:last-child{border-right:0}
.social-account-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:var(--blue)}
.social-account-heading img{width:23px;height:23px;object-fit:contain}
.social-account-heading h3{margin:0;font-size:18px;line-height:1.15;letter-spacing:-.02em}
.social-account-links{display:grid;gap:8px}
.social-account-links a,.social-account-links>span{display:block;color:#243b78;font-size:13px;font-weight:800;line-height:1.45;text-decoration:none}
.social-account-links a{width:max-content;max-width:100%;border-bottom:1px solid #aabde8;transition:color .18s ease,border-color .18s ease,transform .18s ease}
.social-account-links a:hover{border-color:var(--blue);color:var(--blue);transform:translateX(2px)}
.social-account-links a span{margin-left:3px;color:#7584a8}
.social-account-links>span{color:#7784a0}
@media(max-width:700px){.social-follow{padding:36px 20px 40px}.social-account-directory{grid-template-columns:1fr;margin-top:24px}.social-account-group{padding:17px 4px 18px;border-right:0;border-bottom:1px solid #cfdbf3}.social-account-group:last-child{border-bottom:0}.social-account-heading{margin-bottom:11px}.social-account-links{gap:7px}.social-account-links a,.social-account-links>span{font-size:14px}}

/* Tighten the transition into the parent-journey statement on phones. */
@media(max-width:600px){.parent-journey{padding-top:26px;padding-bottom:38px}.parent-journey-card{padding:32px 20px}.parent-journey p{margin-top:24px}}

@media(max-width:600px){.branches{padding-bottom:18px}.parent-journey{padding-top:18px}}

/* Clarify the SS3 location label. */
.branch-feature-grid>article:last-child .branch-feature-body>p{font-size:0}.branch-feature-grid>article:last-child .branch-feature-body>p:after{content:'PJ SS3 Branch';font-size:13px}

/* Four-slide home visual: the campus anchors the brand, while three campaign slots remain easy to refresh each month. */
.hero-carousel{height:465px;isolation:isolate;box-shadow:none}.hero-carousel-track{position:relative;width:100%;height:100%}.hero-slide{position:absolute;inset:0;display:grid;align-content:center;opacity:0;pointer-events:none;transform:scale(1.025);transition:opacity .45s ease,transform .7s ease}.hero-slide.is-active{z-index:1;opacity:1;pointer-events:auto;transform:scale(1)}.hero-slide-building>img:first-child{width:100%;height:100%;object-fit:cover}.hero-slide-building .hero-quality-logo{position:absolute;top:20px;right:20px;width:64px;height:64px;object-fit:contain}.hero-slide-building .hero-tag{z-index:2}.hero-promo{padding:clamp(28px,4vw,48px);color:#fff;background:linear-gradient(135deg,#061d75 0%,#124bc0 58%,#09256f 100%);overflow:hidden}.hero-promo:before,.hero-promo:after{content:'';position:absolute;border-radius:50%;pointer-events:none}.hero-promo:before{width:290px;height:290px;right:-75px;top:-110px;border:40px solid rgba(255,255,255,.14)}.hero-promo:after{width:180px;height:180px;left:-80px;bottom:-95px;background:rgba(255,255,255,.08)}.hero-promo>*{position:relative;z-index:1}.hero-promo p{margin:0 0 13px;color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.16em}.hero-promo h2{margin:0;color:#fff;font-size:clamp(38px,4.3vw,58px);line-height:1.07;letter-spacing:-.06em}.hero-promo h2 strong{color:var(--yellow);font-size:1.04em}.hero-promo span{display:inline-flex;width:max-content;margin-top:22px;padding:8px 12px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(255,255,255,.12);font-size:13px;font-weight:800}.hero-promo-two{background:linear-gradient(135deg,#2e155d 0%,#773aad 55%,#1b1556 100%)}.hero-promo-three{background:linear-gradient(135deg,#063f69 0%,#0c8f9e 55%,#06365e 100%)}.hero-carousel-controls{position:absolute;z-index:3;right:16px;bottom:14px;display:flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(4,17,70,.72);backdrop-filter:blur(7px)}.hero-carousel-arrow{display:none}.hero-carousel-dots{display:flex;gap:6px}.hero-carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.45);cursor:pointer;transition:width .2s ease,background .2s ease}.hero-carousel-dots button.is-active{width:21px;background:var(--yellow)}
@media (min-width:601px) and (max-width:940px){.hero-carousel{height:400px}.hero-promo h2{font-size:42px}}
@media (max-width:600px){.hero-carousel{height:250px;border-radius:20px;box-shadow:none}.hero-slide-building .hero-quality-logo{top:12px;right:12px;width:45px;height:45px}.hero-slide-building .hero-tag{left:13px;bottom:13px;padding:8px 10px;gap:8px;border-radius:9px}.hero-tag b{font-size:11px}.hero-tag span{font-size:9px}.hero-promo{padding:25px 24px}.hero-promo p{margin-bottom:7px;font-size:9px}.hero-promo h2{font-size:31px}.hero-promo span{margin-top:12px;padding:5px 8px;font-size:10px}.hero-promo:before{width:180px;height:180px;right:-55px;top:-80px;border-width:25px}.hero-carousel-controls{right:9px;bottom:8px;padding:5px 8px}.hero-carousel-dots{gap:4px}.hero-carousel-dots button{width:6px;height:6px}.hero-carousel-dots button.is-active{width:16px}}
@media (prefers-reduced-motion:reduce){.hero-slide{transition:none}}

/* A quiet, centred slide indicator keeps the main visual clean on every screen size. */
.hero-carousel-controls{left:50%;right:auto;bottom:16px;gap:0;padding:7px 11px;transform:translateX(-50%);background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.72);box-shadow:0 6px 18px rgba(4,22,88,.18);backdrop-filter:blur(9px)}
.hero-carousel-dots{gap:7px}.hero-carousel-dots button{width:6px;height:6px;background:#9ba9ca}.hero-carousel-dots button.is-active{width:20px;background:var(--blue)}
@media(max-width:600px){.hero-carousel-controls{bottom:10px;padding:6px 9px}.hero-carousel-dots{gap:5px}.hero-carousel-dots button{width:5px;height:5px}.hero-carousel-dots button.is-active{width:17px}}

.hero-slide-poster>img{width:100%;height:100%;object-fit:cover}

/* Keep the student showcase and course roadmap visually connected on phones. */
@media(max-width:600px){.student-progress{padding-bottom:28px}.courses{padding-top:36px}}

/* A tighter rhythm across the site keeps browsing on phones and tablets feeling continuous. */
@media(min-width:1101px){.section,.branches{padding-block:82px}.care-band{padding-block:82px}}
@media(min-width:601px) and (max-width:1100px){.section,.branches,.admission{padding-block:76px}.care-band{padding-block:76px}}
@media(max-width:600px){.section,.branches,.admission{padding-block:48px}.care-band{padding-block:50px}.parent-journey{padding-block:28px}.visit-cta{padding-top:42px}}

/* When the daycare layout becomes one column, keep the service button close
   to the full programme poster instead of leaving a large empty blue field. */
@media(min-width:601px) and (max-width:940px){.care-band{gap:30px;padding-block:54px}}
@media(max-width:600px){.care-band{gap:24px;padding-bottom:38px}}

/* Preschool programme poster: a complete value overview beneath the subject list. */
.course-value-poster{grid-column:1/-1;width:min(100%,760px);margin:18px auto 0;overflow:hidden;border:1px solid #d8e1f4;border-radius:18px;background:#fff;box-shadow:0 14px 32px rgba(7,31,110,.09)}.course-value-poster img{width:100%;height:auto}.course-value-poster figcaption{padding:13px 16px;color:var(--blue);font-size:15px;font-weight:900;text-align:center}@media(max-width:600px){.course-value-poster{margin-top:6px;border-radius:14px}.course-value-poster figcaption{padding:11px 12px;font-size:13px}}

/* One strong proof graphic is clearer than repeating the same facts in three cards. */
.core-values .team-preview-values.team-value-poster{display:block;max-width:620px;padding:10px;overflow:hidden;border:1px solid rgba(255,210,28,.72);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 20px 40px rgba(0,10,54,.25)}.team-value-poster img{width:100%;height:auto;border-radius:12px}@media(max-width:940px){.core-values .team-preview-values.team-value-poster{max-width:680px}}@media(max-width:600px){.core-values .team-preview-values.team-value-poster{padding:7px;border-radius:16px}.team-value-poster img{border-radius:10px}}

/* Keep the two-part MyGuru team message to exactly two lines on phones. */
@media(max-width:600px){.core-values .team-preview-copy h2{font-size:clamp(31px,9vw,36px);line-height:1.18;letter-spacing:-.08em;white-space:nowrap}}

/* Teacher cards: the yellow subject badges already carry this information. */
.teachers-page .teacher-card-body>p{display:none}

.teachers-page .teacher-card{cursor:default}.teachers-page .teacher-card-body small{display:none}

/* Teacher gallery: photographs lead, while a restrained nameplate gives the
   team the same clear, gallery-like recognition hierarchy as an awards wall. */
.teachers-page .team{position:relative;isolation:isolate;min-height:0;background:linear-gradient(180deg,#f3f6ff 0,#fffdf7 42%,#f7f9ff 100%);color:var(--ink);overflow:hidden}.teachers-page .team:before{content:'';position:absolute;z-index:-1;top:-185px;right:-125px;width:470px;height:470px;border:42px solid rgba(255,210,28,.52);border-radius:50%;pointer-events:none}.teachers-page .team:after{content:'';position:absolute;z-index:-1;top:0;left:0;width:100%;height:12px;background:var(--blue)}.teachers-page .section-heading{display:block;max-width:770px;padding-top:26px}.teachers-page .section-heading .eyebrow{color:#1740a9}.teachers-page .section-heading h1{max-width:15ch;color:var(--ink);font-size:clamp(38px,5.2vw,68px);letter-spacing:-.06em;line-height:1.1}.teachers-page .section-heading>p:last-child{max-width:570px;color:var(--muted);font-size:16px;line-height:1.72}.teachers-page .teacher-category-filters{margin-top:34px;padding:16px 0;border-color:#d3ddf3}.teachers-page .teacher-category-list button{border-color:#b9c8ea;background:#fff;color:#213867}.teachers-page .teacher-category-list button:hover,.teachers-page .teacher-category-list button.active{border-color:var(--blue);background:var(--blue);color:#fff}.teacher-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,34px);margin-top:36px}.teachers-page .teacher-card{position:relative;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:default;transition:transform .25s ease}.teachers-page .teacher-card:hover{background:transparent;box-shadow:none;transform:translateY(-5px)}.teachers-page .teacher-card>figure{position:relative;margin:0;padding:8px 8px 0;overflow:hidden;border:1px solid #c9d5ee;border-radius:20px 20px 0 0;background:#fff;box-shadow:0 13px 26px rgba(6,43,154,.11)}.teachers-page .teacher-card>figure:before{content:'';position:absolute;z-index:1;inset:15px 15px auto auto;width:14px;height:14px;border:3px solid var(--yellow);border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px rgba(255,255,255,.9)}.teachers-page .teacher-card>figure img,.teachers-page .teacher-card-placeholder{display:block;width:100%;height:clamp(320px,31vw,430px);object-fit:cover;object-position:top;background:#e8efff;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.teachers-page .teacher-card:hover>figure img{transform:scale(1.025)}.teachers-page .teacher-card>figure figcaption{position:absolute;z-index:2;right:8px;bottom:0;left:8px;padding:18px 18px 17px;background:linear-gradient(90deg,rgba(4,27,111,.97),rgba(6,43,154,.9));color:#fff}.teachers-page .teacher-card>figure figcaption:before{content:'';position:absolute;top:0;left:0;width:64px;height:4px;background:var(--yellow)}.teachers-page .teacher-card>figure figcaption span{display:block;margin-bottom:5px;color:#ffe36a;font-size:10px;font-weight:900;letter-spacing:.14em}.teachers-page .teacher-card>figure figcaption strong{display:block;color:#fff;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:clamp(20px,2vw,27px);line-height:1.1;letter-spacing:-.035em}.teachers-page .teacher-card-body{min-height:52px;padding:11px 14px 13px;border:1px solid #c9d5ee;border-top:0;border-radius:0 0 20px 20px;background:#fff;box-shadow:0 13px 26px rgba(6,43,154,.08)}.teachers-page .teacher-card-badges{display:flex;gap:6px;align-items:center;min-height:27px;margin:0}.teachers-page .teacher-card-badges em{padding:5px 8px;border:0;border-radius:999px;background:#edf2ff;color:#183a9b;font-size:11px;font-style:normal;font-weight:900;line-height:1.1}.teachers-page .teacher-card-badges em:first-child{background:#fff0a3;color:#634600}.teachers-page .teacher-card-placeholder{display:grid;place-items:center;text-align:center;color:#4966ad;font-size:16px;font-weight:900;line-height:1.45}.teachers-page .teacher-card-placeholder span{padding:12px 16px;border:1px dashed #9db1e4;border-radius:10px}.teachers-page .teacher-card:hover .teacher-card-body{box-shadow:0 17px 30px rgba(6,43,154,.12)}
@media(max-width:940px){.teacher-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.teachers-page .teacher-card>figure img,.teachers-page .teacher-card-placeholder{height:clamp(300px,47vw,430px)}}
@media(max-width:600px){.teachers-page .team:before{top:-100px;right:-145px;width:310px;height:310px;border-width:28px}.teachers-page .section-heading{padding-top:18px}.teachers-page .section-heading h1{font-size:clamp(34px,10vw,45px);line-height:1.13}.teachers-page .section-heading>p:last-child{font-size:15px}.teachers-page .teacher-category-filters{margin-top:25px;padding:14px 0}.teacher-directory{gap:15px;margin-top:25px}.teachers-page .teacher-card>figure{padding:5px 5px 0;border-radius:15px 15px 0 0}.teachers-page .teacher-card>figure:before{top:11px;right:11px;width:10px;height:10px;border-width:2px;box-shadow:0 0 0 2px rgba(255,255,255,.9)}.teachers-page .teacher-card>figure img,.teachers-page .teacher-card-placeholder{height:calc((100vw - 63px) * 1.18)}.teachers-page .teacher-card>figure figcaption{right:5px;bottom:0;left:5px;padding:12px 10px 11px}.teachers-page .teacher-card>figure figcaption:before{width:42px;height:3px}.teachers-page .teacher-card>figure figcaption span{margin-bottom:4px;font-size:8px;letter-spacing:.08em}.teachers-page .teacher-card>figure figcaption strong{font-size:clamp(15px,4.6vw,20px)}.teachers-page .teacher-card-body{min-height:43px;padding:8px 9px 10px;border-radius:0 0 15px 15px}.teachers-page .teacher-card-badges{gap:4px;min-height:24px}.teachers-page .teacher-card-badges em{padding:4px 6px;font-size:9px}}

/* Teacher page: a focused record of examiner training, using the real event
   images as the evidence instead of a dense staff directory. */
.teachers-page .examiner-training{position:relative;isolation:isolate;min-height:calc(100vh - 82px);padding:clamp(72px,9vw,118px) clamp(24px,7vw,110px);overflow:hidden;background:linear-gradient(145deg,#f3f6ff 0%,#fffdf7 54%,#eef3ff 100%)}
.teachers-page .examiner-training:before{position:absolute;z-index:-1;top:-190px;right:-160px;width:490px;height:490px;border:42px solid rgba(255,210,28,.48);border-radius:50%;content:''}
.examiner-training__heading{max-width:760px}
.examiner-training__heading p{margin:0;color:#1740a9;font-size:12px;font-weight:900;letter-spacing:.16em}
.examiner-training__heading h1{margin:14px 0 0;color:var(--blue);font-size:clamp(48px,6vw,78px);font-weight:900;letter-spacing:-.065em;line-height:1.04}
.examiner-training__heading strong{display:inline-block;margin-top:17px;padding:8px 13px;background:var(--yellow);color:var(--blue);font-size:16px;letter-spacing:.04em}
.examiner-training__gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.3vw,28px);max-width:1080px;margin-top:clamp(42px,6vw,68px)}
.examiner-training__photo{position:relative;margin:0;overflow:hidden;border:1px solid #cbd7ed;border-radius:20px;background:#fff;box-shadow:0 16px 32px rgba(6,43,154,.1)}
.examiner-training__photo:before{position:absolute;z-index:1;top:13px;left:13px;width:12px;height:12px;border:3px solid var(--yellow);border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px rgba(255,255,255,.9);content:''}
.examiner-training__photo img{width:100%;height:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:center}
.examiner-training__photo:nth-child(2) img{aspect-ratio:1 / 1}
@media(max-width:600px){.teachers-page .examiner-training{min-height:0;padding:64px 24px 78px}.teachers-page .examiner-training:before{top:-122px;right:-154px;width:330px;height:330px;border-width:28px}.examiner-training__heading h1{font-size:clamp(42px,12vw,54px)}.examiner-training__heading strong{margin-top:13px;font-size:15px}.examiner-training__gallery{grid-template-columns:1fr;gap:16px;margin-top:39px}.examiner-training__photo{border-radius:16px}.examiner-training__photo:before{top:11px;left:11px;width:10px;height:10px;border-width:2px;box-shadow:0 0 0 2px rgba(255,255,255,.9)}.examiner-training__photo img,.examiner-training__photo:nth-child(2) img{aspect-ratio:auto;height:auto;object-fit:contain}.examiner-training__photo:nth-child(2) img{aspect-ratio:1 / 1;object-fit:cover}}

/* Responsive foundation: desktop keeps its spacious editorial layout; iPad
   prioritises readable single-column sections; phones keep every action easy
   to tap without horizontal overflow. */
html { scroll-padding-top: 90px; }
body { overflow-x: clip; }
main, section, article, figure, .branch-modal-panel, .video-modal-panel { min-width: 0; }
img, video { max-inline-size: 100%; }
button, a { touch-action: manipulation; }
@media (min-width:601px) and (max-width:1120px) {
  .site-header { height:76px; padding-inline:42px; gap:20px; }
  .nav.open { top:76px; max-height:calc(100svh - 76px); overflow-y:auto; padding:20px 42px 28px; }
  .header-cta { min-height:44px; padding-inline:17px; }
  .hero, .section, .branches, .admission, .care-band { padding-inline:42px; }
  .section, .branches, .admission, .care-band { padding-block:78px; }
  .hero-actions .button, .visit-cta-actions button { min-height:52px; }
  .branch-modal { padding:28px; }
  .branch-modal-panel { width:min(100%,680px); }
  .branch-modal-options a { min-height:116px; display:flex; flex-direction:column; justify-content:center; }
  footer.site-bottom-bar { padding-inline:42px; }
}
@media (max-width:600px) {
  html { scroll-padding-top:80px; }
  .nav.open { max-height:calc(100svh - 72px); overflow-y:auto; }
  .nav.open a { min-height:44px; display:flex; align-items:center; }
  .branch-modal { align-items:end; padding:10px; }
  .branch-modal-panel { max-height:calc(100svh - 20px); overflow:auto; }
  .branch-modal-options a { min-height:92px; display:flex; flex-direction:column; justify-content:center; }
  .myguru-pet { right:10px; bottom:16px; }
}

/* Training page: one clear lead image plus supporting moments, rather than a
   uniform photo-card grid. */
.teachers-page .examiner-training { display:grid; grid-template-columns:minmax(250px,.34fr) minmax(0,.66fr); gap:clamp(38px,6vw,86px); align-items:start; max-width:1440px; margin:auto; padding-top:clamp(70px,8vw,110px); padding-bottom:clamp(76px,9vw,128px); }
.teachers-page .examiner-training:before { top:-220px; right:-175px; }
.examiner-training__heading { position:sticky; top:116px; padding:28px 0 28px 26px; border-left:5px solid var(--yellow); }
.examiner-training__heading:after { position:absolute; right:0; bottom:0; left:26px; height:1px; background:#ccd8f0; content:''; }
.examiner-training__heading h1 { max-width:5ch; font-size:clamp(46px,5vw,70px); line-height:1.08; }
.examiner-training__heading strong { padding:0; background:transparent; color:#6a7898; font-size:15px; font-weight:800; }
.examiner-training__gallery { grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr); grid-template-rows:auto auto; gap:clamp(14px,2vw,24px); width:100%; max-width:none; margin:0; }
.examiner-training__photo { border:0; border-radius:18px; box-shadow:0 16px 34px rgba(6,43,154,.12); }
.examiner-training__photo:before { display:none; }
.examiner-training__photo img { display:block; height:auto; aspect-ratio:4 / 3; object-fit:cover; }
.examiner-training__photo--main { grid-row:span 2; align-self:stretch; border-radius:18px 18px 56px 18px; background:#edf2ff; }
.examiner-training__photo--main img { width:100%; height:100%; aspect-ratio:auto; object-fit:cover; object-position:center; }
.examiner-training__photo:nth-child(2) { border-radius:56px 18px 18px 18px; }
.examiner-training__photo:nth-child(3) { border-radius:18px 18px 18px 56px; }
.examiner-training__photo--wide { grid-column:1 / -1; width:min(82%,680px); justify-self:end; margin-top:clamp(8px,2vw,22px); border:3px solid var(--yellow); border-radius:18px; box-shadow:10px 10px 0 var(--blue); }
@media (min-width:601px) and (max-width:1000px) { .teachers-page .examiner-training { grid-template-columns:1fr; gap:38px; }.examiner-training__heading { position:relative; top:auto; max-width:720px; }.examiner-training__gallery { max-width:760px; } }
@media (max-width:600px) { .teachers-page .examiner-training { display:block; padding-top:62px; }.examiner-training__heading { position:relative; top:auto; padding:0 0 23px 18px; }.examiner-training__heading:after { left:18px; }.examiner-training__heading h1 { max-width:none; font-size:clamp(41px,11vw,52px); }.examiner-training__gallery { display:grid; grid-template-columns:1fr; gap:16px; margin-top:34px; }.examiner-training__photo,.examiner-training__photo--main,.examiner-training__photo:nth-child(2),.examiner-training__photo:nth-child(3) { grid-column:auto; grid-row:auto; width:100%; margin:0; border-radius:15px; box-shadow:0 12px 26px rgba(6,43,154,.12); }.examiner-training__photo img,.examiner-training__photo--main img { width:100%; height:auto; aspect-ratio:auto; object-fit:contain; }.examiner-training__photo--wide { border:2px solid var(--yellow); box-shadow:6px 6px 0 var(--blue); } }

/* A kinetic editorial treatment: strong navy type, clear punctuation and a
   one-time reveal keep the promise distinctive without decorative colour. */
.hero h1{max-width:10ch;font-size:clamp(57px,5.8vw,84px);font-weight:900;letter-spacing:-.082em}.hero h1>span,.hero h1 em{display:block;width:max-content;max-width:100%;padding-right:.16em;color:var(--blue);font-style:normal}.hero h1 em{margin-top:.04em;font-size:1.04em;letter-spacing:-.09em}
@media(prefers-reduced-motion:no-preference){.hero h1>span,.hero h1 em{clip-path:inset(0 -12% 0 0);animation:myguru-hero-reveal .68s cubic-bezier(.2,.8,.2,1) both}.hero h1>span{animation-delay:.14s}.hero h1 em{animation-delay:.28s}@keyframes myguru-hero-reveal{from{opacity:0;transform:translateY(28px);clip-path:inset(0 -12% 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 -12% 0 0)}}}
@media(max-width:600px){.hero h1{max-width:8ch;font-size:clamp(48px,13.1vw,56px);letter-spacing:-.1em}.hero h1 em{margin-top:.08em;letter-spacing:-.105em}}

/* A restrained, tactile lift for the homepage promise — no new colour or
   decoration, only a little depth and movement. */
.hero h1{position:relative;isolation:isolate;letter-spacing:-.066em}.hero h1>span,.hero h1 em{text-shadow:0 7px 16px rgba(6,43,154,.14)}.hero h1 em{letter-spacing:-.072em}.hero h1:after{content:"";position:absolute;z-index:-1;left:2%;bottom:4%;width:72%;height:34%;border-radius:50%;background:rgba(169,205,255,.34);filter:blur(24px);opacity:.72}
@media(prefers-reduced-motion:no-preference){.hero h1{animation:myguru-title-breathe 5.4s 1.1s ease-in-out infinite}@keyframes myguru-title-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}}
@media(hover:hover) and (pointer:fine){.hero h1{transition:transform .28s cubic-bezier(.2,.8,.2,1)}.hero h1:hover{transform:translateY(-4px) scale(1.012)}}
@media(max-width:600px){.hero h1{letter-spacing:-.085em}.hero h1 em{letter-spacing:-.09em}.hero h1:after{width:82%;filter:blur(20px)}}

/* Desktop-only interactions: a small light response rewards exploration without
   distracting from the parent-first reading flow. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  [data-hover-glow]{position:relative;isolation:isolate;transition:border-color .26s ease,box-shadow .26s ease,background-color .26s ease}
  .award-feature-poster[data-hover-glow]:before{content:'';position:absolute;inset:-38% -62%;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(104deg,transparent 43%,rgba(255,255,255,.04) 46%,rgba(255,239,166,.66) 50%,rgba(255,255,255,.08) 54%,transparent 58%);transform:translateX(-58%) skewX(-15deg)}
  [data-hover-glow]:after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--hover-x,50%) var(--hover-y,50%),rgba(255,210,28,.22),rgba(255,210,28,0) 66%);transition:opacity .24s ease}
  [data-hover-glow]:hover:after{opacity:1}
  .award-feature-poster[data-hover-glow]:hover:before{opacity:1;animation:myguru-award-glint .78s cubic-bezier(.2,.8,.2,1) both}
  .award-feature-poster[data-hover-glow]:hover{border-color:#ffe278;box-shadow:0 32px 68px rgba(0,0,0,.34)}
  .promise-poster:hover{transform:none;box-shadow:0 24px 54px rgba(7,31,110,.14)}
  @keyframes myguru-award-glint{from{transform:translateX(-58%) skewX(-15deg)}to{transform:translateX(58%) skewX(-15deg)}}
}

/* Posters and real activity images get a quiet zoom only—no colour shift or
   highlight—so the content feels responsive while awards remain the one gold accent. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .award-feature-poster,.promise-poster,.care-card,.method-feature,.activity-slider figure,.method-cards article,.course-value-poster{overflow:hidden;transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease}
  .award-feature-poster:hover,.promise-poster:hover,.care-card:hover,.method-feature:hover,.activity-slider figure:hover,.method-cards article:hover,.course-value-poster:hover{transform:scale(1.022);box-shadow:0 19px 38px rgba(7,31,110,.16)}
  .award-feature-poster img,.promise-poster img,.care-card img,.method-feature>img,.activity-slider figure img,.method-cards article img,.course-value-poster img{transition:transform .48s cubic-bezier(.2,.8,.2,1)}
  .award-feature-poster:hover img,.promise-poster:hover img,.care-card:hover img,.method-feature:hover>img,.activity-slider figure:hover img,.method-cards article:hover img,.course-value-poster:hover img{transform:scale(1.018)}
}

/* Our Story: a culture-wall-led trust page for MyGuru's history, proof and
   learning system. The page is intentionally different from the homepage,
   while staying inside the established blue, yellow and paper palette. */
.story-main{display:block}.story-page .site-header{position:sticky}.story-culture-wall,.story-proof-strip,.story-journey,.story-strength,.story-programmes,.story-methods,.story-final-cta{padding-inline:clamp(24px,7vw,110px)}.story-culture-wall{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);gap:clamp(38px,7vw,110px);align-items:center;padding-top:clamp(68px,10vw,138px);padding-bottom:clamp(68px,10vw,138px);background:linear-gradient(120deg,#fffdf7 0%,#fffdf7 61%,#f0f4ff 100%)}.story-culture-copy .eyebrow,.story-section-heading .eyebrow{margin-bottom:17px}.story-culture-kicker{margin:0 0 12px;color:#3159ad;font-size:clamp(14px,1.6vw,20px);font-weight:900;letter-spacing:.08em}.story-culture-copy h1,.story-section-heading h2,.story-methods h2,.story-final-cta h2{margin:0;color:var(--ink);font-size:clamp(40px,5vw,72px);font-weight:900;line-height:1.09;letter-spacing:-.065em}.story-culture-copy h1 span,.story-culture-copy h1 em{display:block}.story-culture-copy h1 em{color:var(--blue);font-style:normal}.story-culture-copy>p:not(.eyebrow):not(.story-culture-kicker){max-width:600px;margin:27px 0 31px;color:var(--muted);font-size:clamp(16px,1.55vw,19px);line-height:1.72}.story-culture-board{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:440px;padding:clamp(24px,4vw,48px);border:2px solid var(--yellow);background:linear-gradient(145deg,#071742,#062b9a 62%,#0c48b9);box-shadow:14px 14px 0 var(--yellow);color:#fff}.story-culture-board>p{margin:0;color:#ffe781;font-size:clamp(12px,1.5vw,17px);font-weight:900;letter-spacing:.12em}.story-culture-board>p:nth-child(2){text-align:right}.story-year{grid-column:1/-1;align-self:center;font-size:clamp(17px,2vw,25px);font-weight:900;letter-spacing:.12em}.story-year strong{display:block;margin-top:7px;color:var(--yellow);font-size:clamp(78px,10vw,145px);line-height:.86;letter-spacing:-.1em}.story-culture-board>span{align-self:end;padding-top:13px;border-top:1px solid rgba(255,255,255,.35);font-size:14px;font-weight:900}.story-proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d8e2f8}.story-proof-strip article{display:flex;min-height:146px;padding:26px 22px;flex-direction:column;justify-content:space-between;background:#fff}.story-proof-strip b{color:var(--blue);font-size:clamp(32px,4vw,56px);line-height:1;font-weight:900;letter-spacing:-.065em}.story-proof-strip span{max-width:15ch;color:var(--muted);font-size:14px;font-weight:800;line-height:1.45}.story-journey{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(42px,9vw,150px);align-items:start;padding-top:clamp(76px,10vw,138px);padding-bottom:clamp(76px,10vw,138px);background:#f4f7ff}.story-section-heading h2{color:var(--blue)}.story-section-heading>p:last-child{max-width:39em;margin:22px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.story-timeline{display:grid;gap:0;margin:6px 0 0;padding:0;list-style:none}.story-timeline li{position:relative;display:grid;grid-template-columns:105px 1fr;gap:24px;padding:0 0 42px}.story-timeline li:not(:last-child):before{content:'';position:absolute;top:44px;bottom:0;left:51px;width:2px;background:#b6c8ef}.story-timeline b{position:relative;z-index:1;display:grid;place-items:center;width:102px;height:44px;background:var(--yellow);color:var(--blue);font-size:21px;font-weight:900}.story-timeline h3{margin:3px 0 9px;color:var(--ink);font-size:clamp(22px,2.5vw,30px);line-height:1.2}.story-timeline p{max-width:34em;margin:0;color:var(--muted);font-size:16px;line-height:1.65}.story-strength{padding-top:clamp(76px,10vw,132px);padding-bottom:clamp(76px,10vw,132px);background:#06184f;color:#fff}.story-strength .eyebrow{color:var(--yellow)}.story-strength .story-section-heading h2{color:#fff}.story-strength .story-section-heading>p:last-child{color:#dce6ff}.story-strength-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:52px}.story-strength-grid article{min-height:350px;padding:clamp(24px,3vw,36px);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07)}.story-strength-grid span{color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.15em}.story-strength-grid h3{margin:42px 0 14px;color:#fff;font-size:clamp(26px,2.7vw,37px);line-height:1.15}.story-strength-grid p{margin:0;color:#dce6ff;font-size:15px;line-height:1.68}.story-strength-grid a{display:inline-flex;margin-top:24px;color:var(--yellow);font-weight:900;text-decoration:none}.story-strength-results{background:linear-gradient(145deg,#0b389d,#1456cc)!important}.story-strength-results h3{margin-top:28px;font-size:27px}.story-strength-results dl{display:grid;gap:0;margin:22px 0 17px}.story-strength-results dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.23)}.story-strength-results dt{color:#ffe781;font-weight:900}.story-strength-results dd{margin:0;color:#fff;font-size:14px;font-weight:800}.story-strength-results>p{font-weight:800}.story-programmes{padding-top:clamp(76px,10vw,132px);padding-bottom:clamp(76px,10vw,132px);background:var(--paper)}.story-programme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.story-programme-grid article{min-height:260px;padding:26px;border-top:5px solid var(--yellow);background:#f3f6ff}.story-programme-grid b{color:#c68e08;font-size:15px;letter-spacing:.12em}.story-programme-grid h3{margin:46px 0 10px;color:var(--blue);font-size:26px}.story-programme-grid p{margin:0;color:var(--muted);font-size:15px;line-height:1.64}.story-programme-link{display:inline-flex;align-items:center;gap:12px;margin-top:32px;color:var(--blue);font-size:18px;font-weight:900;text-decoration:none}.story-programme-link span{font-size:25px}.story-methods{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(38px,7vw,105px);align-items:center;padding-top:clamp(76px,10vw,132px);padding-bottom:clamp(76px,10vw,132px);background:#f3f6ff}.story-methods h2{color:var(--blue);font-size:clamp(34px,4vw,58px)}.story-methods-copy>p:not(.eyebrow){max-width:37em;margin:24px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.story-methods-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.story-methods-cards article{overflow:hidden;background:#fff;box-shadow:0 16px 34px rgba(7,31,110,.1)}.story-methods-cards img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff}.story-methods-cards article>div{padding:20px}.story-methods-cards span{color:#c68e08;font-size:13px;font-weight:900;letter-spacing:.12em}.story-methods-cards h3{margin:14px 0 8px;color:var(--blue);font-size:23px}.story-methods-cards p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.story-final-cta{padding-top:clamp(58px,8vw,105px);padding-bottom:clamp(58px,8vw,105px);background:var(--paper)}.story-final-cta>div{max-width:1080px;margin:auto;padding:clamp(34px,6vw,76px);background:linear-gradient(120deg,#06184f,#0c3ea8);color:#fff}.story-final-cta .eyebrow{color:var(--yellow)}.story-final-cta h2{color:#fff}.story-final-cta>div>p:not(.eyebrow){max-width:43em;margin:20px 0 30px;color:#dce6ff;font-size:17px}.story-final-cta .button{min-width:240px}
@media(max-width:940px){.story-culture-wall,.story-journey,.story-methods{grid-template-columns:1fr}.story-culture-wall{gap:48px}.story-culture-board{max-width:690px}.story-strength-grid{grid-template-columns:1fr 1fr}.story-strength-results{grid-column:1/-1;min-height:auto}.story-programme-grid{grid-template-columns:1fr 1fr}.story-methods-cards{max-width:690px}.story-proof-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.story-culture-wall,.story-proof-strip,.story-journey,.story-strength,.story-programmes,.story-methods,.story-final-cta{padding-inline:20px}.story-culture-wall{padding-block:58px;gap:38px}.story-culture-copy h1,.story-section-heading h2{font-size:clamp(32px,9.5vw,39px);line-height:1.15}.story-culture-copy h1 span,.story-culture-copy h1 em{white-space:nowrap}.story-culture-board{min-height:330px;padding:25px;box-shadow:9px 9px 0 var(--yellow)}.story-year strong{font-size:91px}.story-proof-strip article{min-height:126px;padding:21px 18px}.story-proof-strip b{font-size:34px}.story-proof-strip span{font-size:12px}.story-journey,.story-strength,.story-programmes,.story-methods{padding-block:64px}.story-timeline{margin-top:34px}.story-timeline li{grid-template-columns:76px 1fr;gap:17px;padding-bottom:32px}.story-timeline li:not(:last-child):before{left:37px;top:40px}.story-timeline b{width:75px;height:40px;font-size:16px}.story-timeline h3{font-size:22px}.story-timeline p,.story-section-heading>p:last-child{font-size:15px}.story-strength-grid{grid-template-columns:1fr;margin-top:36px}.story-strength-results{grid-column:auto}.story-strength-grid article{min-height:0}.story-strength-grid h3{margin-top:27px}.story-programme-grid{grid-template-columns:1fr 1fr;margin-top:34px;gap:10px}.story-programme-grid article{min-height:205px;padding:20px}.story-programme-grid h3{margin-top:29px;font-size:22px}.story-programme-grid p{font-size:13px}.story-methods h2{font-size:clamp(30px,9vw,38px)}.story-methods-cards{grid-template-columns:1fr 1fr;gap:10px}.story-methods-cards article>div{padding:15px}.story-methods-cards h3{font-size:19px}.story-methods-cards p{font-size:12px}.story-final-cta{padding-block:48px}.story-final-cta>div{padding:34px 24px}.story-final-cta h2{font-size:clamp(31px,9vw,39px)}.story-final-cta .button{width:100%;min-width:0}}

/* Story page — a time device, not a static culture-wall card. */
.story-culture-board{position:relative;isolation:isolate;display:flex;min-height:440px;padding:clamp(25px,4vw,48px);flex-direction:column;justify-content:space-between;overflow:hidden;border:0;background:#071742;box-shadow:none;color:#fff}.story-culture-board:before,.story-culture-board:after{content:'';position:absolute;z-index:-1;pointer-events:none}.story-culture-board:before{inset:-40% -30% auto auto;width:118%;aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 36px rgba(255,255,255,.035),0 0 0 72px rgba(255,255,255,.028),0 0 0 108px rgba(255,255,255,.02)}.story-culture-board:after{right:-12%;bottom:-39%;width:76%;aspect-ratio:1;border:18px solid rgba(255,210,28,.94);border-radius:50%;filter:drop-shadow(0 0 24px rgba(255,210,28,.22))}.story-year-header{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#ffe781;font-size:11px;font-weight:900;letter-spacing:.16em}.story-year-stage{display:grid;grid-template-columns:auto minmax(40px,1fr) auto;gap:clamp(12px,2vw,24px);align-items:center;margin-top:auto;margin-bottom:14px}.story-year-start{color:#bfcdf1;font-size:clamp(16px,2vw,24px);font-weight:900;letter-spacing:-.04em}.story-year-line{height:2px;background:rgba(255,255,255,.3);overflow:hidden}.story-year-line i{display:block;width:100%;height:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left}.story-year-counter{color:var(--yellow);font-size:clamp(76px,9.2vw,130px);font-weight:900;line-height:.78;letter-spacing:-.1em;text-shadow:0 5px 0 rgba(0,0,0,.08)}.story-year-caption{max-width:31ch;margin:0 0 auto;color:#e7edff;font-size:clamp(14px,1.45vw,17px);font-weight:700;line-height:1.6}.story-year-milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:31px;padding-top:15px;border-top:1px solid rgba(255,255,255,.28)}.story-year-milestones span{display:flex;flex-direction:column;gap:5px;color:#f3f6ff;font-size:11px;font-weight:800;line-height:1.35;opacity:0;transform:translateY(10px)}.story-year-milestones b{color:#ffe781;font-size:13px;letter-spacing:.03em}.story-culture-board.is-complete .story-year-line i{animation:story-year-line-grow .58s .1s cubic-bezier(.22,.8,.22,1) forwards}.story-culture-board.is-complete .story-year-milestones span{animation:story-year-milestone-in .45s cubic-bezier(.22,.8,.22,1) forwards}.story-culture-board.is-complete .story-year-milestones span:nth-child(1){animation-delay:.24s}.story-culture-board.is-complete .story-year-milestones span:nth-child(2){animation-delay:.34s}.story-culture-board.is-complete .story-year-milestones span:nth-child(3){animation-delay:.44s}.story-culture-board.is-complete .story-year-milestones span:nth-child(4){animation-delay:.54s}@keyframes story-year-line-grow{to{transform:scaleX(1)}}@keyframes story-year-milestone-in{to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.story-culture-board{min-height:360px;padding:25px;box-shadow:none}.story-year-header{font-size:9px;letter-spacing:.1em}.story-year-stage{gap:12px;margin-bottom:13px}.story-year-counter{font-size:82px}.story-year-start{font-size:16px}.story-year-caption{font-size:14px}.story-year-milestones{grid-template-columns:repeat(2,1fr);gap:12px 20px;margin-top:25px;padding-top:13px}.story-year-milestones span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.story-year-line i{transform:scaleX(1)}.story-year-milestones span{opacity:1;transform:none}}

/* Story journey — every branch milestone is paired with its real facade. */
.story-timeline figure{position:relative;margin:22px 0 0;overflow:hidden;background:#dce3f4}.story-timeline figure img{display:block;width:100%;height:auto}.story-timeline figcaption{position:absolute;right:0;bottom:0;padding:8px 12px;background:var(--yellow);color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.04em}.story-timeline figure{box-shadow:0 12px 24px rgba(7,31,110,.1)}
@media(max-width:600px){.story-timeline figure{margin-top:17px}.story-timeline figcaption{padding:6px 9px;font-size:11px}}

/* Scroll-led branch story: the years act as anchors, not as separate cards. */
.story-journey{display:block;background:linear-gradient(180deg,#f3f6ff 0%,#fffdf7 100%)}.story-journey>.story-section-heading{max-width:690px}.story-timeline{position:relative;display:grid;gap:0;max-width:1240px;margin:68px auto 0}.story-timeline:before{content:'';position:absolute;top:35px;bottom:45px;left:76px;width:1px;background:linear-gradient(180deg,var(--yellow),#bfd0f2 82%,transparent)}.story-timeline li{position:relative;display:grid;grid-template-columns:154px minmax(340px,1.35fr) minmax(260px,.85fr);gap:clamp(23px,3vw,50px);align-items:center;padding:0 0 72px}.story-timeline li:not(:last-child):before{display:none}.story-timeline-marker{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.story-timeline-marker b{display:block;width:auto;height:auto;padding:0;background:transparent;color:var(--blue);font-size:clamp(40px,4.2vw,64px);font-weight:900;line-height:.85;letter-spacing:-.09em}.story-timeline-marker span{display:grid;place-items:center;width:37px;height:24px;background:var(--yellow);color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.1em}.story-timeline figure{position:relative;z-index:1;margin:0;overflow:hidden;background:#dce3f4;box-shadow:none}.story-timeline figure:after{content:'';position:absolute;inset:0;background:var(--blue);transform:scaleX(1);transform-origin:right;transition:transform .76s cubic-bezier(.22,.8,.22,1)}.story-timeline figure img{display:block;width:100%;height:auto;transform:scale(1.07);transition:transform 1.1s cubic-bezier(.22,.8,.22,1)}.story-timeline figcaption{position:absolute;z-index:2;right:0;bottom:0;padding:8px 12px;background:var(--yellow);color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.04em}.story-timeline-detail{position:relative;padding:22px 0 22px 25px;border-left:2px solid var(--yellow)}.story-timeline-label{margin:0 0 14px!important;color:#3159ad!important;font-size:11px!important;font-weight:900!important;letter-spacing:.16em}.story-timeline .story-timeline-detail h3{margin:0 0 12px;color:var(--ink);font-size:clamp(24px,2.5vw,34px);line-height:1.17}.story-timeline .story-timeline-detail>p:last-child{max-width:24ch;margin:0;color:var(--muted);font-size:16px;line-height:1.68}.story-timeline li .story-timeline-marker,.story-timeline li .story-timeline-detail{opacity:0;transform:translateY(25px);transition:opacity .55s cubic-bezier(.22,.8,.22,1),transform .55s cubic-bezier(.22,.8,.22,1)}.story-timeline li .story-timeline-detail{transition-delay:.14s}.story-timeline li.is-in-view .story-timeline-marker,.story-timeline li.is-in-view .story-timeline-detail{opacity:1;transform:translateY(0)}.story-timeline li.is-in-view figure:after{transform:scaleX(0)}.story-timeline li.is-in-view figure img{transform:scale(1)}
@media(max-width:940px){.story-timeline{max-width:690px}.story-timeline:before{left:61px}.story-timeline li{grid-template-columns:124px 1fr;gap:22px}.story-timeline figure{grid-column:2}.story-timeline-detail{grid-column:2;grid-row:1;padding-top:0}.story-timeline li{padding-bottom:55px}.story-timeline-marker b{font-size:48px}}
@media(max-width:600px){.story-timeline{margin-top:42px;gap:0}.story-timeline:before{left:35px;top:25px;bottom:35px}.story-timeline li{grid-template-columns:73px minmax(0,1fr);gap:15px;padding-bottom:46px}.story-timeline-marker{gap:7px}.story-timeline-marker b{font-size:32px}.story-timeline-marker span{width:29px;height:20px;font-size:9px}.story-timeline figure{grid-column:2;margin:0}.story-timeline-detail{grid-column:2;grid-row:auto;padding:15px 0 0 16px;border-left-width:2px}.story-timeline .story-timeline-detail h3{font-size:22px}.story-timeline .story-timeline-detail>p:last-child{font-size:14px}.story-timeline-label{margin-bottom:8px!important;font-size:9px!important}.story-timeline figcaption{padding:6px 8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.story-timeline li .story-timeline-marker,.story-timeline li .story-timeline-detail{opacity:1;transform:none}.story-timeline figure:after{display:none}.story-timeline figure img{transform:none}}

/* Whole-page story motion system: one calm visual language from history to action. */
.story-page{background:var(--paper)}.story-culture-wall{position:relative;overflow:hidden;min-height:min(720px,calc(100vh - 82px));isolation:isolate}.story-culture-wall:before{content:'';position:absolute;z-index:-1;top:10%;left:44%;width:52vw;height:52vw;border:1px solid rgba(6,43,154,.08);border-radius:50%;box-shadow:0 0 0 42px rgba(6,43,154,.03),0 0 0 84px rgba(6,43,154,.018);pointer-events:none}.story-culture-copy{position:relative}.story-culture-copy:after{content:'MYGURU';position:absolute;z-index:-1;top:-.72em;left:-.08em;color:rgba(6,43,154,.038);font-size:clamp(76px,13vw,188px);font-weight:900;line-height:1;letter-spacing:-.12em;pointer-events:none}.story-culture-copy .eyebrow,.story-culture-copy .story-culture-kicker,.story-culture-copy h1,.story-culture-copy>p:not(.eyebrow):not(.story-culture-kicker),.story-culture-copy .button{animation:story-hero-rise .7s both}.story-culture-copy .story-culture-kicker{animation-delay:.08s}.story-culture-copy h1{animation-delay:.16s}.story-culture-copy>p:not(.eyebrow):not(.story-culture-kicker){animation-delay:.25s}.story-culture-copy .button{animation-delay:.34s}.story-culture-board{animation:story-board-arrive .9s .12s both}.story-proof-strip{position:relative;overflow:hidden}.story-proof-strip:before{content:'MYGURU EDUCATION · QUALITY FIRST · SINCE 2007 · ';position:absolute;top:8px;left:-7px;z-index:2;white-space:nowrap;color:rgba(6,43,154,.12);font-size:10px;font-weight:900;letter-spacing:.2em;pointer-events:none}.story-proof-strip article{position:relative;overflow:hidden;transition:background .35s ease,transform .35s ease}.story-proof-strip article:after{content:'';position:absolute;right:-20px;bottom:-20px;width:68px;height:68px;border:10px solid rgba(255,210,28,.28);border-radius:50%;transition:transform .35s ease}.story-proof-strip article:hover{z-index:1;background:#fffdf7;transform:translateY(-7px)}.story-proof-strip article:hover:after{transform:scale(1.35)}.story-strength{position:relative;overflow:hidden}.story-strength:before{content:'QUALITY';position:absolute;right:-.08em;bottom:-.29em;color:rgba(255,255,255,.035);font-size:clamp(130px,20vw,330px);font-weight:900;line-height:1;letter-spacing:-.12em;pointer-events:none}.story-strength .story-section-heading{position:relative}.story-strength-grid{position:relative}.story-strength-grid article{position:relative;overflow:hidden;transition:border-color .35s ease,transform .35s ease,background .35s ease}.story-strength-grid article:before{content:'';position:absolute;inset:auto -18% -45% auto;width:170px;height:170px;border:1px solid rgba(255,210,28,.42);border-radius:50%;opacity:0;transition:opacity .35s ease,transform .35s ease}.story-strength-grid article:hover{border-color:rgba(255,210,28,.7);background:rgba(255,255,255,.12);transform:translateY(-9px)}.story-strength-grid article:hover:before{opacity:1;transform:scale(1.18)}.story-programmes{position:relative;overflow:hidden}.story-programmes:before{content:'';position:absolute;top:0;right:clamp(24px,7vw,110px);width:1px;height:100%;background:linear-gradient(transparent,#dce3f4 12%,#dce3f4 88%,transparent)}.story-programme-grid{position:relative}.story-programme-grid article{position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.story-programme-grid article:after{content:'';position:absolute;inset:auto 0 0;height:5px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.story-programme-grid article:hover{transform:translateY(-9px);box-shadow:0 18px 30px rgba(7,31,110,.12)}.story-programme-grid article:hover:after{transform:scaleX(1)}.story-programme-grid article b{display:inline-flex;align-items:center;justify-content:center;width:38px;height:26px;background:var(--yellow);color:var(--blue);font-size:12px}.story-methods{position:relative;overflow:hidden}.story-methods:before{content:'METHOD';position:absolute;top:7%;right:-.05em;color:rgba(6,43,154,.045);font-size:clamp(110px,17vw,280px);font-weight:900;letter-spacing:-.1em;pointer-events:none}.story-methods-copy,.story-methods-cards{position:relative}.story-methods-cards article{transition:transform .4s cubic-bezier(.22,.8,.22,1),box-shadow .4s ease}.story-methods-cards article:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:0 25px 42px rgba(7,31,110,.18)}.story-methods-cards article:nth-child(2):hover{transform:translateY(-10px) rotate(1deg)}.story-final-cta{position:relative;overflow:hidden}.story-final-cta>div{position:relative;overflow:hidden}.story-final-cta>div:before{content:'';position:absolute;right:-9%;bottom:-64%;width:56%;aspect-ratio:1;border:22px solid rgba(255,210,28,.85);border-radius:50%;pointer-events:none}.story-final-cta>div:after{content:'2007 — 2026';position:absolute;right:clamp(22px,5vw,60px);top:clamp(22px,5vw,52px);color:rgba(255,255,255,.24);font-size:12px;font-weight:900;letter-spacing:.16em}.story-final-cta>div>*{position:relative;z-index:1}.story-final-cta .button{transition:transform .3s ease,box-shadow .3s ease}.story-final-cta .button:hover{transform:translateY(-4px);box-shadow:0 12px 0 rgba(198,142,8,.8)}body.story-motion-ready .story-proof-strip article,body.story-motion-ready .story-strength-grid article,body.story-motion-ready .story-programme-grid article,body.story-motion-ready .story-methods-copy,body.story-motion-ready .story-methods-cards article,body.story-motion-ready .story-final-cta>div{opacity:0;transform:translateY(28px);transition:opacity .65s var(--story-reveal-delay,0ms) cubic-bezier(.22,.8,.22,1),transform .65s var(--story-reveal-delay,0ms) cubic-bezier(.22,.8,.22,1)}body.story-motion-ready .story-proof-strip article.is-visible,body.story-motion-ready .story-strength-grid article.is-visible,body.story-motion-ready .story-programme-grid article.is-visible,body.story-motion-ready .story-methods-copy.is-visible,body.story-motion-ready .story-methods-cards article.is-visible,body.story-motion-ready .story-final-cta>div.is-visible{opacity:1;transform:translateY(0)}@keyframes story-hero-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes story-board-arrive{from{opacity:0;transform:translate3d(30px,22px,0) scale(.96)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@media(max-width:940px){.story-culture-wall{min-height:0}.story-culture-wall:before{left:25%;width:85vw;height:85vw}.story-programmes:before{right:24px}.story-final-cta>div:after{display:none}}
@media(max-width:600px){.story-culture-wall:before{top:21%;left:18%;width:120vw;height:120vw}.story-culture-copy:after{top:-.35em;font-size:86px}.story-proof-strip:before{top:5px;font-size:8px}.story-proof-strip article:hover,.story-strength-grid article:hover,.story-programme-grid article:hover,.story-methods-cards article:hover{transform:none}.story-programmes:before{display:none}.story-methods:before{top:2%;font-size:91px}.story-final-cta>div:before{right:-27%;bottom:-54%;width:96%}}
@media(prefers-reduced-motion:reduce){.story-culture-copy .eyebrow,.story-culture-copy .story-culture-kicker,.story-culture-copy h1,.story-culture-copy>p:not(.eyebrow):not(.story-culture-kicker),.story-culture-copy .button,.story-culture-board{animation:none}.story-proof-strip article,.story-strength-grid article,.story-programme-grid article,.story-methods-copy,.story-methods-cards article,.story-final-cta>div{transition:none!important}}

/* Story page — simplified final direction: spacious, quiet, with only three purposeful motions. */
.story-page .story-culture-wall{min-height:0;overflow:visible}.story-page .story-culture-wall:before,.story-page .story-culture-copy:after,.story-page .story-proof-strip:before,.story-page .story-strength:before,.story-page .story-programmes:before,.story-page .story-methods:before,.story-page .story-final-cta>div:before,.story-page .story-final-cta>div:after{display:none}.story-page .story-culture-copy .eyebrow,.story-page .story-culture-copy .story-culture-kicker,.story-page .story-culture-copy h1,.story-page .story-culture-copy>p:not(.eyebrow):not(.story-culture-kicker),.story-page .story-culture-copy .button{animation:none}.story-page .story-culture-board{animation:none}.story-page .story-proof-strip article,.story-page .story-strength-grid article,.story-page .story-programme-grid article,.story-page .story-methods-cards article{transition:none}.story-page .story-proof-strip article:hover,.story-page .story-strength-grid article:hover,.story-page .story-programme-grid article:hover,.story-page .story-methods-cards article:hover{background:inherit;box-shadow:none;transform:none}.story-page .story-proof-strip article:after,.story-page .story-strength-grid article:before,.story-page .story-programme-grid article:after{display:none}.story-page .story-journey{background:#fffdf7}.story-page .story-journey>.story-section-heading{max-width:640px}.story-page .story-timeline{margin-top:54px}.story-page .story-timeline:before{background:#dce3f4}.story-page .story-timeline-marker span{background:#fffdf7;border:1px solid var(--yellow)}.story-page .story-timeline figure{background:#f3f6ff}.story-page .story-timeline-detail{border-left-color:#dce3f4}.story-page .story-timeline figure:after{background:#f3f6ff}.story-page .story-strength-grid article{background:rgba(255,255,255,.055)}.story-page .story-strength-grid article:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.055)}.story-page .story-programme-grid article{background:#f3f6ff}.story-page .story-methods-cards article:hover{transform:none;box-shadow:0 16px 34px rgba(7,31,110,.1)}.story-page .story-final-cta>div{background:#06184f}.story-page .story-final-cta .button{transition:background .2s ease}.story-page .story-final-cta .button:hover{transform:none;box-shadow:none}
/* The only repeated motion after the year counter: content fades up once, and branch photos wipe in. */
body.story-motion-ready .story-proof-strip article,body.story-motion-ready .story-strength-grid article,body.story-motion-ready .story-programme-grid article,body.story-motion-ready .story-methods-copy,body.story-motion-ready .story-methods-cards article,body.story-motion-ready .story-final-cta>div{transform:translateY(16px);transition-duration:.48s}.story-page .story-timeline li .story-timeline-marker,.story-page .story-timeline li .story-timeline-detail{transform:translateY(16px);transition-duration:.48s}.story-page .story-timeline figure:after{transition-duration:.55s}
@media(max-width:600px){.story-page .story-culture-wall{min-height:0}.story-page .story-timeline{margin-top:38px}.story-page .story-timeline-detail{border-left-color:#dce3f4}}

/* Story v2 — a full redesign: clean editorial layout with restrained scroll motion. */
.story-v2>section{display:none}.story-v2-layout{--sv-side:clamp(24px,8vw,132px);background:#fffdf7;color:#071742}.sv-hero,.sv-belief,.sv-journey,.sv-results,.sv-system,.sv-method,.sv-cta{padding-inline:var(--sv-side)}.sv-eyebrow{margin:0;color:#3159ad;font-size:12px;font-weight:900;letter-spacing:.16em}.sv-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:clamp(42px,8vw,150px);align-items:center;min-height:calc(100vh - 82px);padding-top:70px;padding-bottom:70px;background:#071742;color:#fff}.sv-hero-copy{max-width:610px}.sv-hero .sv-eyebrow{color:#ffe781}.sv-hero h1,.sv-belief h2,.sv-section-heading h2,.sv-results h2,.sv-method h2,.sv-cta h2{margin:20px 0 0;font-size:clamp(48px,6.2vw,96px);font-weight:900;line-height:.98;letter-spacing:-.075em}.sv-hero h1 em{color:#ffd21c;font-style:normal}.sv-hero-copy>p:not(.sv-eyebrow){max-width:37em;margin:29px 0 34px;color:#dce6ff;font-size:clamp(16px,1.4vw,19px);line-height:1.75}.sv-year-board{position:relative;min-height:405px;padding:clamp(25px,4vw,48px);overflow:hidden;border:1px solid rgba(255,255,255,.24);background:linear-gradient(135deg,#102d78,#062b9a);isolation:isolate}.sv-year-board:before{content:'';position:absolute;z-index:-1;right:-19%;bottom:-49%;width:85%;aspect-ratio:1;border:14px solid #ffd21c;border-radius:50%;opacity:.92}.sv-year-meta{display:flex;justify-content:space-between;gap:16px;color:#ffe781;font-size:11px;font-weight:900;letter-spacing:.14em}.sv-year-stage{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-top:clamp(94px,11vw,132px)}.sv-year-stage>span{color:#c7d5ff;font-size:20px;font-weight:900}.sv-year-stage>i{height:2px;background:#ffd21c;transform:scaleX(0);transform-origin:left}.sv-year-stage strong{color:#ffd21c;font-size:clamp(82px,10vw,154px);font-weight:900;line-height:.72;letter-spacing:-.11em}.sv-year-board>p{position:absolute;bottom:36px;left:clamp(25px,4vw,48px);margin:0;color:#fff;font-size:15px;font-weight:800;line-height:1.55}.sv-year-board.is-complete .sv-year-stage>i{animation:sv-year-line .6s .1s cubic-bezier(.22,.8,.22,1) forwards}@keyframes sv-year-line{to{transform:scaleX(1)}}.sv-belief{padding-top:clamp(86px,11vw,158px);padding-bottom:clamp(86px,11vw,158px);background:#fffdf7}.sv-belief h2{max-width:900px;color:#062b9a;font-size:clamp(42px,5.4vw,78px)}.sv-belief>p:last-child{max-width:650px;margin:28px 0 0;color:#5d6887;font-size:18px;line-height:1.75}.sv-journey{padding-top:clamp(82px,10vw,140px);padding-bottom:clamp(82px,10vw,140px);background:#f3f6ff}.sv-section-heading{max-width:640px}.sv-section-heading h2{color:#062b9a;font-size:clamp(40px,5vw,72px)}.sv-branch-list{display:grid;gap:0;max-width:1240px;margin:70px auto 0;padding:0;list-style:none}.sv-branch-list li{display:grid;grid-template-columns:128px minmax(350px,1.32fr) minmax(230px,.78fr);gap:clamp(24px,4vw,60px);align-items:center;padding:0 0 72px}.sv-branch-year{color:#062b9a;font-size:clamp(42px,4.5vw,68px);font-weight:900;line-height:.9;letter-spacing:-.09em}.sv-branch-list figure{position:relative;margin:0;overflow:hidden;background:#dce3f4}.sv-branch-list figure:after{content:'';position:absolute;inset:0;background:#062b9a;transform:scaleX(1);transform-origin:right;transition:transform .62s cubic-bezier(.22,.8,.22,1)}.sv-branch-list img{display:block;width:100%;height:auto}.sv-branch-list .sv-kicker{margin:0 0 12px;color:#3159ad;font-size:11px;font-weight:900;letter-spacing:.14em}.sv-branch-list h3{margin:0;color:#071742;font-size:clamp(25px,2.4vw,35px);line-height:1.15}.sv-branch-list li>div:last-child>p:last-child{margin:16px 0 0;color:#5d6887;font-size:16px;line-height:1.7}.sv-results{display:grid;grid-template-columns:minmax(0,.85fr) minmax(370px,1.15fr);gap:clamp(42px,9vw,160px);align-items:start;padding-top:clamp(82px,10vw,140px);padding-bottom:clamp(82px,10vw,140px);background:#071742;color:#fff}.sv-results .sv-eyebrow{color:#ffd21c}.sv-results h2{font-size:clamp(40px,5vw,72px)}.sv-results-intro>p:last-child{max-width:34em;margin:24px 0 0;color:#dce6ff;font-size:17px;line-height:1.72}.sv-results-list{border-top:1px solid rgba(255,255,255,.35)}.sv-result-row{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:baseline;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.28)}.sv-result-row b{color:#ffd21c;font-size:clamp(40px,4vw,64px);line-height:.9;letter-spacing:-.08em}.sv-result-row span{color:#fff;font-size:clamp(16px,1.65vw,21px);font-weight:800}.sv-results-note{grid-column:2;margin:4px 0 0;color:#dce6ff;font-size:14px;font-weight:800}.sv-system{padding-top:clamp(82px,10vw,140px);padding-bottom:clamp(82px,10vw,140px);background:#fffdf7}.sv-system-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;border-top:1px solid #dce3f4;border-left:1px solid #dce3f4}.sv-programme-item{min-height:240px;padding:27px;border-right:1px solid #dce3f4;border-bottom:1px solid #dce3f4}.sv-programme-item b{color:#c68e08;font-size:12px;letter-spacing:.14em}.sv-programme-item h3{margin:52px 0 12px;color:#062b9a;font-size:27px}.sv-programme-item p{margin:0;color:#5d6887;font-size:15px;line-height:1.65}.sv-method{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;padding:0;background:#dce3f4}.sv-method-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#f3f6ff}.sv-method-card:nth-child(2){background:#fffdf7}.sv-method-card img{width:100%;height:100%;min-height:370px;object-fit:contain;background:#fff}.sv-method-card>div{padding:clamp(28px,5vw,72px)}.sv-method-card h2{color:#062b9a;font-size:clamp(33px,3.8vw,54px)}.sv-method-card>div>p:last-child{margin:22px 0 0;color:#5d6887;font-size:16px;line-height:1.72}.sv-cta{padding-top:clamp(78px,10vw,138px);padding-bottom:clamp(78px,10vw,138px);background:#fffdf7}.sv-cta-inner{max-width:1060px;margin:auto;padding:clamp(34px,6vw,80px);background:#062b9a;color:#fff}.sv-cta .sv-eyebrow{color:#ffd21c}.sv-cta h2{font-size:clamp(39px,5.4vw,72px)}.sv-cta-inner>p:not(.sv-eyebrow){margin:24px 0 30px;color:#dce6ff;font-size:17px}.sv-cta .button{min-width:244px}.story-v2-layout .sv-branch-list li{opacity:1;transform:none}.story-v2-layout .sv-branch-list li.is-in-view figure:after{transform:scaleX(0)}body.story-motion-ready .story-v2-layout .sv-reveal{opacity:0;transform:translateY(18px);transition:opacity .52s var(--story-reveal-delay,0ms) ease,transform .52s var(--story-reveal-delay,0ms) ease}body.story-motion-ready .story-v2-layout .sv-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:940px){.sv-hero{grid-template-columns:1fr;min-height:0;padding-top:86px}.sv-year-board{max-width:690px}.sv-results{grid-template-columns:1fr;gap:52px}.sv-results-note{grid-column:auto}.sv-system-list{grid-template-columns:repeat(2,1fr)}.sv-method{grid-template-columns:1fr}.sv-method-card{grid-template-columns:minmax(230px,.78fr) 1fr}.sv-method-card img{min-height:300px}.sv-branch-list{max-width:690px}.sv-branch-list li{grid-template-columns:100px 1fr;gap:22px}.sv-branch-list figure,.sv-branch-list li>div:last-child{grid-column:2}.sv-branch-list li>div:last-child{grid-row:1;padding-bottom:18px}.sv-branch-list figure{grid-row:2}.sv-branch-list li{padding-bottom:52px}}
@media(max-width:600px){.story-v2-layout{--sv-side:20px}.sv-hero{padding-top:58px;padding-bottom:58px;gap:38px}.sv-hero h1{font-size:clamp(45px,13vw,56px)}.sv-year-board{min-height:335px;padding:24px}.sv-year-meta{font-size:9px}.sv-year-stage{gap:11px;margin-top:95px}.sv-year-stage>span{font-size:16px}.sv-year-stage strong{font-size:77px}.sv-year-board>p{bottom:25px;left:24px;font-size:13px}.sv-belief,.sv-journey,.sv-results,.sv-system{padding-top:65px;padding-bottom:65px}.sv-belief h2,.sv-section-heading h2,.sv-results h2{font-size:clamp(34px,10vw,42px)}.sv-belief>p:last-child{font-size:16px}.sv-branch-list{margin-top:42px}.sv-branch-list li{grid-template-columns:1fr;gap:15px;padding-bottom:42px}.sv-branch-year{font-size:40px}.sv-branch-list figure,.sv-branch-list li>div:last-child{grid-column:auto;grid-row:auto}.sv-branch-list li>div:last-child{padding-bottom:0}.sv-branch-list h3{font-size:25px}.sv-branch-list li>div:last-child>p:last-child{margin-top:11px;font-size:15px}.sv-results{gap:38px}.sv-result-row{grid-template-columns:80px 1fr;padding:16px 0}.sv-result-row b{font-size:42px}.sv-result-row span{font-size:15px}.sv-system-list{grid-template-columns:1fr 1fr;margin-top:35px}.sv-programme-item{min-height:190px;padding:19px}.sv-programme-item h3{margin-top:33px;font-size:22px}.sv-programme-item p{font-size:13px}.sv-method-card{grid-template-columns:1fr}.sv-method-card img{min-height:0;max-height:330px}.sv-method-card>div{padding:35px 24px}.sv-method-card h2{font-size:34px}.sv-cta{padding-top:50px;padding-bottom:50px}.sv-cta-inner{padding:35px 24px}.sv-cta h2{font-size:40px}.sv-cta .button{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.sv-year-stage>i{transform:scaleX(1)}.sv-branch-list figure:after{display:none}.story-v2-layout .sv-reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* Year panel — one complete circle only. */
/* Liquid effect stays inside the single circle, so the year remains easy to read. */
/* Whole-story liquid system: fluid shapes are background atmosphere, never the reading surface. */
.sv-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#071742 0%,#071742 52%,#0c358e 100%)}.sv-hero:before,.sv-hero:after{content:'';position:absolute;z-index:-1;display:block;border-radius:46% 54% 60% 40% / 43% 37% 63% 57%;filter:blur(8px);opacity:.3;pointer-events:none}.sv-hero:before{top:-24%;right:18%;width:48vw;height:48vw;background:#275cc8;animation:sv-liquid-drift 14s ease-in-out infinite}.sv-hero:after{left:-11%;bottom:-38%;width:37vw;height:37vw;background:#0b55be;animation:sv-liquid-morph 13s ease-in-out infinite}.sv-hero-copy,.sv-year-board{position:relative;z-index:2}.sv-mascot{position:absolute;z-index:4;right:clamp(22px,4vw,68px);bottom:22px;width:clamp(98px,10vw,150px);height:auto;filter:drop-shadow(0 12px 14px rgba(0,0,0,.28));animation:sv-mascot-float 4.8s ease-in-out infinite;pointer-events:none}.sv-belief{position:relative;isolation:isolate;overflow:hidden}.sv-belief:after{content:'';position:absolute;z-index:-1;right:-8%;bottom:-82%;width:55vw;height:55vw;border-radius:43% 57% 39% 61% / 58% 42% 58% 42%;background:#dce9ff;opacity:.7;animation:sv-liquid-morph 16s ease-in-out infinite}.sv-journey{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(160deg,#edf3ff,#f8faff 58%,#fffdf7)}.sv-journey:before{content:'';position:absolute;z-index:-1;top:15%;left:-15%;width:38vw;height:38vw;border-radius:55% 45% 42% 58% / 45% 54% 46% 55%;background:#d9e8ff;opacity:.52;animation:sv-liquid-drift 17s ease-in-out infinite}.sv-branch-list li{position:relative}.sv-branch-list figure{border-radius:42% 58% 44% 56% / 48% 40% 60% 52%;box-shadow:0 18px 45px rgba(7,31,110,.12)}.sv-branch-list figure img{border-radius:inherit}.sv-branch-list figure:after{background:linear-gradient(135deg,#0c3caa,#2b6bd2)}.sv-branch-list li:nth-child(2) figure{border-radius:55% 45% 59% 41% / 39% 56% 44% 61%}.sv-branch-list li:nth-child(3) figure{border-radius:46% 54% 39% 61% / 56% 42% 58% 44%}.sv-results{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(130deg,#071742,#0d3591)}.sv-results:before,.sv-results:after{content:'';position:absolute;z-index:-1;display:block;border-radius:45% 55% 62% 38% / 48% 37% 63% 52%;pointer-events:none}.sv-results:before{top:-21%;right:-9%;width:42vw;height:42vw;background:#2454b4;opacity:.45;animation:sv-liquid-drift 15s ease-in-out infinite}.sv-results:after{bottom:-32%;left:17%;width:30vw;height:30vw;background:#1a4bad;opacity:.32;animation:sv-liquid-morph 12s ease-in-out infinite}.sv-results-intro,.sv-results-list,.sv-results-note{position:relative}.sv-result-row{position:relative;overflow:hidden}.sv-result-row:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#ffd21c;transform:scaleX(0);transform-origin:left;transition:transform .55s ease}.sv-result-row:hover:after{transform:scaleX(1)}.sv-system{position:relative;isolation:isolate;overflow:hidden;background:#fffdf7}.sv-system:before{content:'';position:absolute;z-index:-1;top:-20%;right:-12%;width:42vw;height:42vw;border-radius:39% 61% 48% 52% / 55% 43% 57% 45%;background:#eaf1ff;animation:sv-liquid-morph 17s ease-in-out infinite}.sv-programme-item{position:relative;overflow:hidden;background:rgba(255,255,255,.68)}.sv-programme-item:after{content:'';position:absolute;right:-25px;bottom:-30px;width:82px;height:82px;border-radius:50%;background:#e6efff;transition:transform .45s ease}.sv-programme-item:hover:after{transform:scale(1.75)}.sv-programme-item>*{position:relative;z-index:1}.sv-method{position:relative;isolation:isolate;overflow:hidden;background:#cfdfff}.sv-method:before{content:'';position:absolute;z-index:0;bottom:-46%;left:33%;width:36vw;height:36vw;border-radius:52% 48% 39% 61% / 42% 58% 42% 58%;background:#7fa8f0;opacity:.6;animation:sv-liquid-drift 16s ease-in-out infinite}.sv-method-card{position:relative;z-index:1;background:rgba(243,246,255,.92)}.sv-method-card:nth-child(2){background:rgba(255,253,247,.94)}.sv-cta{position:relative;isolation:isolate;overflow:hidden;background:#fffdf7}.sv-cta:before{content:'';position:absolute;z-index:-1;left:-18%;bottom:-58%;width:45vw;height:45vw;border-radius:46% 54% 61% 39% / 42% 58% 42% 58%;background:#dce9ff;animation:sv-liquid-morph 16s ease-in-out infinite}.sv-cta-inner{position:relative;overflow:hidden;border-radius:43% 57% 51% 49% / 8% 10% 12% 9%;background:linear-gradient(125deg,#082866,#123f9d)}.sv-cta-inner:after{content:'';position:absolute;right:-10%;top:-110%;width:42%;aspect-ratio:1;border-radius:52% 48% 39% 61% / 42% 58% 42% 58%;background:#2d69d3;opacity:.48;animation:sv-liquid-drift 13s ease-in-out infinite}.sv-cta-inner>*{position:relative;z-index:1}@keyframes sv-liquid-drift{0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}50%{transform:translate3d(5%,-6%,0) rotate(10deg) scale(1.1)}}@keyframes sv-liquid-morph{0%,100%{border-radius:46% 54% 61% 39% / 42% 58% 42% 58%;transform:rotate(0deg) scale(1)}50%{border-radius:61% 39% 43% 57% / 55% 42% 58% 45%;transform:rotate(-11deg) scale(1.09)}}@keyframes sv-mascot-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-11px) rotate(2deg)}}
@media(max-width:940px){.sv-hero:before{width:76vw;height:76vw}.sv-hero:after{width:58vw;height:58vw}.sv-mascot{right:28px;bottom:20px;width:112px}.sv-belief:after{width:74vw;height:74vw}.sv-results:before{width:65vw;height:65vw}.sv-system:before{width:72vw;height:72vw}.sv-method:before{width:62vw;height:62vw}}
@media(max-width:600px){.sv-hero{overflow:hidden}.sv-hero:before{top:40%;right:-28%;width:100vw;height:100vw}.sv-hero:after{display:none}.sv-mascot{position:relative;right:auto;bottom:auto;justify-self:end;width:104px;margin-top:-83px;margin-right:8px}.sv-belief:after{right:-42%;width:115vw;height:115vw}.sv-journey:before{left:-45%;width:90vw;height:90vw}.sv-branch-list figure{border-radius:28px!important}.sv-results:before{right:-35%;width:100vw;height:100vw}.sv-results:after{left:-35%;width:75vw;height:75vw}.sv-system:before{right:-47%;width:105vw;height:105vw}.sv-method:before{left:-24%;width:90vw;height:90vw}.sv-cta:before{left:-50%;width:110vw;height:110vw}.sv-cta-inner{border-radius:28px}}
@media(prefers-reduced-motion:reduce){.sv-hero:before,.sv-hero:after,.sv-belief:after,.sv-journey:before,.sv-results:before,.sv-results:after,.sv-system:before,.sv-method:before,.sv-cta:before,.sv-cta-inner:after,.sv-mascot{animation:none}.sv-mascot{transform:none}}
.sv-year-board{isolation:isolate}.sv-year-board:before{z-index:0;pointer-events:none}.sv-year-board:after{content:'';position:absolute;z-index:1;top:50%;left:50%;width:min(62%,242px);aspect-ratio:1;border-radius:42% 58% 61% 39% / 43% 37% 63% 57%;background:radial-gradient(circle at 27% 23%,rgba(143,202,255,.72) 0 7%,transparent 8%),radial-gradient(circle at 75% 70%,rgba(96,161,255,.54) 0 17%,transparent 18%),linear-gradient(145deg,rgba(108,180,255,.64),rgba(6,43,154,.08));filter:blur(5px);opacity:.46;transform:translate(-50%,-50%);animation:sv-liquid-flow 8s ease-in-out infinite;pointer-events:none}.sv-year-stage{z-index:2}.sv-year-stage strong,.sv-year-stage>span{position:relative;text-shadow:0 3px 0 rgba(7,23,66,.18)}
@keyframes sv-liquid-flow{0%,100%{border-radius:42% 58% 61% 39% / 43% 37% 63% 57%;transform:translate(-52%,-48%) rotate(0deg) scale(1)}35%{border-radius:60% 40% 38% 62% / 57% 59% 41% 43%;transform:translate(-46%,-53%) rotate(8deg) scale(1.08)}68%{border-radius:48% 52% 65% 35% / 35% 56% 44% 65%;transform:translate(-54%,-47%) rotate(-7deg) scale(.96)}}
@media(prefers-reduced-motion:reduce){.sv-year-board:after{animation:none}}
.sv-year-board{display:grid;place-items:center;min-height:405px;padding:0;border:0;background:#0d348f}.sv-year-board:before{right:auto;bottom:auto;left:50%;top:50%;width:min(72%,310px);border:8px solid #ffd21c;transform:translate(-50%,-50%);opacity:1}.sv-year-meta,.sv-year-board>p{display:none}.sv-year-stage{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;margin:0}.sv-year-stage>span{color:#dce6ff;font-size:16px;letter-spacing:.06em}.sv-year-stage>i{display:none}.sv-year-stage strong{font-size:clamp(74px,9vw,132px);line-height:.8}.sv-year-board.is-complete .sv-year-stage>i{animation:none}@media(max-width:600px){.sv-year-board{min-height:335px}.sv-year-board:before{width:min(77%,260px);border-width:7px}.sv-year-stage strong{font-size:78px}}

@media (prefers-reduced-motion:no-preference){
  .core-values .team-preview-values article.is-stat-highlighted b{position:relative;isolation:isolate;animation:myguru-stat-emphasis .72s cubic-bezier(.2,.8,.2,1) both}
  .core-values .team-preview-values article.is-stat-highlighted b:after{content:'';position:absolute;top:50%;left:50%;z-index:-1;width:88px;height:88px;border-radius:50%;background:rgba(255,210,28,.34);filter:blur(12px);animation:myguru-stat-glow .92s ease-out both;pointer-events:none}
  @keyframes myguru-stat-emphasis{0%{opacity:.2;transform:scale(.82)}65%{opacity:1;transform:scale(1.09)}100%{opacity:1;transform:scale(1)}}
  @keyframes myguru-stat-glow{0%{opacity:0;transform:translate(-50%,-50%) scale(.45)}45%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.36)}}
}

/* Keep the existing carousel presentation contained on wider screens. */
.hero-carousel{overflow:hidden}
.hero-carousel .hero-slide>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
/* Homepage campaign visuals are full banner edges, not rounded cards. */
.hero-carousel,.hero-carousel-track,.hero-slide,.hero-slide>img{border-radius:0!important}
/* Campaign artwork is supplied in 16:9; retain every word and person instead
   of stretching the image into a cropped fixed-height frame. */
.hero-carousel{width:min(100%,860px);height:auto!important;aspect-ratio:16/9;justify-self:center;background:var(--blue)}
.hero-carousel .hero-slide-building>img:first-child,.hero-carousel .hero-slide-poster>img{object-fit:contain}
.hero-carousel .hero-slide-building>img:first-child{object-fit:cover}
.hero-carousel{overflow:visible}
.hero-carousel-track{overflow:hidden}
.hero-carousel-controls{bottom:-21px}

@media(max-width:600px){.story-hero h1{max-width:none;font-size:clamp(40px,11.2vw,44px);letter-spacing:-.065em}}

/* Place 小 My 宝宝 on the right with a little breathing room above the edge. */
.myguru-pet{left:auto;right:clamp(12px,2vw,26px);bottom:clamp(30px,2.6vw,40px)}
.myguru-pet-hint{right:96px;left:auto}
.myguru-pet-hint:after{right:16px;left:auto}
@media(max-width:600px){.myguru-pet{right:10px;bottom:28px;left:auto}.myguru-pet-hint{right:78px;left:auto}.myguru-pet-hint:after{right:16px;left:auto}}

/* The assistant is a fixed contact point: clicking opens it in place only. */
.myguru-pet,.myguru-pet.is-dragging{transform:none!important}
.myguru-pet-button,.myguru-pet.is-dragging .myguru-pet-button{cursor:pointer!important;touch-action:manipulation}
.myguru-pet{display:block;width:132px;height:142px}
.myguru-pet-bubble{position:absolute;right:0;bottom:132px}
@media(max-width:600px){.myguru-pet{width:104px;height:112px}.myguru-pet-bubble{right:0;bottom:104px}}

/* Quiet polish: preserve the original layout while making controls and reading
   details feel a little more deliberate. */
:where(a,button,[tabindex]):focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.button,.course-tabs button,.slider-button,.branch-feature-body a,.teacher-category-list button{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}
.section-heading>p:last-child{max-width:42rem;line-height:1.72}
.button{min-height:48px;letter-spacing:.01em}
.button.primary{box-shadow:0 6px 0 #d6ad0b}
.button.primary:active{transform:translateY(3px);box-shadow:0 3px 0 #d6ad0b}
.course-tabs button{min-height:43px}
@media(hover:hover) and (pointer:fine){.button:not(.text):hover{transform:translateY(-2px)}.course-tabs button:not(.active):hover{border-color:var(--blue);background:#f7f9ff}.branch-feature-body a:hover{transform:translateY(-2px)}}
@media(max-width:600px){.section-heading>p:last-child{line-height:1.68}.button{min-height:50px}}

/* Desktop art direction for the homepage.  This is intentionally a different
   composition from the phone flow: desktop has a wide editorial canvas,
   generous image scale and paired content/image columns, while smaller
   screens keep their simpler reading order. */
@media (min-width:1001px){
  .site-header{height:88px;padding-inline:max(52px,calc((100vw - 1380px)/2));}
  .brand img{width:194px}.nav{gap:clamp(18px,1.7vw,31px)}.nav a{font-size:15px}.header-cta{padding:12px 22px}
  .hero{grid-template-columns:minmax(390px,.78fr) minmax(580px,1.22fr);gap:clamp(58px,8vw,132px);min-height:690px;padding:clamp(82px,8vw,124px) max(52px,calc((100vw - 1380px)/2));}
  .hero-copy{max-width:540px}.hero h1{max-width:8.4ch;font-size:clamp(66px,5.45vw,90px);line-height:1.01}.hero-copy>p:not(.eyebrow):not(.kicker){max-width:510px;font-size:18px;line-height:1.78}.hero-actions{margin-top:31px}
  .hero-visual{grid-column:auto;order:0;width:100%;max-width:none;justify-self:stretch;box-shadow:18px 18px 0 var(--yellow)}.hero-carousel{width:100%;max-width:none;aspect-ratio:16/9}.hero-carousel-controls{bottom:-26px}
  .section,.branches{padding-inline:max(52px,calc((100vw - 1280px)/2));padding-block:112px}.section-heading>p:last-child{font-size:18px}

  .awards{display:grid;grid-template-columns:minmax(0,.76fr) minmax(570px,1.24fr);column-gap:clamp(62px,8vw,142px);align-items:center;padding-top:118px;padding-bottom:118px}.awards .awards-heading{grid-column:1;grid-row:1}.awards .award-values{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:12px;width:auto;margin:35px 0 0}.awards .award-values span{padding:11px 14px;border:1px solid rgba(255,210,28,.42);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;letter-spacing:.04em;line-height:1;filter:none;text-shadow:none;transform:none!important}.awards .award-feature-poster{grid-column:2;grid-row:1/3;width:100%;margin:0}.awards .award-feature-poster img{width:100%;height:auto;max-height:680px;object-fit:contain}.awards .why-myguru-title{font-size:clamp(50px,4.3vw,68px)}

  .promise{display:grid;grid-template-columns:minmax(0,.72fr) minmax(570px,1.28fr);column-gap:clamp(62px,8vw,142px);align-items:center;padding-top:0;padding-bottom:118px}.promise .quality-message-bar{grid-column:1/-1}.promise .section-heading{grid-column:1}.promise .promise-poster{grid-column:2;width:100%;margin:0}.promise .promise-poster img{width:100%;height:auto;object-fit:contain}.promise .section-heading h2{font-size:clamp(48px,4.1vw,66px)}

  .student-progress{padding-top:118px;padding-bottom:118px}.student-progress .section-heading{max-width:700px}.student-progress .section-heading h2{font-size:clamp(48px,4.2vw,66px)}.progress-reels-heading{max-width:1280px;margin:44px auto 0}.progress-reels{gap:24px;margin-top:24px;padding-inline:max(52px,calc((100vw - 1280px)/2))}.progress-reels figure{flex-basis:360px;border-radius:20px}.progress-reels iframe{height:640px}

  .courses .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);gap:72px;max-width:1180px}.course-tabs{max-width:1180px;margin:44px auto 28px}.course-panel{max-width:1180px;margin-inline:auto;padding:48px;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.course-panel img{max-height:430px;object-fit:contain}
  .care-band{grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);gap:clamp(64px,8vw,136px);padding:112px max(52px,calc((100vw - 1280px)/2))}.care-copy{max-width:570px}.care-card{max-width:620px;justify-self:end}.care-card>img{width:100%;height:auto;object-fit:contain}

  .gallery{display:grid;grid-template-columns:minmax(280px,.33fr) minmax(0,.67fr);column-gap:clamp(58px,8vw,130px);align-items:start}.gallery .section-heading{position:sticky;top:126px}.activity-slider-wrap{min-width:0}.activity-slider{margin:0;padding:0 0 16px;gap:22px}.activity-slider figure{flex:0 0 min(360px,30vw);border-radius:20px}.activity-slider figure img{aspect-ratio:4/3;object-fit:cover}.gallery .slider-controls{justify-content:flex-start;margin:0 0 20px}
  .methodology .section-heading{max-width:1180px}.method-feature{max-width:1180px;grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);gap:52px;padding:22px}.method-feature>img{width:100%;height:100%;min-height:370px;object-fit:contain}.method-cards{max-width:1180px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.method-cards article{display:grid;grid-template-columns:190px 1fr;column-gap:22px;align-items:center;padding:18px 22px}.method-cards article img{grid-row:1/4;height:180px;margin:0;object-fit:contain}.method-cards article h3{margin:0}.method-cards article p{margin:9px 0 0}
  .branches .section-heading{max-width:920px}.branch-feature{max-width:1180px;margin-inline:auto}.branch-feature-grid{max-width:1180px;margin-inline:auto}.parent-journey-card,.visit-cta>div{max-width:1180px}
}

/* Homepage desktop redesign -------------------------------------------------
   A desktop screen has room for a composed editorial page.  These rules are
   deliberately isolated above the tablet breakpoint: phones and iPads keep
   their simple, linear reading order instead of inheriting desktop columns. */
@media (min-width:1101px){
  :root{--home-desktop-side:max(52px,calc((100vw - 1280px)/2));}

  .site-header{height:84px;padding-inline:var(--home-desktop-side);gap:22px}
  .brand img{width:184px}
  .nav{gap:clamp(14px,1.35vw,24px)}
  .nav a{font-size:14px;white-space:nowrap}
  .header-cta{min-height:46px;padding-inline:20px;white-space:nowrap}

  .hero{grid-template-columns:minmax(360px,.84fr) minmax(530px,1.16fr);gap:clamp(52px,7vw,104px);min-height:640px;padding:clamp(66px,7vw,108px) var(--home-desktop-side) clamp(72px,7vw,110px)}
  .hero-copy{max-width:520px}
  .hero h1{max-width:8.7ch;font-size:clamp(58px,5vw,78px);line-height:1.05}
  .hero-copy>p:not(.eyebrow):not(.kicker){max-width:500px;font-size:17px;line-height:1.76}
  .hero-visual{max-width:650px;justify-self:end;box-shadow:14px 14px 0 var(--yellow)}
  .hero-carousel{max-width:650px}

  .section,.branches{padding-inline:var(--home-desktop-side);padding-block:92px}
  .section-heading h2{line-height:1.13}
  .section-heading>p:last-child{font-size:17px;line-height:1.72}

  /* Trust proof is intentionally compact: story at left, the vertical poster
     at a readable—not dominant—size on the right. */
  .awards{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,380px);grid-template-rows:auto auto;column-gap:clamp(72px,9vw,142px);align-items:center;padding-top:96px;padding-bottom:96px;text-align:left}
  .awards .awards-heading{grid-column:1;grid-row:1;max-width:560px;margin:0;text-align:left}
  .awards .why-myguru-title{font-size:clamp(43px,3.5vw,55px);line-height:1.12}
  .awards .section-heading>p:last-child{max-width:490px;margin:20px 0 0;font-size:18px}
  .awards .award-values{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,max-content);justify-content:start;gap:10px;margin:30px 0 0}
  .awards .award-values span{min-height:38px;padding:9px 13px;font-size:14px}
  .awards .award-feature-poster{grid-column:2;grid-row:1 / span 2;width:100%;max-width:380px;margin:0;justify-self:end;padding:9px}
  .awards .award-feature-poster figcaption{padding:11px 3px 1px;font-size:13px}

  .promise{display:grid;grid-template-columns:minmax(0,.94fr) minmax(390px,.86fr);column-gap:clamp(64px,8vw,124px);align-items:center;padding-top:0;padding-bottom:96px}
  .promise .quality-message-bar{grid-column:1 / -1;margin-bottom:72px}
  .promise .section-heading{max-width:560px}
  .promise .section-heading:before{margin-bottom:25px;font-size:clamp(42px,3.45vw,54px)}
  .promise .section-heading h2{font-size:clamp(39px,3.25vw,51px);line-height:1.16}
  .promise .section-heading>p:last-child{max-width:480px}
  .promise .promise-poster{width:100%;max-width:460px;margin:0;justify-self:end;padding:10px}

  .student-progress{padding-top:96px;padding-bottom:94px}
  .student-progress .section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(330px,.65fr);gap:70px;align-items:end;max-width:1120px}
  .student-progress .section-heading h2{font-size:clamp(39px,3.35vw,52px)}
  .student-progress .section-heading>p:last-child{margin:0;max-width:420px}
  .progress-reels{gap:18px;margin-top:28px;padding-inline:var(--home-desktop-side)}
  .progress-reels figure{flex-basis:280px;border-radius:16px}
  .progress-reels iframe{height:498px}

  .courses .section-heading{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(310px,.7fr);gap:72px;align-items:end;max-width:1120px}
  .courses .section-heading>p:last-child{margin:0;max-width:420px}
  .course-tabs{max-width:1120px;margin:38px auto 22px}
  .course-panel{max-width:1120px;margin-inline:auto;padding:38px 42px;gap:48px}
  .course-panel:has(.course-subject-groups){grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)}
  .course-value-poster{max-width:620px;margin-top:14px}

  .care-band{grid-template-columns:minmax(0,1fr) minmax(370px,440px);gap:clamp(70px,9vw,142px);padding:96px var(--home-desktop-side)}
  .care-copy{max-width:535px}.care-copy h2{font-size:clamp(41px,3.8vw,57px)}
  .care-card{width:100%;max-width:440px;justify-self:end;padding:10px}
  .care-card>div{padding:12px 2px 1px}

  .gallery{display:grid;grid-template-columns:minmax(250px,.34fr) minmax(0,.66fr);column-gap:clamp(64px,8vw,125px);align-items:start}
  .gallery .section-heading{position:sticky;top:118px;max-width:330px}
  .gallery .section-heading h2{font-size:clamp(38px,3.25vw,50px)}
  .gallery .section-heading>p:last-child{max-width:310px}
  .gallery .slider-controls{position:static;justify-content:flex-start;margin:0 0 18px}
  .activity-slider-wrap{margin:0}.activity-slider{grid-auto-columns:minmax(270px,40%);gap:16px;padding:0 0 16px}
  .activity-slider figure{border-radius:16px}.activity-slider figcaption{padding:11px 12px;font-size:14px}

  .methodology .section-heading{display:block;max-width:640px}
  .methodology .section-heading>p:last-child{margin-top:18px}
  .method-feature{max-width:1120px;grid-template-columns:minmax(0,520px) minmax(320px,1fr);gap:46px;padding:18px}
  .method-feature>img{min-height:0;height:auto;max-height:390px;object-fit:contain}
  .method-feature h3{font-size:clamp(36px,3.2vw,48px)}
  .method-cards{max-width:1120px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .method-cards article{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;padding:16px 18px}
  .method-cards article img{grid-row:1 / span 3;width:150px;height:150px;margin:0;object-fit:contain}
  .method-cards article h3{margin:0;font-size:21px}.method-cards article p{margin:8px 0 0;font-size:14px}
  .branches{padding-top:94px;padding-bottom:58px}
  .branches .section-heading{max-width:760px}
  .branch-feature{max-width:1120px;grid-template-columns:minmax(430px,1fr) minmax(0,.86fr);margin-top:38px}
  .branch-feature>img{max-height:390px;object-fit:contain;background:#eef2ff}
  .branch-feature-body{padding:40px}
  .branch-feature-body h3{font-size:27px;white-space:normal}
  .branch-feature-grid{max-width:1120px;grid-template-columns:repeat(3,1fr);gap:16px}
  .branch-feature-grid .branch-feature{display:block;margin:0}
  .branch-feature-grid .branch-feature>img{height:190px;object-fit:cover}
  .branch-feature-grid .branch-feature-body{padding:25px}
  .branch-feature-grid .branch-feature-body h3{font-size:21px}
  .branch-feature-grid .branch-feature-body address{min-height:74px;font-size:14px}
  .branch-feature-grid .branch-phone{margin:18px 0 19px!important;font-size:18px!important}

  .parent-journey{padding:64px var(--home-desktop-side)}
  .parent-journey-card{max-width:1120px;padding:68px 90px}
  .parent-journey h2{font-size:clamp(35px,3.5vw,51px);line-height:1.42}
  .parent-journey p{margin-top:34px;font-size:clamp(23px,2.35vw,32px)}
  .visit-cta{padding:0 var(--home-desktop-side) 72px}
  .visit-cta>div{max-width:1120px;padding:58px 70px}
  .visit-cta h2{max-width:670px;font-size:clamp(37px,3.75vw,53px);margin-bottom:32px}
  .visit-cta-actions{grid-template-columns:repeat(2,minmax(0,250px));gap:12px}
  .visit-cta-actions button{min-height:62px;font-size:18px}
  .social-follow{padding:54px var(--home-desktop-side) 58px}
}

/* iPad is a reading-first layout, not a squeezed desktop.  Keep the copy
   comfortably wide, then show the complete campaign artwork beneath it. */
@media (min-width:601px) and (max-width:1120px){
  .site-header{height:76px;padding-inline:42px;gap:16px}
  .brand img{width:174px}
  .menu-button{display:inline-flex;width:44px;height:44px;margin-left:auto;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;border:1px solid #d9e2f8;border-radius:12px;background:#f7f9ff;color:var(--blue);cursor:pointer}
  .menu-button span{display:block;width:21px;height:2px;border-radius:999px;background:currentColor}
  .header-cta{display:inline-flex;min-height:44px;padding-inline:18px}
  .nav.open{top:76px;padding:20px 42px 28px}

  .hero{grid-template-columns:minmax(0,1fr);gap:34px;min-height:0;padding:58px 42px 68px}
  .hero-copy{max-width:760px}
  .hero h1{max-width:10ch;font-size:clamp(56px,7.2vw,74px);line-height:1.06}
  .hero-copy>p:not(.eyebrow):not(.kicker){max-width:680px;font-size:18px;line-height:1.75}
  .hero-visual,.hero-carousel{grid-column:auto;order:0;width:100%;max-width:860px;justify-self:start}
  .hero-carousel{height:auto!important;aspect-ratio:16/9;overflow:hidden}
  .hero-carousel-controls{bottom:14px}

  .awards,.promise{display:block}
  .awards .award-feature-poster,.promise .promise-poster{width:min(100%,760px);margin:42px 0 0}
  .section-heading h2{max-width:17ch}
  .care-band{grid-template-columns:minmax(0,1fr);gap:38px}
  .care-card{max-width:700px}
  .method-feature{grid-template-columns:minmax(0,1fr);gap:24px}
}

/* Our Story x MyGuru — an airy liquid-circle treatment, based on the supplied reference's visual rhythm. */
.story-v2-layout{--sv-side:clamp(24px,7vw,112px);background:#fffdf7;color:#071742}
.story-v2-layout .sv-hero{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(380px,.88fr);gap:clamp(34px,7vw,112px);min-height:calc(100vh - 82px);padding-top:clamp(64px,8vw,118px);padding-bottom:clamp(64px,8vw,118px);overflow:hidden;background:#fffdf7;color:#062b9a}
.story-v2-layout .sv-hero:before{top:-24vw;right:-11vw;width:57vw;height:57vw;background:#edf2ff;filter:none;opacity:1;animation:sv-paper-liquid 15s ease-in-out infinite}.story-v2-layout .sv-hero:after{right:5%;bottom:8%;width:11px;height:11px;background:#ffd21c;filter:none;opacity:1;animation:sv-yellow-dot 3.6s ease-in-out infinite}
.story-v2-layout .sv-hero .sv-eyebrow{color:#3159ad}.story-v2-layout .sv-hero h1{margin-top:18px;color:#062b9a;font-size:clamp(52px,6.3vw,100px);line-height:1.02;letter-spacing:-.07em}.story-v2-layout .sv-hero h1 em{color:#062b9a}.story-v2-layout .sv-hero-copy>p:not(.sv-eyebrow){color:#5d6887}.story-v2-layout .sv-hero .button.primary{box-shadow:none}
.story-v2-layout .sv-year-board{justify-self:center;display:grid;place-items:center;min-height:0;width:min(100%,520px);aspect-ratio:1;padding:0;overflow:visible;border:0;border-radius:50%;background:#f4f1ed;isolation:isolate}.story-v2-layout .sv-year-board:before{z-index:-2;top:15%;left:11%;width:78%;height:78%;border:0;border-radius:52% 48% 41% 59% / 48% 56% 44% 52%;background:linear-gradient(135deg,#0a318d,#0d50c1);transform:none;opacity:1;animation:sv-paper-liquid 12s ease-in-out infinite}.story-v2-layout .sv-year-board:after{z-index:-1;top:auto;right:8%;bottom:12%;left:auto;width:20%;height:20%;border-radius:50%;background:#ffd21c;filter:none;opacity:1;transform:none;animation:sv-yellow-dot 4.2s ease-in-out infinite}.story-v2-layout .sv-year-board .sv-year-stage{position:relative;inset:auto;gap:8px;color:#fff;transform:translateY(7%)}.story-v2-layout .sv-year-board .sv-year-stage>span{color:#dce6ff;font-size:13px;font-weight:900;letter-spacing:.13em}.story-v2-layout .sv-year-board .sv-year-stage strong{color:#fffdf7;font-size:clamp(76px,9vw,138px);letter-spacing:-.1em;text-shadow:none}
.story-v2-layout .sv-mascot{z-index:3;right:clamp(3px,4vw,54px);bottom:clamp(5px,4vw,50px);width:clamp(112px,13vw,184px);filter:drop-shadow(0 16px 17px rgba(7,23,66,.19));animation:sv-mascot-float 5.4s ease-in-out infinite}
.story-v2-layout .sv-belief{padding-top:clamp(82px,11vw,150px);padding-bottom:clamp(82px,11vw,150px);background:#fffdf7}.story-v2-layout .sv-belief:after{right:-17%;bottom:-58%;width:43vw;height:43vw;background:#f2eddf;opacity:1;filter:none;animation:sv-paper-liquid 18s ease-in-out infinite}.story-v2-layout .sv-belief h2{max-width:920px;color:#062b9a;line-height:1.08;letter-spacing:-.055em}.story-v2-layout .sv-belief>p:last-child{color:#5d6887}
.story-v2-layout .sv-journey{background:#f3f6ff}.story-v2-layout .sv-journey:before{top:-19%;left:auto;right:-15%;width:42vw;height:42vw;background:#dce8ff;opacity:1;filter:none;animation:sv-paper-liquid 16s ease-in-out infinite}.story-v2-layout .sv-section-heading h2{color:#062b9a;line-height:1.08;letter-spacing:-.055em}.story-v2-layout .sv-branch-list{gap:clamp(40px,7vw,88px);margin-top:clamp(52px,7vw,86px)}.story-v2-layout .sv-branch-list li{grid-template-columns:112px minmax(230px,.9fr) minmax(240px,1fr);gap:clamp(22px,4vw,56px);padding:0;align-items:center}.story-v2-layout .sv-branch-year{color:#062b9a;font-size:clamp(38px,4vw,60px)}.story-v2-layout .sv-branch-list figure{aspect-ratio:1;overflow:hidden;border-radius:50%!important;background:#e1e9fa;box-shadow:none}.story-v2-layout .sv-branch-list figure:after{background:#062b9a}.story-v2-layout .sv-branch-list img{width:100%;height:100%;object-fit:cover;border-radius:50%}.story-v2-layout .sv-branch-list h3{color:#062b9a}
.story-v2-layout .sv-results{grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);gap:clamp(42px,8vw,120px);background:#fffdf7;color:#071742}.story-v2-layout .sv-results:before{top:-18%;right:-14%;width:45vw;height:45vw;background:#e4ecff;opacity:1;filter:none;animation:sv-paper-liquid 17s ease-in-out infinite}.story-v2-layout .sv-results:after{bottom:-15%;left:40%;width:12vw;height:12vw;background:#ffd21c;opacity:1;filter:none;animation:sv-yellow-dot 4.8s ease-in-out infinite}.story-v2-layout .sv-results .sv-eyebrow{color:#3159ad}.story-v2-layout .sv-results h2{color:#062b9a;line-height:1.08;letter-spacing:-.055em}.story-v2-layout .sv-results-intro>p:last-child,.story-v2-layout .sv-results-note{color:#5d6887}.story-v2-layout .sv-results-list{border-top-color:#cddaf2}.story-v2-layout .sv-result-row{border-bottom-color:#cddaf2}.story-v2-layout .sv-result-row b{color:#062b9a}.story-v2-layout .sv-result-row span{color:#071742}.story-v2-layout .sv-result-row:after{background:#ffd21c}
.story-v2-layout .sv-system{background:#f3f6ff}.story-v2-layout .sv-system:before{top:-24%;right:-11%;background:#dce8ff;opacity:1;filter:none;animation:sv-paper-liquid 18s ease-in-out infinite}.story-v2-layout .sv-system-list{border-color:#cfdcf5}.story-v2-layout .sv-programme-item{min-height:220px;background:transparent;border-color:#cfdcf5}.story-v2-layout .sv-programme-item:after{background:#ffd21c;opacity:.7}.story-v2-layout .sv-programme-item b{color:#3159ad}.story-v2-layout .sv-programme-item h3{color:#062b9a}
.story-v2-layout .sv-method{gap:clamp(22px,4vw,48px);padding:clamp(64px,9vw,124px) var(--sv-side);background:#fffdf7}.story-v2-layout .sv-method:before{display:none}.story-v2-layout .sv-method-card,.story-v2-layout .sv-method-card:nth-child(2){grid-template-columns:1fr;background:transparent}.story-v2-layout .sv-method-card img{min-height:0;aspect-ratio:1.35;object-fit:contain;background:#f3f6ff;border-radius:50%}.story-v2-layout .sv-method-card>div{padding:30px 0 0}.story-v2-layout .sv-method-card h2{color:#062b9a;line-height:1.08;letter-spacing:-.05em}
.story-v2-layout .sv-cta{background:#fffdf7}.story-v2-layout .sv-cta:before{left:auto;right:-13%;bottom:-31%;width:36vw;height:36vw;background:#e5edff;filter:none;opacity:1;animation:sv-paper-liquid 16s ease-in-out infinite}.story-v2-layout .sv-cta-inner{max-width:1000px;padding:clamp(34px,6vw,72px) 0;background:transparent;color:#062b9a;overflow:visible;border-radius:0}.story-v2-layout .sv-cta-inner:after{display:none}.story-v2-layout .sv-cta .sv-eyebrow{color:#3159ad}.story-v2-layout .sv-cta h2{color:#062b9a;line-height:1.08;letter-spacing:-.055em}.story-v2-layout .sv-cta-inner>p:not(.sv-eyebrow){color:#5d6887}
@keyframes sv-paper-liquid{0%,100%{border-radius:52% 48% 41% 59% / 48% 56% 44% 52%;transform:translate3d(0,0,0) rotate(0deg) scale(1)}50%{border-radius:43% 57% 58% 42% / 61% 41% 59% 39%;transform:translate3d(3%,-4%,0) rotate(8deg) scale(1.06)}}@keyframes sv-yellow-dot{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-7px,-10px,0) scale(1.22)}}
@media(max-width:940px){.story-v2-layout .sv-hero{grid-template-columns:1fr;min-height:0}.story-v2-layout .sv-year-board{width:min(100%,510px)}.story-v2-layout .sv-branch-list li{grid-template-columns:90px 1fr;gap:20px}.story-v2-layout .sv-branch-list figure,.story-v2-layout .sv-branch-list li>div:last-child{grid-column:2}.story-v2-layout .sv-branch-list li>div:last-child{grid-row:1}.story-v2-layout .sv-branch-list figure{grid-row:2}.story-v2-layout .sv-results{grid-template-columns:1fr}.story-v2-layout .sv-method{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.story-v2-layout{--sv-side:24px}.story-v2-layout .sv-hero{padding-top:68px;padding-bottom:76px}.story-v2-layout .sv-hero h1{font-size:clamp(48px,13vw,62px)}.story-v2-layout .sv-year-board{width:min(100%,330px)}.story-v2-layout .sv-year-board .sv-year-stage strong{font-size:76px}.story-v2-layout .sv-mascot{right:20px;bottom:21px;width:104px;margin:0;position:absolute}.story-v2-layout .sv-belief h2,.story-v2-layout .sv-section-heading h2,.story-v2-layout .sv-results h2{font-size:clamp(38px,10vw,48px)}.story-v2-layout .sv-branch-list{gap:42px}.story-v2-layout .sv-branch-list li{grid-template-columns:1fr;gap:13px}.story-v2-layout .sv-branch-list figure,.story-v2-layout .sv-branch-list li>div:last-child{grid-column:auto;grid-row:auto}.story-v2-layout .sv-branch-list figure{width:min(74vw,290px)}.story-v2-layout .sv-method{grid-template-columns:1fr;gap:62px;padding-top:70px;padding-bottom:70px}.story-v2-layout .sv-method-card img{width:min(100%,340px);margin:auto}.story-v2-layout .sv-cta-inner{padding:30px 0}.story-v2-layout .sv-cta h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.story-v2-layout .sv-hero:before,.story-v2-layout .sv-hero:after,.story-v2-layout .sv-year-board:before,.story-v2-layout .sv-year-board:after,.story-v2-layout .sv-belief:after,.story-v2-layout .sv-journey:before,.story-v2-layout .sv-results:before,.story-v2-layout .sv-results:after,.story-v2-layout .sv-system:before,.story-v2-layout .sv-cta:before{animation:none}}

/* Our Story — fresh direction: a single living circle and a clear timeline, not stacked landing-page cards. */
.story-v2-layout{display:none}.story-orbit-layout{--orbit-side:clamp(24px,8vw,132px);overflow:hidden;background:#fffdf7;color:#071742}.story-orbit-layout>*{padding-left:var(--orbit-side);padding-right:var(--orbit-side)}.orbit-kicker{margin:0;color:#3159ad;font-size:11px;font-weight:900;letter-spacing:.17em}.orbit-intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);gap:clamp(42px,9vw,150px);align-items:center;min-height:calc(100vh - 82px);padding-top:clamp(70px,9vw,135px);padding-bottom:clamp(70px,9vw,135px);background:radial-gradient(circle at 83% 7%,#eaf0ff 0 9%,transparent 9.2%),#fffdf7}.orbit-intro-copy{max-width:650px}.orbit-intro h1,.orbit-manifesto h2,.orbit-section-head h2,.orbit-proof h2,.orbit-programmes h2,.orbit-close h2{margin:20px 0 0;color:#062b9a;font-size:clamp(45px,5.8vw,86px);font-weight:900;line-height:1.06;letter-spacing:-.065em}.orbit-intro-copy>p:not(.orbit-kicker){max-width:34em;margin:27px 0 0;color:#5d6887;font-size:clamp(16px,1.4vw,19px);line-height:1.76}.orbit-text-link{display:inline-flex;gap:14px;align-items:center;margin-top:32px;color:#062b9a;font-size:15px;font-weight:900;text-decoration:none}.orbit-text-link span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #062b9a;border-radius:50%;transition:transform .25s ease}.orbit-text-link:hover span{transform:translateY(4px)}.orbit-world{position:relative;justify-self:center;display:grid;place-items:center;width:min(100%,530px);aspect-ratio:1;border-radius:50%;background:#f2efea;isolation:isolate}.orbit-world:before{content:'';position:absolute;z-index:-1;width:76%;height:76%;border-radius:48% 52% 57% 43% / 58% 44% 56% 42%;background:linear-gradient(135deg,#062b9a,#114dbc);animation:orbit-liquid 12s ease-in-out infinite}.orbit-world:after{content:'';position:absolute;z-index:-1;right:9%;bottom:13%;width:20%;aspect-ratio:1;border-radius:50%;background:#ffd21c;animation:orbit-dot 4.5s ease-in-out infinite}.orbit-world-label,.orbit-world-years{position:absolute;left:50%;color:#3159ad;font-size:10px;font-weight:900;letter-spacing:.17em;transform:translateX(-50%)}.orbit-world-label{top:12%}.orbit-world-years{bottom:13%;white-space:nowrap}.orbit-world strong{color:#fffdf7;font-size:clamp(78px,10.4vw,150px);font-weight:900;line-height:.8;letter-spacing:-.1em}.orbit-world img{position:absolute;right:-1%;bottom:0;width:clamp(110px,13vw,190px);filter:drop-shadow(0 15px 15px rgba(7,23,66,.18));animation:orbit-mascot 5.2s ease-in-out infinite}.orbit-world-drop{position:absolute;top:27%;left:13%;width:11px;height:11px;border-radius:50%;background:#ffd21c;animation:orbit-dot 3.7s ease-in-out infinite}.orbit-manifesto{position:relative;padding-top:clamp(92px,12vw,180px);padding-bottom:clamp(92px,12vw,180px);overflow:hidden;background:#f3f6ff}.orbit-manifesto:after{content:'';position:absolute;right:-10%;bottom:-30%;width:32vw;aspect-ratio:1;border-radius:50%;background:#dbe7ff;pointer-events:none}.orbit-manifesto>*{position:relative;z-index:1}.orbit-manifesto h2{max-width:970px}.orbit-manifesto>p:last-child{max-width:610px;margin:28px 0 0;color:#5d6887;font-size:18px;line-height:1.76}.orbit-journey{padding-top:clamp(85px,11vw,150px);padding-bottom:clamp(92px,11vw,158px);background:#fffdf7}.orbit-section-head{max-width:720px}.orbit-timeline{display:grid;gap:clamp(42px,7vw,84px);max-width:1220px;margin:clamp(52px,7vw,90px) auto 0;padding:0;list-style:none}.orbit-timeline li{display:grid;grid-template-columns:118px minmax(215px,.75fr) minmax(260px,1fr);gap:clamp(24px,5vw,66px);align-items:center}.orbit-time{display:grid;gap:12px}.orbit-time b{color:#062b9a;font-size:clamp(38px,4.1vw,60px);letter-spacing:-.08em}.orbit-time span{color:#aab9d8;font-size:12px;font-weight:900;letter-spacing:.13em}.orbit-timeline figure{position:relative;aspect-ratio:1;margin:0;overflow:hidden;border-radius:50%;background:#e8eefb}.orbit-timeline figure:after{content:'';position:absolute;inset:0;background:#062b9a;transform:scaleX(1);transform-origin:right;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.orbit-timeline li.is-in-view figure:after{transform:scaleX(0)}.orbit-timeline img{width:100%;height:100%;object-fit:cover}.orbit-time-copy p{margin:0 0 12px;color:#3159ad;font-size:11px;font-weight:900;letter-spacing:.15em}.orbit-time-copy h3{margin:0;color:#062b9a;font-size:clamp(25px,2.6vw,37px);line-height:1.16}.orbit-time-copy span{display:block;max-width:33em;margin-top:15px;color:#5d6887;font-size:16px;line-height:1.72}.orbit-proof{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(410px,1.2fr);gap:clamp(40px,8vw,120px);align-items:start;padding-top:clamp(90px,11vw,155px);padding-bottom:clamp(90px,11vw,155px);overflow:hidden;background:#062b9a;color:#fff}.orbit-proof:before{content:'';position:absolute;top:-27%;left:-9%;width:48vw;aspect-ratio:1;border-radius:50%;background:#1045a4;opacity:.8}.orbit-proof-copy,.orbit-results,.orbit-proof-note{position:relative;z-index:1}.orbit-proof .orbit-kicker{color:#ffd21c}.orbit-proof h2{color:#fffdf7}.orbit-proof-copy>p:last-child{max-width:35em;margin:27px 0 0;color:#dce6ff;font-size:17px;line-height:1.75}.orbit-results{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.35);border-left:1px solid rgba(255,255,255,.35)}.orbit-results article{padding:clamp(24px,3vw,38px);border-right:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}.orbit-results span{color:#9eb8f6;font-size:11px;font-weight:900;letter-spacing:.13em}.orbit-results b{display:block;margin-top:22px;color:#ffd21c;font-size:clamp(49px,5.2vw,74px);line-height:.8;letter-spacing:-.1em}.orbit-results p{margin:13px 0 0;color:#fff;font-size:14px;font-weight:800}.orbit-proof-note{grid-column:2;margin:0;color:#dce6ff;font-size:14px;font-weight:800}.orbit-methods{padding-top:clamp(88px,11vw,150px);padding-bottom:clamp(88px,11vw,150px);background:#fffdf7}.orbit-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,74px);max-width:1120px;margin:clamp(50px,7vw,85px) auto 0}.orbit-method-grid article{position:relative}.orbit-method-grid article>span{position:absolute;z-index:1;top:14px;left:14px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffd21c;color:#062b9a;font-size:12px;font-weight:900}.orbit-method-grid img{display:block;width:100%;aspect-ratio:1.35;object-fit:contain;border-radius:50%;background:#f3f6ff;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.orbit-method-grid article:hover img{transform:scale(1.035)}.orbit-method-grid h3{margin:25px 0 0;color:#062b9a;font-size:clamp(28px,3vw,42px);letter-spacing:-.05em}.orbit-method-grid p{max-width:32em;margin:12px 0 0;color:#5d6887;font-size:16px;line-height:1.72}.orbit-programmes{padding-top:clamp(88px,11vw,150px);padding-bottom:clamp(88px,11vw,150px);background:#f3f6ff}.orbit-programmes h2{max-width:860px}.orbit-programmes ul{display:grid;grid-template-columns:repeat(4,1fr);margin:clamp(44px,6vw,70px) 0 35px;padding:0;border-top:1px solid #cfdcf5;border-left:1px solid #cfdcf5;list-style:none}.orbit-programmes li{min-height:190px;padding:25px;border-right:1px solid #cfdcf5;border-bottom:1px solid #cfdcf5}.orbit-programmes li b{display:block;color:#062b9a;font-size:24px}.orbit-programmes li span{display:block;margin-top:48px;color:#5d6887;font-size:14px;line-height:1.65}.orbit-programmes .button{box-shadow:none}.orbit-close{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:30px;align-items:end;padding-top:clamp(86px,11vw,150px);padding-bottom:clamp(70px,9vw,115px);overflow:hidden;background:#fffdf7}.orbit-close:before{content:'';position:absolute;right:-9%;bottom:-35%;width:42vw;aspect-ratio:1;border-radius:50%;background:#e6edff}.orbit-close>div,.orbit-close>img{position:relative;z-index:1}.orbit-close>div{max-width:800px}.orbit-close>div>p:not(.orbit-kicker){margin:24px 0 30px;color:#5d6887;font-size:17px}.orbit-close>img{justify-self:end;width:min(100%,190px);filter:drop-shadow(0 14px 13px rgba(7,23,66,.16));animation:orbit-mascot 5.2s ease-in-out infinite}@keyframes orbit-liquid{0%,100%{border-radius:48% 52% 57% 43% / 58% 44% 56% 42%;transform:rotate(0) scale(1)}50%{border-radius:61% 39% 42% 58% / 42% 59% 41% 58%;transform:rotate(8deg) scale(1.07)}}@keyframes orbit-dot{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-8px,-12px,0) scale(1.22)}}@keyframes orbit-mascot{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@media(max-width:940px){.orbit-intro{grid-template-columns:1fr;min-height:0}.orbit-world{width:min(100%,490px)}.orbit-timeline li{grid-template-columns:90px 1fr;gap:22px}.orbit-timeline figure,.orbit-timeline li>div:last-child{grid-column:2}.orbit-timeline figure{grid-row:2}.orbit-timeline li>div:last-child{grid-row:1}.orbit-proof{grid-template-columns:1fr;gap:55px}.orbit-proof-note{grid-column:auto}.orbit-programmes ul{grid-template-columns:repeat(2,1fr)}.orbit-close{grid-template-columns:1fr 160px}}
@media(max-width:600px){.story-orbit-layout{--orbit-side:24px}.orbit-intro{padding-top:66px;padding-bottom:75px}.orbit-intro h1,.orbit-manifesto h2,.orbit-section-head h2,.orbit-proof h2,.orbit-programmes h2,.orbit-close h2{font-size:clamp(40px,10.8vw,52px)}.orbit-world{width:min(100%,340px)}.orbit-world strong{font-size:80px}.orbit-world img{width:109px}.orbit-manifesto>p:last-child{font-size:16px}.orbit-timeline{gap:46px}.orbit-timeline li{grid-template-columns:1fr;gap:13px}.orbit-timeline figure,.orbit-timeline li>div:last-child{grid-column:auto;grid-row:auto}.orbit-timeline figure{width:min(75vw,290px)}.orbit-results{grid-template-columns:1fr 1fr}.orbit-results article{padding:25px 18px}.orbit-method-grid{grid-template-columns:1fr;gap:60px}.orbit-method-grid img{width:min(100%,350px)}.orbit-programmes ul{grid-template-columns:1fr 1fr}.orbit-programmes li{min-height:155px;padding:18px}.orbit-programmes li b{font-size:20px}.orbit-programmes li span{margin-top:30px;font-size:13px}.orbit-close{grid-template-columns:1fr;padding-bottom:54px}.orbit-close>img{width:125px}.orbit-close:before{right:-28%;bottom:-20%;width:85vw}}
@media(prefers-reduced-motion:reduce){.orbit-world:before,.orbit-world:after,.orbit-world img,.orbit-world-drop,.orbit-close>img{animation:none}.orbit-method-grid img{transition:none}}

/* Little My is the guide through each real chapter; photos remain visible before scroll. */
.orbit-timeline figure:after{display:none}.orbit-timeline figure>img:first-child{width:100%;height:100%;object-fit:cover}.orbit-timeline .orbit-step-mascot{position:absolute;z-index:2;right:-3%;bottom:-2%;width:36%;height:auto;filter:drop-shadow(0 9px 9px rgba(7,23,66,.26));animation:orbit-mascot 4.6s ease-in-out infinite}.orbit-timeline li:nth-child(2) .orbit-step-mascot{right:5%;bottom:-4%;transform:rotate(-7deg);animation-delay:-1.4s}.orbit-timeline li:nth-child(3) .orbit-step-mascot{right:0;bottom:2%;transform:rotate(6deg);animation-delay:-2.5s}.orbit-timeline figure:before{content:'';position:absolute;z-index:1;top:11%;left:12%;width:24%;aspect-ratio:1;border-radius:48% 52% 57% 43% / 58% 44% 56% 42%;background:rgba(255,210,28,.93);animation:orbit-liquid 8s ease-in-out infinite}.orbit-timeline li:nth-child(2) figure:before{top:auto;bottom:10%;left:8%;background:#dbe7ff;animation-delay:-2s}.orbit-timeline li:nth-child(3) figure:before{top:16%;left:auto;right:10%;background:#ffd21c;animation-delay:-4s}@media(max-width:600px){.orbit-timeline .orbit-step-mascot{width:39%}}

/* Our Story: warm, calm brand page that gives the main navigation a clear
   destination without duplicating the homepage sections. */
.story-page{background:var(--paper);color:var(--ink)}.story-hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(34px,6vw,88px);align-items:center;padding:clamp(58px,8vw,120px) clamp(24px,7vw,110px);background:linear-gradient(135deg,#fffdf7 0%,#fffdf7 52%,#edf2ff 100%)}.story-hero h1{margin:0;max-width:10ch;color:var(--ink);font-size:clamp(42px,5.3vw,76px);font-weight:900;line-height:1.12;letter-spacing:-.055em}.story-hero h1 span,.story-hero h1 em{display:block}.story-hero h1 em{color:var(--blue);font-style:normal}.story-hero>div>p:last-child{max-width:34em;margin:26px 0 0;color:var(--muted);font-size:clamp(16px,1.5vw,18px)}.story-hero figure{margin:0;overflow:hidden;border:2px solid var(--yellow);border-radius:26px;background:var(--blue);box-shadow:16px 16px 0 var(--blue)}.story-hero figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.story-intro{display:grid;grid-template-columns:190px minmax(0,1fr);gap:clamp(28px,6vw,92px);align-items:center;max-width:1120px;margin:auto;padding:clamp(68px,9vw,128px) clamp(24px,7vw,110px)}.story-intro-mark{display:grid;place-items:center;min-height:190px;border-radius:50%;background:var(--yellow);box-shadow:10px 10px 0 var(--blue);color:var(--blue);font-size:clamp(35px,4vw,54px);font-weight:900;line-height:1.05;text-align:center}.story-intro h2,.story-values h2,.story-growth h2,.story-cta h2{margin:0;line-height:1.14;letter-spacing:-.045em;font-size:clamp(34px,4vw,58px)}.story-intro h2{color:var(--blue)}.story-intro>div:last-child>p:last-child{max-width:680px;margin:23px 0 0;color:var(--muted);font-size:17px}.story-values{padding:clamp(68px,9vw,120px) clamp(24px,7vw,110px);background:var(--blue);color:#fff}.story-values .eyebrow{color:var(--yellow)}.story-values .section-heading>p:last-child{color:#dce5ff}.story-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:46px}.story-values-grid article{min-height:258px;padding:28px;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:rgba(255,255,255,.07)}.story-values-grid b{color:var(--yellow);font-size:16px;letter-spacing:.12em}.story-values-grid h3{margin:48px 0 12px;font-size:25px}.story-values-grid p{margin:0;color:#dce5ff;font-size:15px}.story-growth{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,8vw,120px);align-items:center;padding:clamp(72px,10vw,132px) clamp(24px,7vw,110px);background:#f3f6ff}.story-growth h2{color:var(--blue)}.story-growth-copy>p:not(.eyebrow){max-width:590px;margin:22px 0 28px;color:var(--muted);font-size:17px}.story-growth-points{display:grid;gap:12px}.story-growth-points div{display:grid;grid-template-columns:110px 1fr;gap:17px;align-items:center;padding:20px;border-radius:16px;border:1px solid var(--line);background:#fff}.story-growth-points strong{color:var(--blue);font-size:24px}.story-growth-points span{color:var(--muted);font-weight:700}.story-cta{padding:clamp(68px,9vw,110px) clamp(24px,7vw,110px);background:var(--paper)}.story-cta>div{max-width:1020px;margin:auto;padding:clamp(34px,7vw,72px);border-radius:26px;background:linear-gradient(125deg,#062b9a,#0b46c2);color:#fff}.story-cta .eyebrow{color:var(--yellow)}.story-cta>div>p:not(.eyebrow){margin:18px 0 27px;color:#dce5ff;font-size:17px}.story-cta>div>div{display:flex;gap:14px;flex-wrap:wrap}.story-outline{border:2px solid rgba(255,255,255,.75);color:#fff;background:transparent}@media(max-width:820px){.story-hero,.story-growth{grid-template-columns:1fr}.story-hero{gap:40px}.story-hero figure{max-width:720px;box-shadow:10px 10px 0 var(--blue)}.story-intro{grid-template-columns:130px minmax(0,1fr);gap:34px}.story-intro-mark{min-height:130px;font-size:35px}.story-values-grid{grid-template-columns:1fr}.story-values-grid article{min-height:0}.story-values-grid h3{margin-top:25px}}@media(max-width:600px){.story-hero{padding-block:56px}.story-hero h1{font-size:clamp(42px,12vw,56px)}.story-intro{grid-template-columns:1fr;padding-block:70px}.story-intro-mark{width:130px}.story-intro h2,.story-values h2,.story-growth h2,.story-cta h2{font-size:clamp(33px,9vw,44px)}.story-values-grid{margin-top:30px}.story-cta>div{padding:34px 25px}.story-cta>div>div{display:grid;grid-template-columns:1fr}.story-cta .button{width:100%}}
/* Teacher development uses the homepage's calm, parent-first gallery language:
   a clear heading, consistent white photo frames and a simple visual rhythm. */
.teachers-page .training-showcase{padding-top:clamp(72px,9vw,116px);padding-bottom:clamp(78px,9vw,126px);background:#f3f6ff}
.training-showcase__heading{max-width:820px}
.training-showcase__heading h1{margin:0;color:var(--ink);font-size:clamp(42px,5.15vw,72px);font-weight:900;line-height:1.09;letter-spacing:-.065em}
.training-showcase__heading h1 span{color:var(--blue)}
.training-showcase__gallery{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;max-width:1120px;margin-top:clamp(36px,5vw,54px)}
.training-showcase__gallery figure{box-sizing:border-box;margin:0;padding:10px;border:1px solid #d5e0f5;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(7,31,110,.09)}
.training-showcase__gallery img{display:block;width:100%;height:100%;border-radius:10px;background:#edf2ff;object-fit:contain}
.training-showcase__feature{align-self:start}
.training-showcase__feature img{aspect-ratio:1/1}
.training-showcase__pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.training-showcase__pair img{aspect-ratio:4/3}
.training-showcase__wide{grid-column:1/-1}
.training-showcase__wide img{aspect-ratio:2.45/1;object-fit:cover;object-position:center}
@media (hover:hover) and (pointer:fine){.training-showcase__gallery figure{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}.training-showcase__gallery figure:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(7,31,110,.14)}}
@media(max-width:720px){.teachers-page .training-showcase{padding-top:64px;padding-bottom:78px}.training-showcase__heading h1{font-size:clamp(40px,11vw,54px)}.training-showcase__gallery{grid-template-columns:1fr;gap:15px;margin-top:33px}.training-showcase__feature{grid-row:auto}.training-showcase__pair{gap:15px}.training-showcase__wide{grid-column:auto}.training-showcase__wide img{aspect-ratio:4/3;object-fit:contain}}
/* Teacher training is presented as evidence, not a dense photo wall: one
   dominant photograph with a small, deliberate selector inspired by the
   clarity of an awards showcase. */
.teachers-page .training-spotlight{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(40px,8vw,126px);align-items:center;padding:clamp(72px,10vw,136px) clamp(24px,7vw,110px);background:#062b9a;color:#fff}
.training-spotlight__copy{max-width:500px}
.training-spotlight .eyebrow{color:#ffd21c}
.training-spotlight h1{margin:0;color:#fff;font-size:clamp(46px,5.45vw,78px);font-weight:900;line-height:1.08;letter-spacing:-.06em}
.training-spotlight__statement{margin:22px 0 0;color:#fff;font-size:clamp(21px,2.35vw,31px);font-weight:900;letter-spacing:-.035em}
.training-spotlight__line{display:block;width:74px;height:5px;margin-top:30px;background:#ffd21c}
.training-spotlight__media{min-width:0}
.training-spotlight__main{margin:0;padding:10px;border-radius:22px;background:#fff;box-shadow:14px 14px 0 #ffd21c}
.training-spotlight__main img{display:block;width:100%;aspect-ratio:1.43/1;border-radius:13px;background:#edf2ff;object-fit:contain}
.training-spotlight__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}
.training-spotlight__thumbs button{min-width:0;padding:4px;overflow:hidden;border:2px solid transparent;border-radius:11px;background:rgba(255,255,255,.12);cursor:pointer}
.training-spotlight__thumbs button.is-active{border-color:#ffd21c;background:#ffd21c}
.training-spotlight__thumbs img{display:block;width:100%;aspect-ratio:1.25/1;border-radius:6px;object-fit:cover}
@media (hover:hover) and (pointer:fine){.training-spotlight__thumbs button{transition:transform .2s ease,border-color .2s ease}.training-spotlight__thumbs button:hover{transform:translateY(-4px);border-color:#fff}}
@media(max-width:850px){.teachers-page .training-spotlight{grid-template-columns:1fr;gap:42px}.training-spotlight__copy{max-width:680px}.training-spotlight__media{max-width:760px}.training-spotlight__main{box-shadow:10px 10px 0 #ffd21c}}
@media(max-width:600px){.teachers-page .training-spotlight{gap:34px;padding-top:64px;padding-bottom:76px}.training-spotlight h1{font-size:clamp(42px,12vw,55px)}.training-spotlight__statement{margin-top:17px;font-size:22px}.training-spotlight__line{margin-top:23px}.training-spotlight__main{padding:7px;border-radius:16px;box-shadow:7px 7px 0 #ffd21c}.training-spotlight__main img{border-radius:10px}.training-spotlight__thumbs{gap:9px;margin-top:24px}.training-spotlight__thumbs button{padding:3px;border-radius:8px}.training-spotlight__thumbs img{border-radius:4px}}
/* A real photo wall: the images form the hierarchy themselves, with only a
   light frame so the training moments remain the focus. */
.teachers-page .training-wall{padding:clamp(70px,9vw,118px) clamp(24px,7vw,110px) clamp(82px,10vw,138px);background:#fffdf7}
.training-wall__heading{max-width:780px;margin-bottom:clamp(35px,5vw,58px)}
.training-wall__heading h1{margin:0;color:var(--ink);font-size:clamp(43px,5.2vw,74px);font-weight:900;line-height:1.08;letter-spacing:-.055em}
.training-wall__heading h1 span{color:var(--blue)}
.training-wall__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr) minmax(0,.86fr);grid-template-areas:"hero one two" "hero wide wide";gap:clamp(12px,1.8vw,22px);max-width:1200px}
.training-wall__tile{min-width:0;margin:0;overflow:hidden;border:1px solid #dce3f4;border-radius:18px;background:#f3f6ff;box-shadow:0 12px 28px rgba(7,31,110,.08)}
.training-wall__tile img{display:block;width:100%;height:auto;background:#fff;object-fit:contain}
.training-wall__tile--hero{grid-area:hero;align-self:start;border:4px solid #ffd21c;border-radius:22px;box-shadow:10px 10px 0 #062b9a}
.training-wall__tile--hero img{aspect-ratio:1/1}
.training-wall__tile--one{grid-area:one;align-self:end;transform:translateY(16px)}
.training-wall__tile--two{grid-area:two;align-self:start}
.training-wall__tile--wide{grid-area:wide;margin-top:6px}
@media (hover:hover) and (pointer:fine){.training-wall__tile{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.training-wall__tile:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(7,31,110,.14)}.training-wall__tile--one:hover{transform:translateY(11px)}}
@media(max-width:850px){.training-wall__grid{grid-template-columns:1fr 1fr;grid-template-areas:"hero one" "two wide"}.training-wall__tile--hero{box-shadow:8px 8px 0 #062b9a}.training-wall__tile--wide{margin-top:0}}
@media(max-width:600px){.teachers-page .training-wall{padding-top:64px;padding-bottom:82px}.training-wall__heading{margin-bottom:34px}.training-wall__heading h1{font-size:clamp(41px,11vw,54px)}.training-wall__grid{display:grid;grid-template-columns:1fr;grid-template-areas:"hero" "one" "two" "wide";gap:15px}.training-wall__tile,.training-wall__tile--hero{border-radius:15px}.training-wall__tile--hero{border-width:3px;box-shadow:7px 7px 0 #062b9a}.training-wall__tile--one{transform:none}.training-wall__tile--wide{margin-top:0}}
/* Training photos use one editorial record card: a large real image, then a
   concise story panel and manual page markers.  The structure is familiar
   to parents while remaining recognisably MyGuru. */
.teachers-page .training-record{display:grid;place-items:center;padding:clamp(62px,9vw,118px) 24px;background:#fffdf7}
.training-record__intro{width:min(100%,760px);margin:0 0 clamp(36px,5vw,58px)}
.training-record__intro h1{display:inline-block;max-width:100%;margin:0;padding:.12em .2em .16em;background:var(--blue);box-shadow:.11em .11em 0 var(--yellow);color:var(--yellow);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(48px,6vw,84px);font-weight:900;line-height:.94;letter-spacing:.035em;white-space:nowrap}
.training-record__intro>p:last-child{max-width:35em;margin:22px 0 0;color:var(--muted);font-size:clamp(16px,1.65vw,19px);line-height:1.72}
.training-record__team-photo{width:min(100%,1100px);margin:0 0 clamp(62px,8vw,106px);padding:clamp(26px,4vw,54px);overflow:hidden;border:2px solid var(--yellow);border-radius:24px;background:radial-gradient(circle at 84% 7%,#1646b4 0,transparent 28%),linear-gradient(145deg,#061b63,#062b9a 58%,#04184f);box-shadow:14px 14px 0 var(--yellow);color:#fff}
.training-record__team-photo figcaption span{display:block;color:var(--yellow);font-size:clamp(11px,1.4vw,15px);font-weight:900;letter-spacing:.16em}
.training-record__team-photo figcaption strong{display:block;margin-top:13px;color:#fff;font-size:clamp(38px,5vw,68px);font-weight:900;line-height:1.08;letter-spacing:-.055em}
.training-record__team-photo figcaption small{display:block;margin-top:13px;color:#dce6ff;font-size:clamp(15px,1.7vw,19px);font-weight:700}
.training-record__team-photo img{display:block;width:100%;height:auto;margin-top:clamp(25px,3vw,38px);border:2px solid var(--yellow);border-radius:14px;background:#fff;object-fit:contain}
.training-record__card{width:min(100%,760px);padding:clamp(16px,2.6vw,28px);border:2px solid #ffd21c;border-radius:24px;background:linear-gradient(145deg,#092f9d 0%,#062b9a 56%,#041b66 100%);box-shadow:0 22px 45px rgba(7,31,110,.18)}
.training-record__card+.training-record__card{margin-top:clamp(60px,8vw,108px)}
.training-record__image{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.65);border-radius:16px;background:#edf2ff}
.training-record__image img{display:block;width:100%;aspect-ratio:1.42/1;background:#fff;object-fit:contain}
.training-record__story{position:relative;margin-top:clamp(18px,2.8vw,28px);padding:clamp(26px,4.2vw,44px);overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:17px;background:rgba(1,19,79,.35)}
.training-record__story:before{position:absolute;top:-30%;left:22%;width:8px;height:170%;background:rgba(255,255,255,.07);transform:rotate(18deg);content:""}
.training-record__story>*{position:relative;z-index:1}
.training-record__story p{margin:0;color:#ffd21c;font-size:clamp(12px,1.6vw,17px);font-weight:900;letter-spacing:.15em}
.training-record__story h2{max-width:none;margin:clamp(22px,3vw,34px) 0 15px;color:#fff;font-size:clamp(39px,5.2vw,66px);font-weight:900;line-height:1.08;letter-spacing:-.055em;white-space:nowrap}
.training-record__story>span{display:block;color:#dce6ff;font-size:clamp(17px,2vw,24px);font-weight:700}
.training-record__pager{display:flex;gap:16px;margin-top:clamp(28px,4vw,42px)}
.training-record__pager button{width:74px;height:12px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.28);cursor:pointer}
.training-record__pager button.is-active{background:#ffd21c}
.teachers-consult{padding:clamp(82px,11vw,146px) clamp(24px,7vw,110px);background:linear-gradient(120deg,#06184f,#0c329e 60%,#1557c8);color:#fff}
.teachers-consult>div{max-width:1000px}
.teachers-consult .eyebrow{color:var(--yellow)}
.teachers-consult h2{margin:18px 0 0;color:#fff;font-size:clamp(45px,6vw,92px);font-weight:900;line-height:1.04;letter-spacing:-.065em}
.teachers-consult>div>p:last-of-type{max-width:570px;margin:27px 0 0;color:#dce5ff;font-size:clamp(16px,1.6vw,19px);line-height:1.72}
.teachers-consult .button.primary{display:inline-flex;align-items:center;gap:16px;min-height:56px;margin-top:33px;padding:14px 24px;border:0;border-radius:999px;background:linear-gradient(100deg,#ffbd12,#ffdf5d);box-shadow:0 7px 0 #d6ad0b;color:#08236e;cursor:pointer;font:inherit;font-size:17px;font-weight:900}
.teachers-consult .button.primary:hover{transform:translateY(-3px);background:#fff4bd}
@media (hover:hover) and (pointer:fine){.training-record__pager button{transition:transform .2s ease,background-color .2s ease}.training-record__pager button:hover{background:#fff;transform:scaleX(1.08)}}
@media(max-width:600px){.teachers-page .training-record{padding:48px 24px 80px}.training-record__intro{margin-bottom:34px}.training-record__intro h1{padding:.13em .17em .16em;font-size:clamp(32px,8.5vw,38px);letter-spacing:.02em}.training-record__intro>p:last-child{margin-top:17px;font-size:16px}.training-record__team-photo{margin-bottom:64px;padding:24px 18px;border-radius:16px;box-shadow:8px 8px 0 var(--yellow)}.training-record__team-photo figcaption strong{margin-top:10px;font-size:clamp(34px,9.4vw,42px)}.training-record__team-photo figcaption small{margin-top:10px;font-size:15px}.training-record__team-photo img{margin-top:23px;border-radius:10px}.training-record__card{padding:9px;border-radius:17px}.training-record__image{border-radius:11px}.training-record__story{margin-top:12px;padding:26px 22px;border-radius:12px}.training-record__story h2{margin-top:24px;font-size:clamp(34px,9.4vw,43px)}.training-record__pager{gap:12px;margin-top:31px}.training-record__pager button{width:calc((100vw - 142px) / 4);max-width:62px;height:10px}.teachers-consult{padding:78px 24px}.teachers-consult h2{font-size:clamp(42px,10.6vw,52px)}.teachers-consult .button.primary{width:100%;min-height:58px;justify-content:center;margin-top:29px}}

/* Award proof must never compete with its own heading.  On a desktop canvas,
   reserve a real reading column and keep the evidence poster within its lane. */
@media (min-width:1001px){
  .awards{grid-template-columns:minmax(600px,1fr) minmax(0,1fr);column-gap:clamp(42px,4vw,72px)}
  .awards .why-myguru-title{white-space:normal}
  .awards .award-feature-poster{width:min(100%,620px);justify-self:end}
}

/* Desktop reading rhythm: real photos support the explanation rather than
   becoming oversized panels that force copy to collide or disappear. */
@media (min-width:1001px){
  .awards{
    grid-template-columns:minmax(0,1fr) minmax(420px,480px);
    column-gap:clamp(56px,5vw,88px);
    align-items:center;
  }
  .awards .awards-heading{max-width:620px}
  .awards .award-feature-poster{width:100%;max-width:480px;justify-self:end}
  .awards .why-myguru-title{max-width:100%;font-size:clamp(44px,3.5vw,58px);line-height:1.12}
  .awards .section-heading>p:last-child{font-size:clamp(17px,1.35vw,21px);line-height:1.7}

  .promise{
    grid-template-columns:minmax(0,1fr) minmax(430px,500px);
    column-gap:clamp(56px,5vw,88px);
  }
  .promise .section-heading{max-width:600px}
  .promise .section-heading h2{font-size:clamp(42px,3.35vw,56px);line-height:1.14}
  .promise .section-heading h2 span{white-space:normal}
  .promise .promise-poster{width:100%;max-width:500px;justify-self:end}

  .student-results-showcase{width:min(100%,480px);margin-top:44px}
  .student-results-copy h3{font-size:clamp(25px,2.3vw,34px)}

  .care-band{
    grid-template-columns:minmax(0,1fr) minmax(400px,460px);
    gap:clamp(56px,5vw,88px);
  }
  .care-card{width:100%;max-width:460px}

  .method-feature{
    grid-template-columns:minmax(0,520px) minmax(320px,1fr);
    gap:clamp(32px,4vw,58px);
  }
  .method-feature>img{min-height:0;height:auto;max-height:430px;object-fit:contain}

  .branch-feature{grid-template-columns:minmax(0,540px) minmax(0,1fr)}
  .branch-feature>img{max-height:420px;object-fit:contain;background:#eef2ff}
  .branch-feature-body h3{white-space:normal}

  .consultants-section .section-heading h2{font-size:clamp(38px,3.4vw,54px)}
  .consultant-cards article{min-height:230px}
  .consultant-cards article>img{min-height:230px;max-height:260px}
}

/* The awards proof is a vertical poster.  Keeping it beside short copy creates
   an artificial empty wall, so desktop follows the same clear reading order as
   the page: claim, explanation, proof points, then the real poster. */
@media (min-width:1001px){
  .awards{
    display:block;
    padding-top:88px;
    padding-bottom:92px;
    text-align:center;
  }
  .awards .awards-heading{
    max-width:840px;
    margin-inline:auto;
    text-align:center;
  }
  .awards .why-myguru-title{
    font-size:clamp(42px,3.6vw,56px);
  }
  .awards .section-heading>p:last-child{
    max-width:620px;
    margin:18px auto 0;
  }
  .awards .award-values{
    display:flex;
    grid-template-columns:none;
    width:auto;
    margin:28px auto 0;
    justify-content:center;
    gap:10px;
  }
  .awards .award-values span{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:9px 14px;
    border:1px solid rgba(255,210,28,.54);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;
    font-size:15px;
    letter-spacing:.02em;
    line-height:1;
    text-shadow:none;
    transform:none!important;
  }
  .awards .award-feature-poster{
    display:block;
    width:min(100%,380px);
    max-width:380px;
    margin:36px auto 0;
    padding:10px;
    justify-self:auto;
  }
  .awards .award-feature-poster img{max-height:none;object-fit:contain}
}

/* Final desktop sizing pass.  This sits last on purpose: older campaign
   experiments above must not make a vertical poster consume a whole screen. */
@media (min-width:1101px){
  .awards{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,350px);grid-template-rows:auto auto;column-gap:clamp(68px,8vw,126px);align-items:center;padding-top:88px;padding-bottom:88px;text-align:left}
  .awards .awards-heading{grid-column:1;grid-row:1;max-width:540px;margin:0;text-align:left}
  .awards .why-myguru-title{font-size:clamp(42px,3.4vw,53px);line-height:1.12}
  .awards .section-heading>p:last-child{max-width:470px;margin:18px 0 0;font-size:17px}
  .awards .award-values{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,max-content);justify-content:start;gap:10px;margin:28px 0 0}
  .awards .award-values span{display:inline-flex;align-items:center;min-height:38px;padding:9px 13px;border:1px solid rgba(255,210,28,.54);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;letter-spacing:.02em;line-height:1;text-shadow:none;transform:none!important}
  .awards .award-feature-poster{grid-column:2;grid-row:1 / span 2;display:block;width:100%;max-width:350px;margin:0;justify-self:end;padding:9px}
  .awards .award-feature-poster figcaption{padding:10px 2px 1px;font-size:12px}

  .promise{grid-template-columns:minmax(0,1fr) minmax(350px,400px);column-gap:clamp(62px,7vw,112px);padding-bottom:88px}
  .promise .promise-poster{width:100%;max-width:400px;padding:9px}
  .student-results-showcase{width:min(100%,440px);margin-top:38px}
  .care-band{grid-template-columns:minmax(0,1fr) minmax(350px,400px);gap:clamp(62px,7vw,112px);padding-block:88px}
  .care-card{max-width:400px;padding:9px}
  .care-card>div{padding:10px 1px 1px}
}
/* The page title itself is the hierarchy; remove decorative tag labels. */
body.teachers-page .eyebrow,
body.story-page .eyebrow { display: none !important; }

/* The teachers page follows the homepage and story-page rhythm: a strong
   editorial statement beside real team proof, then two balanced activity cards. */
@media (min-width: 701px) {
  .teachers-page .training-record {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "intro team"
      "training school";
    gap: clamp(46px, 6vw, 82px) clamp(32px, 4vw, 58px);
    align-items: start;
    max-width: 1320px;
    margin: 0 auto;
    padding-top: clamp(88px, 10vw, 142px);
    padding-bottom: clamp(90px, 10vw, 150px);
  }

  .training-record__intro {
    grid-area: intro;
    align-self: center;
    width: auto;
    margin: 0;
    padding: 12px 0 12px clamp(20px, 2vw, 32px);
    border-left: 8px solid var(--yellow);
  }

  .training-record__intro h1 {
    display: grid;
    gap: .12em;
    width: max-content;
    max-width: 100%;
    padding: 0;
    background: transparent;
    box-shadow: none;
    color: var(--blue);
    font-size: clamp(70px, 6.5vw, 104px);
    line-height: .88;
    letter-spacing: -.07em;
    white-space: normal;
  }

  .training-record__intro h1 span {
    display: block;
    color: var(--blue);
    font-size: .72em;
    line-height: .9;
    letter-spacing: -.075em;
  }

  .training-record__intro h1 strong {
    display: inline-block;
    width: max-content;
    max-width: 100%;
    padding: .08em .12em .14em .08em;
    background: var(--blue);
    box-shadow: .12em .12em 0 var(--yellow);
    color: var(--yellow);
    font: inherit;
    font-weight: 900;
    line-height: .86;
    white-space: nowrap;
  }

  .training-record__intro > p:last-child {
    max-width: 29ch;
    margin-top: 31px;
    padding-left: 16px;
    border-left: 3px solid #c4d0ec;
    color: var(--muted);
    font-size: clamp(16px, 1.35vw, 19px);
    line-height: 1.78;
  }

  .training-record__team-photo {
    grid-area: team;
    width: 100%;
    margin: 0;
    padding: clamp(24px, 3.3vw, 46px);
    border-radius: 26px;
    box-shadow: 16px 16px 0 var(--yellow);
  }

  .training-record__team-photo figcaption strong { font-size: clamp(40px, 4vw, 63px); }
  .training-record__card { width: 100%; margin: 0; padding: clamp(12px, 1.8vw, 20px); border-radius: 21px; }
  .training-record__card + .training-record__card { margin-top: 0; }
  .training-record__card:not(.training-record__card--school) { grid-area: training; }
  .training-record__card--school { grid-area: school; }
  .training-record__story { margin-top: 14px; padding: clamp(22px, 2.5vw, 33px); }
  .training-record__story h2 { margin: 19px 0 10px; font-size: clamp(31px, 3vw, 48px); }
  .training-record__story > span { font-size: clamp(15px, 1.35vw, 18px); }
  .training-record__pager { gap: 10px; margin-top: 24px; }
  .training-record__pager button { width: 44px; height: 9px; }
}

/* Story and teacher pages keep the desktop header on iPad too. */
@media (min-width: 768px) and (max-width: 1000px) {
  .site-header { height: 64px; padding: 7px 14px; gap: 8px; }
  .brand img { width: 112px; }
  .menu-button { display: none !important; }
  .nav { position: static; width: auto; margin-left: auto; padding: 0; display: flex !important; flex-direction: row; align-items: center; gap: clamp(5px, .8vw, 9px); background: transparent; box-shadow: none; }
  .nav a { padding: 0; font-size: clamp(10px, 1.3vw, 12px); white-space: nowrap; }
  .header-cta { padding: 8px 10px; font-size: 11px; }
}

/* Portrait iPad gives the story and faculty page room to breathe, without
   forcing desktop cards into narrow columns. */
@media (min-width: 768px) and (max-width: 900px) and (orientation: portrait) {
  .site-header { height: 70px; padding: 9px 28px; gap: 14px; }
  .brand img { width: 142px; }
  .menu-button { width: 42px; height: 42px; margin-left: auto; display: grid !important; place-content: center; gap: 5px; border: 1px solid var(--line); border-radius: 4px; background: #fff; }
  .menu-button span { width: 18px; height: 2px; display: block; background: var(--blue); }
  .nav { position: absolute; top: calc(100% + 8px); right: 28px; width: min(360px, calc(100vw - 56px)); margin: 0; padding: 14px; display: none !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,253,247,.98); box-shadow: 0 18px 42px rgba(7,23,66,.15); }
  .nav.open { display: grid !important; }
  .nav a { padding: 10px 9px; font-size: 14px; }
  .header-cta { min-height: 42px; padding: 10px 15px; font-size: 13px; }
  .teachers-page .training-record { grid-template-columns: 1fr; grid-template-areas: "intro" "team" "training" "school"; gap: 42px; padding: 76px 28px 94px; }
  .training-record__intro { max-width: 620px; }
  .training-record__team-photo,.training-record__card { width: min(100%, 680px); justify-self: start; }
}

/* Final portrait cascade: same compact desktop layout as landscape iPad. */
@media (min-width:768px) and (max-width:900px) and (orientation:portrait){
  .site-header{height:64px;padding:7px 14px;gap:8px}.brand img{width:112px}.menu-button{display:none!important}.nav{position:static;width:auto;margin-left:auto;padding:0;display:flex!important;flex-direction:row;align-items:center;gap:clamp(5px,.8vw,9px);background:transparent;box-shadow:none}.nav a{padding:0;font-size:clamp(10px,1.3vw,12px);white-space:nowrap}.header-cta{min-height:36px;padding:8px 10px;font-size:11px}
  .teachers-page .training-record{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"intro team" "training school";gap:clamp(46px,6vw,82px) clamp(32px,4vw,58px);padding-top:clamp(88px,10vw,142px);padding-bottom:clamp(90px,10vw,150px)}.training-record__intro{max-width:none}.training-record__team-photo,.training-record__card{width:100%;justify-self:auto}
}

/* Long account names must stay inside their own platform column. */
.social-account-links a{width:100%;overflow-wrap:anywhere;word-break:break-word}

/* Keep the phone daycare label aligned with the desktop service terminology. */
.care-card b:nth-child(3){font-size:0}.care-card b:nth-child(3)::after{content:"报告群组";font-size:14px}