{"id":35271,"date":"2026-05-11T09:08:54","date_gmt":"2026-05-11T15:08:54","guid":{"rendered":"https:\/\/join-us.esf.edu.hk\/?page_id=34352"},"modified":"2026-05-11T09:08:54","modified_gmt":"2026-05-11T15:08:54","slug":"new-approach-to-early-years-at-esf","status":"publish","type":"page","link":"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/","title":{"rendered":"New approach to Early Years at ESF"},"content":{"rendered":"<h2 style=\"font-size: 45px; line-height: 1.2;\"><b>Every Moment<\/b><br \/>\n<b><br \/>Matters.<\/b><\/h2>\n<p>The time your child spends in the classroom is a unique opportunity to find their passions, harness new skills and develop a love of learning. Our new K1 to Y13 through-train allows them to make the most of every single moment.<br \/>\n\t\t\t<a href=\"https:\/\/join-us.esf.edu.hk\/admissions\/\" target=\"_blank\" rel=\"noopener\"><br \/>\n\t\t\t\t\t\t\t\t\tHow To Apply<br \/>\n\t\t\t\t\t<\/a><br \/>\n\t\t\t<a href=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2026\/06\/260608-ESF-pathway-en-v5.pdf\" target=\"_blank\" rel=\"noopener\"><br \/>\n\t\t\t\t\t\t\t\t\tDownload Brochure<br \/>\n\t\t\t\t\t<\/a><br \/>\n<iframe allowfullscreen allow=\"autoplay;encrypted-media\" title=\"youtube Video Player\" data-lazy-load=\"https:\/\/www.youtube.com\/embed\/uAOBW_eMjO4?feature=oembed&amp;start&amp;end&amp;wmode=opaque&amp;autoplay=0&amp;loop=0&amp;controls=1&amp;mute=0&amp;rel=0&amp;modestbranding=0\"><\/iframe><br \/>\n\tPlay Video<br \/>\n\t\tVideo: A new approach to Early Years at ESF<\/p>\n<h2><b>A Vision for Early Years Excellence<\/b><\/h2>\n<p style=\"margin-bottom: 0.2em;\">We&#8217;ve redesigned our structure to offer parents peace of mind and students a world-class education from K1 right through to Y13.<\/p>\n<p><\/p>\n<p style=\"margin-bottom: 0.2em;\">Starting September 2026, families applying for a K1 place at an ESF kindergarten will be informed of their linked primary school or schools.<\/p>\n<p style=\"margin-bottom: 0.2em;\">Parents will be offered a guaranteed place for their child at a linked primary school following completion of the kindergarten phase.<\/p>\n<p style=\"margin-bottom: 0.2em;\">Secondary schools are already linked to primaries \u2013 offering parents complete certainty of their child&#8217;s full educational journey from K1 to Y13.<\/p>\n<p>\t\t\t<!-- ============================================================\n     ESF \"All-Through Pathway\" benefits cards \u2014 BILINGUAL\n     Self-contained + scoped under .esf-benefits so it is safe to\n     paste straight into an Elementor HTML widget.\n     LANGUAGE LOGIC:\n     - If window.location.href contains \"zh-hant\"  -> Traditional Chinese\n     - Otherwise                                   -> English\n     Both languages live in data-en \/ data-zh attributes; a small\n     scoped script picks the right one at load.\n     PREVIEW TIP: to force a language while testing (e.g. inside the\n     Elementor editor where the URL has no \/zh-hant\/), set\n     FORCE_LANG below to 'zh' or 'en'. Leave it null in production.\n     ============================================================ --><\/p>\n<section aria-label=\"Benefits of the ESF all-through pathway\">\n<style>\n    .esf-benefits{\n      \/* ---- design tokens (edit here) ---- *\/\n      --esf-maroon:#8b1538;\n      --esf-blush:#fbe9ee;\n      --esf-heading:#2b2a3d;\n      --esf-body:#4b4b55;\n      --esf-card-bg:#ffffff;\n      --esf-card-border:#e6e6ea;\n      --esf-card-border-hover:#d6b3bf;\n      --esf-radius:18px;\n      --esf-gap:24px;\n      \/* CJK fonts appended so Traditional Chinese headings\/body render cleanly on HK devices *\/\n      --esf-serif:\"Georgia\",\"Times New Roman\",\"Noto Serif HK\",\"Noto Serif TC\",\"Source Han Serif HK\",serif;\n      --esf-sans:-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"PingFang HK\",\"Noto Sans HK\",\"Microsoft JhengHei\",Helvetica,Arial,sans-serif;\n      box-sizing:border-box;\n      display:grid;\n      grid-template-columns:repeat(4,minmax(0,1fr));\n      gap:var(--esf-gap);\n      max-width:1280px;\n      margin-inline:auto;\n      padding:8px;\n    }\n    .esf-benefits *{box-sizing:border-box;}\n    .esf-benefits .esf-card{\n      background:var(--esf-card-bg);\n      border:1px solid var(--esf-card-border);\n      border-radius:var(--esf-radius);\n      padding:30px 26px;\n      display:flex;\n      flex-direction:column;\n      transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n      opacity:0;\n      transform:translateY(14px);\n      animation:esf-rise .55s ease forwards;\n    }\n    .esf-benefits .esf-card:nth-child(1){animation-delay:.05s;}\n    .esf-benefits .esf-card:nth-child(2){animation-delay:.13s;}\n    .esf-benefits .esf-card:nth-child(3){animation-delay:.21s;}\n    .esf-benefits .esf-card:nth-child(4){animation-delay:.29s;}\n    .esf-benefits .esf-card:hover{\n      transform:translateY(-4px);\n      border-color:var(--esf-card-border-hover);\n      box-shadow:0 14px 30px -18px rgba(139,21,56,.45);\n    }\n    .esf-benefits .esf-icon{\n      width:56px;\n      height:56px;\n      border-radius:14px;\n      background:var(--esf-blush);\n      color:var(--esf-maroon);\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      margin-bottom:22px;\n      flex:0 0 auto;\n    }\n    .esf-benefits .esf-icon svg{width:28px;height:28px;display:block;}\n    .esf-benefits .esf-card h3{\n      font-family:var(--esf-serif);\n      font-weight:700;\n      font-size:1.4rem;\n      line-height:1.25;\n      color:var(--esf-heading);\n      margin:0 0 14px;\n    }\n    .esf-benefits .esf-card p{\n      font-family:var(--esf-sans);\n      font-size:1rem;\n      line-height:1.55;\n      color:var(--esf-body);\n      margin:0;\n    }\n    @keyframes esf-rise{to{opacity:1;transform:translateY(0);}}\n    @media (prefers-reduced-motion:reduce){\n      .esf-benefits .esf-card{animation:none;opacity:1;transform:none;}\n    }\n    \/* ---- responsive: 4 -> 2 -> 1 ---- *\/\n    @media (max-width:1024px){\n      .esf-benefits{grid-template-columns:repeat(2,minmax(0,1fr));}\n    }\n    @media (max-width:600px){\n      .esf-benefits{grid-template-columns:1fr;}\n    }\n  <\/style>\n<p>  <!-- Card 1 --><\/p>\n<article>\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M23 12l-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82 1.89 3.2L12 21.04l3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 12zm-12.91 4.72l-3.8-3.81 1.48-1.48 2.32 2.33 5.85-5.87 1.48 1.48-7.33 7.35z\"\/><\/svg><\/p>\n<h3 data-en=\"Absolute Certainty\" data-zh=\"\u7d55\u5c0d\u4fdd\u969c\"><\/h3>\n<p data-en=\"Enjoy a guaranteed primary and secondary place for your child if they enrol in an ESF kindergarten.\"\n       data-zh=\"\u53ea\u8981\u5165\u8b80\u82f1\u57fa\u5e7c\u7a1a\u5712\uff0c\u5373\u53ef\u78ba\u4fdd\u5c0f\u5b78\u548c\u4e2d\u5b78\u5b78\u4f4d\u3002\"><\/p>\n<\/article>\n<p>  <!-- Card 2 --><\/p>\n<article>\n      <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2026\/05\/2_seamless_journey_route.svg\" alt=\"\" width=\"28\" height=\"28\"><\/p>\n<h3 data-en=\"Seamless Journey\" data-zh=\"\u7121\u7e2b\u929c\u63a5\"><\/h3>\n<p data-en=\"The transition between phases will be better managed than ever before \u2013 as our teachers take collaboration to the next level.\"\n       data-zh=\"\u5404\u5b78\u6bb5\u7684\u904e\u6e21\u6bd4\u4ee5\u5f80\u66f4\u52a0\u9806\u66a2\uff0c\u6559\u5e2b\u9593\u9054\u6210\u66f4\u9ad8\u6c34\u6e96\u7684\u5354\u4f5c\u3002\"><\/p>\n<\/article>\n<p>  <!-- Card 3 --><\/p>\n<article>\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 12.75c1.63 0 3.07.39 4.24.9 1.08.48 1.76 1.56 1.76 2.73V18H6v-1.61c0-1.18.68-2.26 1.76-2.73 1.17-.52 2.61-.91 4.24-.91zM4 13c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm1.13 1.1c-.37-.06-.74-.1-1.13-.1-.99 0-1.93.21-2.78.58A2.01 2.01 0 0 0 0 16.43V18h4.5v-1.61c0-.83.23-1.61.63-2.29zM20 13c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm4 3.43c0-.81-.48-1.53-1.22-1.85A6.95 6.95 0 0 0 20 14c-.39 0-.76.04-1.13.1.4.68.63 1.46.63 2.29V18H24v-1.57zM12 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3z\"\/><\/svg><\/p>\n<h3 data-en=\"Resources Shared Across Schools\" data-zh=\"\u8de8\u6821\u8cc7\u6e90\u5171\u4eab\"><\/h3>\n<p data-en=\"Your child will have access to specialists and support teachers whatever school they attend.\"\n       data-zh=\"\u7121\u8ad6\u5c31\u8b80\u54ea\u6240\u5b78\u6821\uff0c\u90fd\u80fd\u7372\u5f97\u5c08\u79d1\u53ca\u8f14\u5c0e\u6559\u5e2b\u7684\u652f\u6301\u3002\"><\/p>\n<\/article>\n<p>  <!-- Card 4 --><\/p>\n<article>\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z\"\/><\/svg><\/p>\n<h3 data-en=\"One Amazing Community\" data-zh=\"\u975e\u51e1\u7684\u4e00\u9ad4\u5316\u793e\u7fa4\"><\/h3>\n<p data-en=\"Be a part of a true all-through education system.\"\n       data-zh=\"\u6210\u70ba\u771f\u6b63\u4e00\u689d\u9f8d\u6559\u80b2\u9ad4\u7cfb\u7684\u4e00\u54e1\u3002\"><\/p>\n<\/article>\n<\/section>\n<h2 style=\"color: #000000;\"><b>Educational Pathway for K1 in 2027\/28 and onwards<\/b><\/h2>\n<p>Find your kindergarten and its associated primary and secondary schools. <br \/>*Click any school to check out the pathway and school details.<\/p>\n<p>\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n<meta charset=\"UTF-8\"><br \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n<title>ESF School Pathways<\/title><br \/>\n<!-- DM Sans (via the provided Adobe Typekit kit) -->\n<link rel=\"stylesheet\" href=\"https:\/\/use.typekit.net\/ofo8umg.css\">\n<style>\n  :root{\n    --esf-red: #8B1A3C;\n    --esf-red-dark: #6B1230;\n    --line-red: #A53552;\n    --card-bg: #EDE6D9;\n    --card-bg-alt: #E0D9CA;\n    --card-border: #D9CDB5;\n    --btn-brown: #8B7355;\n    --btn-brown-hover: #6F5A42;\n    --text-dark: #2A2A2A;\n    --text-muted: #555;\n    --bg: #FFFFFF;\n    --dim: 0.18;\n    --transition: all 0.3s ease;\n  }\n  \/* Neutralise any host-page CSS variables \/ inherited padding on the widget root *\/\n  .esfp-root{\n    --padding-left: 0 !important;\n    --padding-right: 0 !important;\n    --padding-top: 0 !important;\n    --padding-bottom: 0 !important;\n    --content-padding: 0 !important;\n    --gutter: 0 !important;\n    --container-padding: 0 !important;\n    padding: 0 !important;\n    margin: 0 auto !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    box-sizing: border-box;\n  }\n  .esfp-root *{ box-sizing: border-box; margin: 0; padding: 0; }\n  .esfp-root body{\n    \/* Global typeface: DM Sans (from Adobe Typekit). Typekit ships it under\n       the `dm-sans` family name; falls back to the Google-Fonts name and\n       system sans if the kit isn't reachable. *\/\n    font-family: 'dm-sans', 'DM Sans', 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;\n    background: var(--bg);\n    color: var(--text-dark);\n    padding: 24px;\n    min-width: 1200px;\n  }\n  \/* ============== CHART HEADER (legend only, right-aligned) ============== *\/\n  .esfp-root .chart-header{\n    max-width: 1200px;\n    margin: 0 auto 24px;\n    display: flex;\n    justify-content: flex-end;\n  }\n  .esfp-root .chart-header-right{\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 16px;\n  }\n  .esfp-root .reset-btn{\n    flex-shrink: 0;\n    white-space: nowrap;\n    align-self: center;\n    background: var(--esf-red);\n    color: white;\n    border: none;\n    padding: 7px 16px;\n    border-radius: 100px;\n    font-size: 12px;\n    cursor: pointer;\n    transition: var(--transition);\n    opacity: 0;\n    pointer-events: none;\n    z-index: 50;\n    box-shadow: 0 4px 12px rgba(139, 26, 60, 0.25);\n  }\n  .esfp-root .reset-btn.show{ opacity: 1; pointer-events: auto; }\n  .esfp-root .reset-btn:hover{ background: var(--esf-red-dark); }\n  .esfp-root .chart{\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n  }\n  \/* ============== CHART LEGEND (header, right side) ============== *\/\n  .esfp-root .chart-legend{\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--text-muted);\n    line-height: 1.3;\n    align-items: stretch;\n    min-width: 360px;\n  }\n  .esfp-root .legend-row{\n    display: grid;\n    grid-template-columns: 44px 1fr;\n    align-items: center;\n    gap: 10px;\n  }\n  .esfp-root .legend-swatch{\n    width: 44px;\n    height: 14px;\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n  .esfp-root .legend-swatch::before{\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 0;\n    border-top-width: 2px;\n    border-top-style: solid;\n  }\n  \/* Guaranteed swatch shows three stacked red lines (matching the image) \u2014 each\n     P\u2192S destination has its own colour, all under the same \"Guaranteed\" type. *\/\n  .esfp-root .legend-row.guaranteed .legend-swatch{\n    flex-direction: column;\n    justify-content: center;\n    gap: 2px;\n  }\n  .esfp-root .legend-row.guaranteed .legend-swatch::before{ display: none; }\n  .esfp-root .legend-row.guaranteed .legend-swatch::after{\n    content: '';\n    display: block;\n    height: 14px;\n    background:\n      linear-gradient(to bottom,\n        #B48196 0, #B48196 2px,\n        transparent 2px, transparent 3px,\n        #A85A6F 3px, #A85A6F 5px,\n        transparent 5px, transparent 6px,\n        #358A7D 6px, #358A7D 8px,\n        transparent 8px, transparent 9px,\n        #2C6B93 9px, #2C6B93 11px,\n        transparent 11px, transparent 12px,\n        #F0A922 12px, #F0A922 14px);\n    width: 100%;\n  }\n  .esfp-root .legend-row.central .legend-swatch::before{\n    border-top-color: #833849;\n    border-top-style: dashed;\n  }\n  .esfp-root .legend-row.review .legend-swatch::before{\n    border-top-color: #C2B399;\n    border-top-style: dashed;\n  }\n  .esfp-root .legend-label{\n    color: var(--esf-red);\n    font-weight: 600;\n    font-style: italic;\n    font-size: 11px;\n  }\n  .esfp-root .legend-row.review .legend-label{\n    color: var(--text-muted);\n    font-weight: 500;\n    font-style: italic;\n  }\n  .esfp-root .connections{\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n  }\n  .esfp-root .connections path{\n    fill: none;\n    stroke: var(--line-red);\n    stroke-width: 2.4;\n    opacity: 0.85;\n    transition: stroke-width 0.4s ease, opacity 0.4s ease, stroke 0.4s ease;\n  }\n  \/* === COLOUR-CODED PATHWAY TYPES === *\/\n  \/* 1. Guaranteed Pathway \u2014 base red (P\u2192S arrows override by destination below) *\/\n  .esfp-root .connections path.line-guaranteed{\n    stroke: var(--line-red);\n    stroke-dasharray: none;\n  }\n  \/* 2. Central Allocation \u2014 dashed dark wine (Hillside \/ West Kowloon \/ Wu Kai Sha \/ Tsing Yi) *\/\n  .esfp-root .connections path.line-central{\n    stroke: #833849;\n    stroke-dasharray: 5 4;\n  }\n  \/* 3. Placement \/ Admission & Review Process \u2014 dashed warm beige (Renaissance KG \u2192 Sarah Roe) *\/\n  .esfp-root .connections path.line-review{\n    stroke: #C2B399;\n    stroke-dasharray: 6 5;\n    stroke-width: 2.6;\n  }\n  \/* Destination-coded colours for Primary\u2192Secondary arrows.\n     South Island confirmed by user as #B48196; remaining four are best-read\n     approximations from the JPEG and can be tweaked. *\/\n  .esfp-root .connections path[data-to=\"s-southisland\"]{ stroke: #B48196; }\n  .esfp-root .connections path[data-to=\"s-island\"]{ stroke: #A85A6F; }\n  .esfp-root .connections path[data-to=\"s-westisland\"]{ stroke: #358A7D; }\n  .esfp-root .connections path[data-to=\"s-kgv\"]{ stroke: #2C6B93; }\n  .esfp-root .connections path[data-to=\"s-shatincollege\"]{ stroke: #F0A922; }\n  .esfp-root .connections path.highlighted{\n    stroke-width: 4;\n    opacity: 1;\n    filter: drop-shadow(0 0 4px rgba(139, 26, 60, 0.35));\n  }\n  .esfp-root .connections path.highlighted.line-guaranteed{ stroke: var(--esf-red-dark); }\n  .esfp-root .connections path.highlighted.line-central{ stroke: #5C2231; }\n  .esfp-root .connections path.highlighted.line-review{ stroke: #8E7E63; }\n  \/* Highlighted P\u2192S keeps its destination hue but goes darker \/ saturated *\/\n  .esfp-root .connections path.highlighted[data-to=\"s-southisland\"]{ stroke: #8B5B6E; }\n  .esfp-root .connections path.highlighted[data-to=\"s-island\"]{ stroke: #823E54; }\n  .esfp-root .connections path.highlighted[data-to=\"s-westisland\"]{ stroke: #1F5C53; }\n  .esfp-root .connections path.highlighted[data-to=\"s-kgv\"]{ stroke: #1A4D6C; }\n  .esfp-root .connections path.highlighted[data-to=\"s-shatincollege\"]{ stroke: #B07F18; }\n  .esfp-root .connections path.dimmed{\n    opacity: 0.06;\n  }\n  \/* Arrowheads rendered as DOM elements so they can sit ABOVE cards (z-index 3) *\/\n  .esfp-root .line-arrow{\n    position: absolute;\n    width: 13px;\n    height: 10px;\n    background: var(--line-red);\n    clip-path: polygon(50% 100%, 0 0, 100% 0);\n    margin-left: -6.5px;\n    margin-top: -10px;\n    pointer-events: none;\n    z-index: 4;\n    opacity: 0.9;\n    transition: background 0.4s ease,\n                width 0.3s ease,\n                height 0.3s ease,\n                margin 0.3s ease,\n                opacity 0.4s ease,\n                filter 0.3s ease;\n  }\n  \/* Arrow colour matches each line type *\/\n  .esfp-root .line-arrow.line-guaranteed{ background: var(--line-red); }\n  .esfp-root .line-arrow.line-central{ background: #833849; }\n  .esfp-root .line-arrow.line-review{ background: #C2B399; }\n  \/* Destination-coded arrowhead colour for Primary\u2192Secondary (matches paths above) *\/\n  .esfp-root .line-arrow[data-to=\"s-southisland\"]{ background: #B48196; }\n  .esfp-root .line-arrow[data-to=\"s-island\"]{ background: #A85A6F; }\n  .esfp-root .line-arrow[data-to=\"s-westisland\"]{ background: #358A7D; }\n  .esfp-root .line-arrow[data-to=\"s-kgv\"]{ background: #2C6B93; }\n  .esfp-root .line-arrow[data-to=\"s-shatincollege\"]{ background: #F0A922; }\n  .esfp-root .line-arrow.highlighted{\n    width: 17px;\n    height: 13px;\n    margin-left: -8.5px;\n    margin-top: -13px;\n    opacity: 1;\n    filter: drop-shadow(0 0 3px rgba(139, 26, 60, 0.45));\n  }\n  .esfp-root .line-arrow.highlighted.line-guaranteed{ background: var(--esf-red-dark); }\n  .esfp-root .line-arrow.highlighted.line-central{ background: #5C2231; }\n  .esfp-root .line-arrow.highlighted.line-review{ background: #8E7E63; }\n  \/* Highlighted destination-coded arrows go darker *\/\n  .esfp-root .line-arrow.highlighted[data-to=\"s-southisland\"]{ background: #8B5B6E; }\n  .esfp-root .line-arrow.highlighted[data-to=\"s-island\"]{ background: #823E54; }\n  .esfp-root .line-arrow.highlighted[data-to=\"s-westisland\"]{ background: #1F5C53; }\n  .esfp-root .line-arrow.highlighted[data-to=\"s-kgv\"]{ background: #1A4D6C; }\n  .esfp-root .line-arrow.highlighted[data-to=\"s-shatincollege\"]{ background: #B07F18; }\n  .esfp-root .line-arrow.dimmed{\n    opacity: 0.06;\n  }\n  .esfp-root .tier-banner{\n    background: var(--esf-red);\n    color: white;\n    padding: 14px 20px;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 700;\n    border-radius: 10px;\n    position: relative;\n    z-index: 2;\n  }\n  .esfp-root .tier-subnote,\n  .esfp-root .tier-subnote *{\n    \/* \"At least 70% non-local students with overseas passports (excluding BNO)\"\n       and \"At least 70% students must hold Hong Kong Permanent Residency\"\n       both render in bold weight (700) in #822940. *\/\n    font-weight: 700;\n  }\n  .esfp-root .tier-subnote{\n    background: white;\n    border: 1.5px solid var(--esf-red);\n    padding: 10px 20px;\n    text-align: center;\n    font-size: 12px;\n    color: #822940;\n    margin-top: 6px;\n    border-radius: 10px;\n    position: relative;\n    z-index: 2;\n  }\n  .esfp-root .tier-row{ position: relative; z-index: 2; }\n  \/* Kindergarten tier *\/\n  .esfp-root .tier-kg-banners{\n    display: grid;\n    grid-template-columns: 9fr 3fr;\n    gap: 24px;\n    margin-bottom: 8px;\n  }\n  .esfp-root .tier-kg{\n    display: grid;\n    grid-template-columns: 9fr 3fr;\n    gap: 24px;\n    margin-bottom: 24px;\n  }\n  .esfp-root .kg-grid{\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 10px;\n  }\n  .esfp-root .kg-grid-single{ display: grid; grid-template-columns: 1fr; }\n  \/* Primary banner row *\/\n  .esfp-root .primary-banner-row{\n    display: grid;\n    grid-template-columns: 9fr 3fr;\n    gap: 24px;\n    margin-top: 60px;\n  }\n  \/* Inside the right 3fr cell: red banner spans all 3 columns (full width),\n     but the HKPR subtitle below only covers the first 2 (Discovery + Renaissance).\n     Sarah Roe (column 3) gets the banner but not the HKPR rule. *\/\n  .esfp-root .at-banner-row{\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    column-gap: 6px;\n    row-gap: 6px;\n    position: relative;\n    top: 50px;               \/* nudge the All Through banner + box lower *\/\n  }\n  .esfp-root .at-banner-full{\n    grid-column: 1 \/ -1;   \/* span all 3 columns *\/\n  }\n  .esfp-root .at-subnote-twothirds{\n    grid-column: 1 \/ span 2; \/* cover Discovery + Renaissance only *\/\n    margin-top: 0;\n    min-height: 84px;        \/* taller box \u2014 the Tsing Yi feeder arrow lands on it *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  \/* Primary tier \u2014 simplified name-only cards *\/\n  .esfp-root .primary-allthrough-row{\n    display: grid;\n    grid-template-columns: 9fr 3fr;\n    gap: 24px;\n    margin-top: 50px;\n  }\n  .esfp-root .primary-grid{\n    display: grid;\n    grid-template-columns: repeat(9, 1fr);\n    gap: 6px;\n  }\n  .esfp-root .allthrough-grid{\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 6px;\n    position: relative;\n    top: 50px;               \/* push All Through cards lower \u2192 longer drops from the box *\/\n  }\n  \/* Unified school name card \u2014 KG-style for ALL tiers (KG \/ Primary \/ All-Through \/ Secondary) *\/\n  .esfp-root .name-card{\n    background: white;\n    border: 1.5px solid var(--esf-red);\n    border-radius: 8px;\n    padding: 14px 10px;\n    cursor: pointer;\n    text-align: center;\n    font-size: 11.5px;\n    color: var(--esf-red);\n    font-weight: 600;\n    line-height: 1.3;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: var(--transition);\n    position: relative;\n    z-index: 2;\n  }\n  .esfp-root .name-card:hover{\n    background: #FFF5F0;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(139, 26, 60, 0.15);\n  }\n  \/* Secondary row \u2014 spans only the 9fr Primary column.\n     The 3fr All-Through column above stays empty here (its tall cards\n     visually own that vertical band, like the image). *\/\n  .esfp-root .secondary-row{\n    display: grid;\n    grid-template-columns: 9fr 3fr;\n    gap: 24px;\n    margin-top: 80px;\n  }\n  .esfp-root .secondary-col{ grid-column: 1; }\n  .esfp-root .secondary-banner-grid{\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 10px;\n    margin-bottom: 10px;\n  }\n  .esfp-root .secondary-cards-grid{\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 10px;\n  }\n  .esfp-root .allthrough-banner-grid{\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n    margin-bottom: 10px;\n  }\n  .esfp-root .allthrough-cards-grid{\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n  }\n  \/* Info icon hint on detail cards *\/\n  .esfp-root .info-hint{\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--esf-red);\n    color: white;\n    font-size: 10px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0.7;\n    transition: var(--transition);\n    cursor: pointer;\n    z-index: 3;\n    font-family: Georgia, serif;\n    font-style: italic;\n  }\n  .esfp-root .info-hint:hover{\n    opacity: 1;\n    transform: scale(1.2);\n    background: var(--esf-red-dark);\n    box-shadow: 0 2px 6px rgba(139, 26, 60, 0.4);\n  }\n  .esfp-root .name-card:hover .info-hint,\n.esfp-root .secondary-card:hover .info-hint{ opacity: 1; transform: scale(1.15); }\n  \/* Secondary tier \u2014 now uses KG-style (white bg, red border, red text) *\/\n  .esfp-root .secondary-card{\n    background: white;\n    color: var(--esf-red);\n    text-align: center;\n    padding: 14px 10px;\n    border: 1.5px solid var(--esf-red);\n    border-radius: 8px;\n    cursor: pointer;\n    font-size: 11.5px;\n    font-weight: 600;\n    line-height: 1.3;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: var(--transition);\n    position: relative;\n    z-index: 2;\n  }\n  .esfp-root .secondary-card:hover{\n    background: #FFF5F0;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(139, 26, 60, 0.15);\n  }\n  \/* Full-width banner spanning all secondary cards (cleaner than 5 narrow repeats) *\/\n  .esfp-root .secondary-banner-full{\n    background: var(--esf-red);\n    color: white;\n    padding: 13px 20px;\n    text-align: center;\n    font-size: 14px;\n    font-weight: 700;\n    border-radius: 10px;\n    margin-bottom: 12px;\n    position: relative;\n    z-index: 2;\n  }\n  \/* Legacy classes kept for back-compat but no longer used *\/\n  .esfp-root .secondary-banner-small{\n    background: var(--esf-red);\n    color: white;\n    padding: 10px 16px;\n    font-size: 13px;\n    font-weight: 500;\n    text-align: center;\n    border-radius: 2px;\n    position: relative;\n    z-index: 2;\n  }\n  \/* Selection state *\/\n  .esfp-root .clickable.dimmed{ opacity: var(--dim); }\n  .esfp-root .clickable.highlighted{\n    box-shadow: 0 0 0 2.5px var(--esf-red), 0 6px 20px rgba(139, 26, 60, 0.2);\n    transform: translateY(-2px);\n    z-index: 3;\n  }\n  .esfp-root .clickable.selected{\n    box-shadow: 0 0 0 3px var(--esf-red-dark), 0 8px 24px rgba(139, 26, 60, 0.3);\n    transform: translateY(-3px);\n    z-index: 3;\n    animation: pulse-glow 1.8s ease-in-out infinite;\n  }\n  .esfp-root .clickable{\n    transition: opacity 0.22s cubic-bezier(0.4, 0, 0.2, 1),\n                transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n                box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n                background 0.3s ease,\n                border-color 0.3s ease;\n  }\n  @keyframes pulse-glow {\n    0%, 100% {\n      box-shadow: 0 0 0 3px var(--esf-red-dark),\n                  0 8px 24px rgba(139, 26, 60, 0.3),\n                  0 0 0 0 rgba(139, 26, 60, 0.4);\n    }\n    50% {\n      box-shadow: 0 0 0 4px var(--esf-red-dark),\n                  0 10px 28px rgba(139, 26, 60, 0.4),\n                  0 0 0 10px rgba(139, 26, 60, 0);\n    }\n  }\n  \/* Staggered cascade \u2014 applied via class added by JS *\/\n  .esfp-root .clickable.cascade-enter{\n    animation: cascade-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n  }\n  @keyframes cascade-pop {\n    0%   { transform: translateY(10px) scale(0.92); }\n    55%  { transform: translateY(-7px) scale(1.07); }\n    100% { transform: translateY(-2px) scale(1); }\n  }\n  \/* Connection lines TRACE themselves from source \u2192 target on highlight *\/\n  .esfp-root .connections path.cascade-line{\n    stroke-dasharray: var(--draw-length);\n    stroke-dashoffset: var(--draw-length);\n    animation: line-draw 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n  }\n  @keyframes line-draw {\n    0% {\n      stroke-dashoffset: var(--draw-length);\n      stroke-width: 1.5;\n      filter: drop-shadow(0 0 0 transparent);\n    }\n    60% {\n      stroke-width: 4.5;\n      filter: drop-shadow(0 0 8px rgba(139, 26, 60, 0.55));\n    }\n    100% {\n      stroke-dashoffset: 0;\n      stroke-width: 3;\n      filter: drop-shadow(0 0 4px rgba(139, 26, 60, 0.35));\n    }\n  }\n  \/* Arrow appears AFTER its line finishes drawing *\/\n  .esfp-root .line-arrow.cascade-line{\n    animation: arrow-pop 0.4s 0.45s ease-out forwards;\n    opacity: 0;\n    transform: scale(0.2);\n  }\n  @keyframes arrow-pop {\n    0%   { opacity: 0; transform: scale(0.2); }\n    60%  { opacity: 1; transform: scale(1.45); }\n    100% { opacity: 1; transform: scale(1); }\n  }\n  \/* ============== MODAL ============== *\/\n  .esfp-root .modal-backdrop{\n    position: fixed;\n    inset: 0;\n    background: rgba(20, 8, 14, 0.55);\n    backdrop-filter: blur(3px);\n    z-index: 100;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.25s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n  }\n  .esfp-root .modal-backdrop.open{\n    opacity: 1;\n    pointer-events: auto;\n  }\n  .esfp-root .modal{\n    background: var(--card-bg);\n    border-radius: 6px;\n    max-width: 480px;\n    width: 100%;\n    max-height: 90vh;\n    overflow-y: auto;\n    padding: 28px 32px;\n    box-shadow: 0 24px 60px rgba(0,0,0,0.3);\n    transform: scale(0.95);\n    transition: transform 0.25s ease;\n    position: relative;\n  }\n  .esfp-root .modal-backdrop.open .modal{ transform: scale(1); }\n  .esfp-root .modal-close{\n    position: absolute;\n    top: 14px;\n    right: 14px;\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: #F8D749;\n    color: #263E46;\n    cursor: pointer;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);\n    transition: background 0.2s, transform 0.15s;\n    z-index: 2;\n    user-select: none;\n  }\n  .esfp-root .modal-close svg{ display: block; }\n  .esfp-root .modal-close:hover{\n    background: #E6C32E;\n    transform: scale(1.06);\n  }\n  .esfp-root .modal-close:focus-visible{\n    outline: 3px solid rgba(38, 62, 70, 0.35);\n    outline-offset: 2px;\n  }\n  .esfp-root .modal-school-name{\n    color: var(--esf-red);\n    font-size: 22px;\n    font-weight: 700;\n    margin-bottom: 4px;\n    padding-right: 56px;\n    line-height: 1.25;\n  }\n  .esfp-root .modal-school-tier{\n    color: var(--text-muted);\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 20px;\n  }\n  .esfp-root .modal-fields{\n    display: grid;\n    grid-template-columns: 140px 1fr;\n    gap: 10px 16px;\n    font-size: 13px;\n    margin-bottom: 20px;\n  }\n  .esfp-root .modal-fields .label{\n    color: var(--text-muted);\n    font-size: 11px;\n    padding-top: 2px;\n  }\n  .esfp-root .modal-fields .value{\n    color: var(--text-dark);\n    font-weight: 600;\n  }\n  .esfp-root .modal-fields .value.curriculum{\n    color: var(--esf-red);\n    font-weight: 700;\n  }\n  .esfp-root .modal-actions{\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-bottom: 20px;\n  }\n  .esfp-root .modal-btn,\n.esfp-root a.modal-btn,\n.esfp-root a.modal-btn:link,\n.esfp-root a.modal-btn:visited{\n    display: block;\n    width: 100%;\n    box-sizing: border-box;\n    background: #F8D749;\n    color: #263E46;\n    text-align: center;\n    padding: 10px 14px;\n    border-radius: 20px;\n    font-family: inherit;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 1.2;\n    cursor: pointer;\n    text-decoration: none;\n    transition: background 0.2s;\n    border: none;\n    -webkit-appearance: none;\n            appearance: none;\n  }\n  .esfp-root .modal-btn:hover,\n.esfp-root a.modal-btn:hover{ background: #E6C32E; color: #263E46; }\n  .esfp-root .modal-enquiry{\n    padding-top: 16px;\n    border-top: 1.5px solid rgba(139, 26, 60, 0.15);\n  }\n  .esfp-root .modal-enquiry-label{\n    color: var(--esf-red);\n    font-size: 12px;\n    font-weight: 700;\n    margin-bottom: 6px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n  .esfp-root .modal-enquiry-phone{\n    color: #1a1a1a;\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 2px;\n  }\n  .esfp-root .modal-enquiry-email{\n    color: #1a73e8;\n    font-size: 13px;\n    text-decoration: underline;\n  }\n  .esfp-root .modal-enquiry-email:hover{\n    color: #1558b8;\n  }\n  .esfp-root .modal-pathway-note{\n    margin-top: 18px;\n    padding: 10px 14px;\n    background: rgba(139, 26, 60, 0.06);\n    border-left: 3px solid var(--esf-red);\n    font-size: 12px;\n    color: var(--text-muted);\n    border-radius: 2px;\n  }\n  \/* ============== MOBILE VIEW ============== *\/\n  \/* Hidden by default \u2014 only appears below the breakpoint *\/\n  .esfp-root #mobileView{ display: none; }\n  @media (max-width: 768px) {\n    \/* Host-page (Elementor) wrapper: set its padding on mobile. *\/\n    .elementor-34352 .elementor-element.elementor-element-e58bca0{\n      padding: 20px !important;\n    }\n    .esfp-root body{\n      min-width: 0;\n      padding: 0;\n      background: #FAF7F2;\n    }\n    .esfp-root .chart-header,\n.esfp-root .chart,\n.esfp-root .reset-btn{ display: none !important; }\n    .esfp-root #mobileView{\n      display: block;\n      min-height: 100vh;\n      width: 100%;\n      max-width: 100%;\n      margin: 0 auto;\n      background: white;\n      box-shadow: 0 0 24px rgba(0,0,0,0.06);\n    }\n    \/* Sticky top app bar *\/\n    .esfp-root .mob-appbar{\n      position: sticky;\n      top: 0;\n      z-index: 30;\n      background: var(--esf-red);\n      color: white;\n      padding: 14px 20px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      box-shadow: 0 2px 8px rgba(139, 26, 60, 0.2);\n    }\n    .esfp-root .mob-back{\n      background: #F8D749;\n      border: none;\n      color: #263E46;\n      width: 36px;\n      height: 36px;\n      border-radius: 50%;\n      font-size: 18px;\n      font-weight: 700;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: background 0.2s, transform 0.15s;\n      flex-shrink: 0;\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);\n      padding: 0;\n    }\n    .esfp-root .mob-back:hover{\n      background: #E6C32E;\n      transform: scale(1.06);\n    }\n    .esfp-root .mob-back svg{ display: block; }\n    .esfp-root .mob-back[hidden]{ display: none; }\n    .esfp-root .mob-titles{ flex: 1; min-width: 0; }\n    .esfp-root .mob-title{\n      font-size: 15px;\n      font-weight: 600;\n      line-height: 1.2;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n    .esfp-root .mob-subtitle{\n      font-size: 11px;\n      opacity: 0.85;\n      margin-top: 2px;\n      font-weight: 400;\n    }\n    \/* ===== Mobile legend (browse view) ===== *\/\n    .esfp-root .mob-legend{\n      background: white;\n      padding: 12px 16px;\n      border-bottom: 1px solid #F0EBE0;\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n    .esfp-root .mob-legend-title{\n      font-size: 10px;\n      letter-spacing: 1.2px;\n      text-transform: uppercase;\n      color: var(--text-muted);\n      font-weight: 600;\n      margin-bottom: 4px;\n    }\n    .esfp-root .mob-legend-row{\n      display: grid;\n      grid-template-columns: 36px 1fr;\n      gap: 10px;\n      align-items: center;\n    }\n    .esfp-root .mob-legend-swatch{\n      width: 36px;\n      height: 12px;\n      position: relative;\n    }\n    .esfp-root .mob-legend-swatch::before{\n      content: '';\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      border-top-width: 2px;\n      border-top-style: solid;\n    }\n    .esfp-root .mob-legend-row.guaranteed .mob-legend-swatch::before{\n      border-top-color: var(--line-red);\n    }\n    .esfp-root .mob-legend-row.central .mob-legend-swatch::before{\n      border-top-color: #833849;\n      border-top-style: dashed;\n    }\n    .esfp-root .mob-legend-row.review .mob-legend-swatch::before{\n      border-top-color: #C2B399;\n      border-top-style: dashed;\n    }\n    .esfp-root .mob-legend-label{\n      font-size: 11px;\n      color: var(--text-dark);\n      font-weight: 500;\n      line-height: 1.3;\n    }\n    \/* ===== Mobile pathway: connection-type badge between steps ===== *\/\n    .esfp-root .mob-tl-edge{\n      margin: 0 0 10px 0;       \/* clears the timeline dot, breathes above the card *\/\n      padding: 5px 14px;        \/* more comfortable inner padding *\/\n      font-size: 10px;\n      font-weight: 700;\n      letter-spacing: 0.8px;\n      text-transform: uppercase;\n      border-radius: 999px;     \/* full pill *\/\n      display: inline-block;\n      line-height: 1.2;\n    }\n    .esfp-root .mob-tl-edge.edge-guaranteed{\n      background: rgba(165, 53, 82, 0.12);\n      color: var(--esf-red-dark);\n    }\n    .esfp-root .mob-tl-edge.edge-central{\n      background: rgba(131, 56, 73, 0.14);\n      color: #833849;\n    }\n    .esfp-root .mob-tl-edge.edge-review{\n      background: rgba(194, 179, 153, 0.3);\n      color: #8E7E63;\n    }\n    \/* ===== Hero ===== *\/\n    .esfp-root .mob-hero{\n      background: linear-gradient(135deg, var(--esf-red) 0%, var(--esf-red-dark) 100%);\n      color: white;\n      padding: 24px 22px 32px;\n      position: relative;\n      overflow: hidden;\n    }\n    .esfp-root .mob-hero::before{\n      content: '';\n      position: absolute;\n      top: -60px;\n      right: -40px;\n      width: 200px;\n      height: 200px;\n      border-radius: 50%;\n      background: rgba(255,255,255,0.04);\n    }\n    .esfp-root .mob-hero::after{\n      content: '';\n      position: absolute;\n      bottom: -80px;\n      left: -30px;\n      width: 160px;\n      height: 160px;\n      border-radius: 50%;\n      background: rgba(255,255,255,0.03);\n    }\n    .esfp-root .mob-hero-eyebrow{\n      font-size: 10px;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      opacity: 0.75;\n      margin-bottom: 8px;\n      font-weight: 500;\n    }\n    .esfp-root .mob-hero-title{\n      font-size: 26px;\n      font-weight: 700;\n      line-height: 1.15;\n      letter-spacing: -0.4px;\n      margin-bottom: 10px;\n      position: relative;\n      z-index: 1;\n    }\n    .esfp-root .mob-hero-sub{\n      font-size: 13px;\n      opacity: 0.9;\n      line-height: 1.45;\n      position: relative;\n      z-index: 1;\n      max-width: 320px;\n    }\n    .esfp-root .mob-hero-stats{\n      display: flex;\n      gap: 20px;\n      margin-top: 18px;\n      position: relative;\n      z-index: 1;\n    }\n    .esfp-root .mob-hero-stat{\n      display: flex;\n      flex-direction: column;\n    }\n    .esfp-root .mob-hero-stat-num{\n      font-size: 22px;\n      font-weight: 700;\n      line-height: 1;\n    }\n    .esfp-root .mob-hero-stat-label{\n      font-size: 10px;\n      opacity: 0.8;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-top: 4px;\n    }\n    \/* ===== Sticky tabs ===== *\/\n    .esfp-root .mob-tabs{\n      position: sticky;\n      top: 62px;\n      z-index: 20;\n      background: white;\n      padding: 12px 16px;\n      border-bottom: 1px solid #F0EBE0;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n    }\n    .esfp-root .mob-tabs::-webkit-scrollbar{ display: none; }\n    .esfp-root .mob-tabs-inner{\n      display: flex;\n      gap: 8px;\n      min-width: max-content;\n    }\n    .esfp-root .mob-tab{\n      background: #F5EFE2;\n      border: 1.5px solid transparent;\n      color: var(--esf-red-dark);\n      padding: 9px 16px;\n      border-radius: 100px;\n      font-size: 13px;\n      font-weight: 600;\n      cursor: pointer;\n      white-space: nowrap;\n      transition: all 0.2s;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n    .esfp-root .mob-tab:active{ transform: scale(0.96); }\n    .esfp-root .mob-tab.active{\n      background: var(--esf-red);\n      color: white;\n      border-color: var(--esf-red);\n    }\n    .esfp-root .mob-tab-count{\n      background: rgba(0,0,0,0.08);\n      color: inherit;\n      font-size: 11px;\n      padding: 1px 7px;\n      border-radius: 10px;\n      font-weight: 700;\n    }\n    .esfp-root .mob-tab.active .mob-tab-count{\n      background: rgba(255,255,255,0.25);\n    }\n    \/* ===== Tier panels ===== *\/\n    .esfp-root .mob-tier-panel{\n      padding: 20px 16px 40px;\n    }\n    .esfp-root .mob-tier-panel[hidden]{ display: none; }\n    .esfp-root .mob-tier-heading{\n      display: flex;\n      align-items: baseline;\n      justify-content: space-between;\n      margin-bottom: 14px;\n    }\n    .esfp-root .mob-tier-heading-title{\n      font-size: 17px;\n      font-weight: 700;\n      color: var(--text-dark);\n    }\n    .esfp-root .mob-tier-heading-sub{\n      font-size: 11px;\n      color: var(--text-muted);\n      font-weight: 500;\n    }\n    \/* ===== School cards (replaces flat list rows) ===== *\/\n    .esfp-root .mob-card-grid{\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n    .esfp-root .mob-card{\n      background: white;\n      border: 1px solid #EDE6D9;\n      border-radius: 10px;\n      padding: 14px 16px;\n      cursor: pointer;\n      transition: all 0.15s;\n      position: relative;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n    .esfp-root .mob-card:active{\n      transform: scale(0.98);\n      background: #FAF5EE;\n    }\n    .esfp-root .mob-card-accent{\n      width: 4px;\n      height: 36px;\n      border-radius: 4px;\n      flex-shrink: 0;\n    }\n    .esfp-root .mob-card[data-tier=\"kg\"] .mob-card-accent{ background: #D4A5B5; }\n    .esfp-root .mob-card[data-tier=\"primary\"] .mob-card-accent{ background: var(--btn-brown); }\n    .esfp-root .mob-card[data-tier=\"allthrough\"] .mob-card-accent{ background: #6B4F36; }\n    .esfp-root .mob-card[data-tier=\"secondary\"] .mob-card-accent{ background: var(--esf-red); }\n    .esfp-root .mob-card-body{ flex: 1; min-width: 0; }\n    .esfp-root .mob-card-name{\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--text-dark);\n      line-height: 1.3;\n    }\n    .esfp-root .mob-card-meta{\n      font-size: 11px;\n      color: var(--text-muted);\n      margin-top: 4px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n    .esfp-root .mob-card-arrow{\n      color: var(--esf-red);\n      font-size: 18px;\n      opacity: 0.4;\n      flex-shrink: 0;\n      transition: all 0.2s;\n    }\n    .esfp-root .mob-card:hover .mob-card-arrow,\n.esfp-root .mob-card:active .mob-card-arrow{\n      opacity: 1;\n      transform: translateX(2px);\n    }\n    \/* ===== Pathway view ===== *\/\n    .esfp-root .mob-pathway{\n      padding: 20px 0 90px 20px;\n    }\n    .esfp-root .mob-pathway-intro{\n      font-size: 13px;\n      color: var(--text-muted);\n      margin-bottom: 24px;\n      line-height: 1.45;\n    }\n    .esfp-root .mob-pathway-intro strong{ color: var(--esf-red); }\n    .esfp-root .mob-timeline{\n      position: relative;\n      padding-left: 20px;\n      padding-right: 16px;\n    }\n    .esfp-root .mob-timeline::before{\n      content: '';\n      position: absolute;\n      left: 6px;\n      top: 16px;\n      bottom: 16px;\n      width: 2px;\n      background: var(--esf-red);\n      opacity: 0.4;\n    }\n    .esfp-root .mob-tl-group{\n      position: relative;\n      margin-bottom: 28px;\n      opacity: 0;\n      transform: translateX(-12px);\n      animation: tl-slide-in 0.45s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n    }\n    .esfp-root .mob-tl-group:nth-child(1){ animation-delay: 0ms; }\n    .esfp-root .mob-tl-group:nth-child(2){ animation-delay: 120ms; }\n    .esfp-root .mob-tl-group:nth-child(3){ animation-delay: 240ms; }\n    .esfp-root .mob-tl-group:nth-child(4){ animation-delay: 360ms; }\n    @keyframes tl-slide-in {\n      to { opacity: 1; transform: translateX(0); }\n    }\n    .esfp-root .mob-tl-group:last-child{ margin-bottom: 0; }\n    .esfp-root .mob-tl-dot{\n      position: absolute;\n      left: -20px;\n      top: 14px;\n      width: 14px;\n      height: 14px;\n      border-radius: 50%;\n      background: white;\n      border: 3px solid var(--esf-red);\n      z-index: 2;\n    }\n    .esfp-root .mob-tl-group.is-current .mob-tl-dot{\n      background: var(--esf-red);\n      box-shadow: 0 0 0 4px rgba(139, 26, 60, 0.2);\n    }\n    .esfp-root .mob-tl-tier{\n      font-size: 10px;\n      font-weight: 700;\n      letter-spacing: 1.2px;\n      text-transform: uppercase;\n      color: var(--esf-red);\n      margin-bottom: 8px;\n    }\n    .esfp-root .mob-tl-cards{\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    .esfp-root .mob-tl-card{\n      background: var(--card-bg);\n      border: 1px solid var(--card-border);\n      border-radius: 6px;\n      padding: 14px 16px;\n      cursor: pointer;\n      transition: all 0.15s;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n    }\n    .esfp-root .mob-tl-card:active{ transform: scale(0.98); }\n    .esfp-root .mob-tl-card.is-current{\n      background: var(--esf-red);\n      border-color: var(--esf-red);\n    }\n    .esfp-root .mob-tl-card.is-current .mob-tl-card-name{ color: white; }\n    .esfp-root .mob-tl-card.is-current .mob-tl-card-tap{ color: rgba(255,255,255,0.7); }\n    .esfp-root .mob-tl-card-name{\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--esf-red);\n      line-height: 1.3;\n      flex: 1;\n    }\n    .esfp-root .mob-tl-card-tap{\n      font-size: 10px;\n      color: var(--text-muted);\n      font-style: italic;\n    }\n    .esfp-root .mob-tl-empty{\n      font-size: 12px;\n      color: var(--text-muted);\n      font-style: italic;\n      padding: 8px 0;\n    }\n    \/* Section dividers \u2014 used when the selected node has multiple complete\n       pathways. Each section gets its own internal timeline line so paths\n       read as parallel branches instead of one merged tier list. *\/\n    .esfp-root .mob-timeline.has-sections{\n      padding-left: 0;\n    }\n    .esfp-root .mob-timeline.has-sections::before{\n      display: none;\n    }\n    .esfp-root .mob-tl-section{\n      position: relative;\n      padding-left: 20px;\n      padding-top: 4px;\n      margin-bottom: 32px;\n      opacity: 0;\n      transform: translateY(8px);\n      animation: tl-slide-in 0.45s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n    }\n    .esfp-root .mob-tl-section:last-child{ margin-bottom: 8px; }\n    .esfp-root .mob-tl-section::before{\n      content: '';\n      position: absolute;\n      left: 6px;\n      top: 38px;\n      bottom: 16px;\n      width: 2px;\n      background: var(--esf-red);\n      opacity: 0.4;\n    }\n    .esfp-root .mob-tl-section-label{\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      color: var(--esf-red);\n      margin-bottom: 14px;\n      padding: 6px 12px;\n      background: rgba(139, 26, 60, 0.08);\n      border-radius: 4px;\n      display: inline-block;\n      margin-left: -28px;\n    }\n    .esfp-root .mob-tl-section .mob-tl-group{\n      animation: none;\n      opacity: 1;\n      transform: none;\n    }\n    \/* Modal on mobile \u2014 bottom sheet style *\/\n    .esfp-root .modal-backdrop{\n      align-items: flex-end;\n      padding: 0;\n    }\n    .esfp-root .modal{\n      max-width: 100%;\n      width: 100%;\n      max-height: 88vh;\n      border-radius: 16px 16px 0 0;\n      padding: 24px 22px 82px;\n      transform: translateY(20px);\n    }\n    .esfp-root .modal-backdrop.open .modal{ transform: translateY(0); }\n    .esfp-root .modal::before{\n      content: '';\n      display: block;\n      width: 40px;\n      height: 4px;\n      background: rgba(139, 26, 60, 0.2);\n      border-radius: 2px;\n      margin: -8px auto 14px;\n    }\n    .esfp-root .modal-school-name{ font-size: 19px; }\n    .esfp-root .modal-fields{\n      grid-template-columns: 1fr;\n      gap: 0;\n    }\n    .esfp-root .modal-fields .label{\n      margin-top: 12px;\n      font-size: 10px;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n    }\n    .esfp-root .modal-fields .label:first-child{ margin-top: 0; }\n    .esfp-root .modal-pathway-note{ display: none; }\n  }\n<\/style>\n<p><\/head><br \/>\n<body><br \/>\n<!-- Image-style chart header --><br \/>\n    <button id=\"resetBtn\">Reset View<\/button><br \/>\n        Guaranteed Pathway<br \/>\n        Central Allocation<br \/>\n        Placement is decided through the Admission and Review Process<br \/>\n  <svg id=\"svgConn\"><\/svg><br \/>\n  <!-- KG banners --><br \/>\n    Kindergarten (K1 &#8211; K2)<br \/>\n    Kindergarten (K1 &#8211; K2)<br \/>\n  <!-- KG cards --><br \/>\n      ESF Quarry Bay School Kindergarteni<br \/>\n      ESF Hillside International Kindergarteni<br \/>\n      ESF West Kowloon Kindergarteni<br \/>\n      ESF Wu Kai Sha International Kindergarteni<br \/>\n      ESF Tsing Yi International Kindergarteni<br \/>\n      ESF Renaissance College Kindergarteni<br \/>\n  <!-- Primary \/ All-Through banners.\n       The All-Through banner + subtitle covers ONLY Discovery + Renaissance\n       (2 of the 3 columns). Sarah Roe sits in its own column to the right\n       with no banner\/subtitle above (per the source image \u2014 she's exempt\n       from the HK Permanent Residency rule). --><br \/>\n      Primary (Y1 &#8211; Y6)<br \/>\n      At least 70% non-local students with overseas passports (excluding BNO)<br \/>\n      <!-- Red \"All Through (Y1 - Y13)\" banner spans all 3 AT columns (full width) --><br \/>\n      All Through (Y1 &#8211; Y13)<br \/>\n      <!-- HKPR subtitle only covers Discovery + Renaissance (2 of 3 columns) --><br \/>\n      At least 70% students must hold Hong Kong Permanent Residency<br \/>\n  <!-- Primary + All-Through name-only cards (details open in modal) --><br \/>\n      ESF Quarry Bay Schooli<br \/>\n      ESF Bradbury Schooli<br \/>\n      ESF Glenealy Schooli<br \/>\n      ESF Peak Schooli<br \/>\n      ESF Kennedy Schooli<br \/>\n      ESF Clearwater Bay Schooli<br \/>\n      ESF Sha Tin Junior Schooli<br \/>\n      ESF Beacon Hill Schooli<br \/>\n      ESF Kowloon Junior Schooli<br \/>\n      ESF Discovery Collegei<br \/>\n      ESF Renaissance Collegei<br \/>\n      ESF Jockey Club Sarah Roe Schooli<br \/>\n  <!-- Secondary tier \u2014 bottom row spans only the 9fr Primary column;\n       All-Through schools remain represented by their tall cards above\n       (matching the image's single-tall-box layout). --><br \/>\n        Secondary (Y7 &#8211; Y13)<br \/>\n        Secondary (Y7 &#8211; Y13)<br \/>\n        Secondary (Y7 &#8211; Y13)<br \/>\n        Secondary (Y7 &#8211; Y13)<br \/>\n        Secondary (Y7 &#8211; Y13)<br \/>\n        ESF South Island Schooli<br \/>\n        ESF Island Schooli<br \/>\n        ESF West Island Schooli<br \/>\n        ESF King George V Schooli<br \/>\n        ESF Sha Tin Collegei<br \/>\n<!-- ============== MOBILE VIEW (\u2264768px) ============== --><br \/>\n      <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M15 5 L7 12 L15 19 M7 12 L20 12\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n      <\/svg><br \/>\n  <!-- Browse view --><br \/>\n    <!-- Hero --><br \/>\n      Educational Pathway for K1 in 2027\/28 and onwards<br \/>\n      Find your kindergarten and its associated primary and secondary schools.<br \/>\n      *Click any school to check out the pathway and school details.<br \/>\n          23<br \/>\n          Schools<br \/>\n          K1\u2013Y13<br \/>\n          Year range<br \/>\n    <!-- Sticky tabs --><br \/>\n        <button data-tab=\"kg\">Kindergarten 6<\/button><br \/>\n        <button data-tab=\"primary\">Primary 9<\/button><br \/>\n        <button data-tab=\"allthrough\">All-Through 3<\/button><br \/>\n        <button data-tab=\"secondary\">Secondary 5<\/button><br \/>\n    <!-- Tier panels (only one visible at a time) --><br \/>\n        Kindergarten<br \/>\n        K1\u2013K2<br \/>\n        Primary<br \/>\n        Y1\u2013Y6<br \/>\n        All-Through<br \/>\n        Y1\u2013Y13<br \/>\n        Secondary<br \/>\n        Y7\u2013Y13<br \/>\n  <!-- Pathway view --><br \/>\n<!-- ============== MODAL ============== --><br \/>\n      <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M5 5 L19 19 M19 5 L5 19\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" fill=\"none\"\/>\n      <\/svg><br \/>\n<\/body><br \/>\n<\/html>\t\t<\/p>\n<h2><b>Frequently Asked Questions<\/b><\/h2>\n<p>\t\t\t\t\t<button id=\"e-n-tab-title-1085355211\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1085355211\" style=\"--n-tabs-title-order: 1;\"><br \/>\n\t\t<\/button><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">What is the &#8220;Associated School Model&#8221; and how does it benefit my child?<\/a><\/p>\n<p>The Associated School Model is another way of describing our &#8216;through-train.&#8217; Essentially, it means that certain ESF schools are linked with each other, with children transitioning between those linked schools. So, when your\u00a0 child enters an ESF kindergarten, you will already know which primary and secondary schools they will attend.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">How does this improve the transition from Kindergarten to Primary?<\/a><\/p>\n<p>Principals from associated schools now collaborate closely on curriculum alignment and social scaffolding. This includes joint play sessions, shared specialist support, and &#8216;experience days\u2019 where K2 students spend time in their future primary classrooms.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">What are the benefits of the &#8216;One ESF&#8217; community for parents?<\/a><\/p>\n<p>Beyond student benefits, parents join a lifelong network. You&#8217;ll have access to cross-school workshops, a unified parent portal, and a consistent communication style that simplifies your engagement with your child&#8217;s education for the next 15 years.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">When should I apply for K1 for my child?<\/a><\/p>\n<p>Applications to K1 are invited from 1 to 30 September of the year prior to the start of school in August for the following year. This application period is called \u2018September Central Applications\u2019.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">Which birth year will the new Associated Primary School affect?<\/a><\/p>\n<p>Children born in 2024 will be the first cohort of the new approach to Early Years at ESF. They will start Year 1 in August 2029. <\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">What happens if I miss the September Central Application window?<\/a><\/p>\n<p>Applications may be submitted, and will be wait-listed behind on-time applications.\u00a0<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">Is there a different transition process for children who require additional learning support or a specialist placement? <\/a><\/p>\n<p>Yes. For children who require additional learning support, we have a dedicated, highly collaborative process to ensure they are set up for success in Year 1. Our kindergarten teams work closely with families during the K1 year to identify any support needs. For children who require enhanced levels of support, we build an Enhanced Transition Plan during their K2 year. This involves a specialised team that designs a personalised roadmap for your child&#8217;s move to primary school.<\/p>\n<p>\u00a0If a child\u2019s needs are best met by a specialised environment like the Jockey Club Sarah Roe School (JCSRS), a dedicated review panel will evaluate the best placement. Please note that places at JCSRS are subject to availability. <\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">Can I choose which ESF Primary school my child goes to?<\/a><\/p>\n<p>Parents will need to consider the kindergarten associated with their choice of Primary School. At the start of the K2 year, parents will complete a transition form to confirm their place for Y1 the following academic year. Parents may indicate a preference order for the associated primary schools linked with their current ESF kindergarten. There is no guarantee of allocation to the 1st-preference school, except for kindergartens with a direct feed into their associated primary school.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">Is it possible for me to select an ESF primary school that is not associated with the ESF kindergarten?<\/a><\/p>\n<p>It is not possible to select a primary school that is not associated with the child\u2019s kindergarten. The guaranteed Y1 place is at the associated school.\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">When will I know which ESF Primary school my child will go to?<\/a><\/p>\n<p>ESF K2 parents will be informed of allocation results for the primary school at the end of October\/early November of their allocated primary school for the following academic year.<\/p>\n<p>\u00a0<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\"> If a sibling is attending a non-associated primary school, can my younger child join the sibling\u2019s school when transitioning from K2 to Y1?<\/a><\/p>\n<p>The guaranteed Y1 place is at an associated primary school for their kindergarten. There is no guarantee, as there is very limited availability of Y1 places after all the priority children from its associated kindergarten(s) transition.\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">How many kindergarten classes will transition to primary? When will be the first cohort?<\/a><\/p>\n<p style=\"margin: 0 0 6px;\">Children born in 2024 transitioning to Y1 for August 2029 will be according to the number of classes in the table below. Allocation will be by priority, computer random number and EDB requirements (where necessary) for kindergartens with more than one associated primary school.<\/p>\n<table style=\"border-collapse: collapse; width: 100%; font-size: 14px;\">\n<tbody>\n<tr>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top; font-weight: 600; white-space: nowrap;\">Wu Kai Sha International Kindergarten<\/td>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top;\">5 classes to Sha Tin Junior School<br \/>2 classes to Beacon Hill School<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top; font-weight: 600; white-space: nowrap;\">Hillside International Kindergarten<\/td>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top;\">4 classes to Bradbury School<br \/>4 classes to Glenealy School and Peak School<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top; font-weight: 600; white-space: nowrap;\">Tsing Yi International Kindergarten<\/td>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top;\">5 classes to Kowloon Junior School<br \/>3 classes to Discovery College and Beacon Hill School<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top; font-weight: 600; white-space: nowrap;\">West Kowloon Kindergarten<\/td>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top;\">4 classes to Clearwater Bay School<br \/>2 classes to Kennedy School<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top; font-weight: 600; white-space: nowrap;\">Quarry Bay School Kindergarten<\/td>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top;\">4 classes to Quarry Bay School<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top; font-weight: 600; white-space: nowrap;\">Renaissance College Kindergarten<\/td>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top;\">6 classes to Renaissance College<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">What is the &#8220;Associated School Model&#8221; and how does it benefit my child?<\/a><\/p>\n<p>The Associated School Model is another way of describing our &#8216;through-train.&#8217; Essentially, it means that certain ESF schools are linked with each other, with children transitioning between those linked schools. So, when your\u00a0 child enters an ESF kindergarten, you will already know which primary and secondary schools they will attend.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">How does this improve the transition from Kindergarten to Primary?<\/a><\/p>\n<p>Principals from associated schools now collaborate closely on curriculum alignment and social scaffolding. This includes joint play sessions, shared specialist support, and &#8216;experience days\u2019 where K2 students spend time in their future primary classrooms.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">What are the benefits of the &#8216;One ESF&#8217; community for parents?<\/a><\/p>\n<p>Beyond student benefits, parents join a lifelong network. You&#8217;ll have access to cross-school workshops, a unified parent portal, and a consistent communication style that simplifies your engagement with your child&#8217;s education for the next 15 years.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">When should I apply for K1 for my child?<\/a><\/p>\n<p>Applications to K1 are invited from 1 to 30 September of the year prior to the start of school in August for the following year. This application period is called \u2018September Central Applications\u2019.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">Which birth year will the new Associated Primary School affect?<\/a><\/p>\n<p>Children born in 2024 will be the first cohort of the new approach to Early Years at ESF. They will start Year 1 in August 2029. <\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">What happens if I miss the September Central Application window?<\/a><\/p>\n<p>Applications may be submitted, and will be wait-listed behind on-time applications.\u00a0<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">Is there a different transition process for children who require additional learning support or a specialist placement? <\/a><\/p>\n<p>Yes. For children who require additional learning support, we have a dedicated, highly collaborative process to ensure they are set up for success in Year 1. Our kindergarten teams work closely with families during the K1 year to identify any support needs. For children who require enhanced levels of support, we build an Enhanced Transition Plan during their K2 year. This involves a specialised team that designs a personalised roadmap for your child&#8217;s move to primary school.<\/p>\n<p>\u00a0If a child\u2019s needs are best met by a specialised environment like the Jockey Club Sarah Roe School (JCSRS), a dedicated review panel will evaluate the best placement. Please note that places at JCSRS are subject to availability. <\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">Can I choose which ESF Primary school my child goes to?<\/a><\/p>\n<p>Parents will need to consider the kindergarten associated with their choice of Primary School. At the start of the K2 year, parents will complete a transition form to confirm their place for Y1 the following academic year. Parents may indicate a preference order for the associated primary schools linked with their current ESF kindergarten. There is no guarantee of allocation to the 1st-preference school, except for kindergartens with a direct feed into their associated primary school.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">Is it possible for me to select an ESF primary school that is not associated with the ESF kindergarten?<\/a><\/p>\n<p>It is not possible to select a primary school that is not associated with the child\u2019s kindergarten. The guaranteed Y1 place is at the associated school.\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">When will I know which ESF Primary school my child will go to?<\/a><\/p>\n<p>ESF K2 parents will be informed of allocation results for the primary school at the end of October\/early November of their allocated primary school for the following academic year.<\/p>\n<p>\u00a0<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\"> If a sibling is attending a non-associated primary school, can my younger child join the sibling\u2019s school when transitioning from K2 to Y1?<\/a><\/p>\n<p>The guaranteed Y1 place is at an associated primary school for their kindergarten. There is no guarantee, as there is very limited availability of Y1 places after all the priority children from its associated kindergarten(s) transition.\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">How many kindergarten classes will transition to primary? When will be the first cohort?<\/a><\/p>\n<p style=\"margin: 0 0 6px;\">Children born in 2024 transitioning to Y1 for August 2029 will be according to the number of classes in the table below. Allocation will be by priority, computer random number and EDB requirements (where necessary) for kindergartens with more than one associated primary school.<\/p>\n<table style=\"border-collapse: collapse; width: 100%; font-size: 14px;\">\n<tbody>\n<tr>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top; font-weight: 600; white-space: nowrap;\">Wu Kai Sha International Kindergarten<\/td>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top;\">5 classes to Sha Tin Junior School<br \/>2 classes to Beacon Hill School<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top; font-weight: 600; white-space: nowrap;\">Hillside International Kindergarten<\/td>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top;\">4 classes to Bradbury School<br \/>4 classes to Glenealy School and Peak School<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top; font-weight: 600; white-space: nowrap;\">Tsing Yi International Kindergarten<\/td>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top;\">5 classes to Kowloon Junior School<br \/>3 classes to Discovery College and Beacon Hill School<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top; font-weight: 600; white-space: nowrap;\">West Kowloon Kindergarten<\/td>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top;\">4 classes to Clearwater Bay School<br \/>2 classes to Kennedy School<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top; font-weight: 600; white-space: nowrap;\">Quarry Bay School Kindergarten<\/td>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top;\">4 classes to Quarry Bay School<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top; font-weight: 600; white-space: nowrap;\">Renaissance College Kindergarten<\/td>\n<td style=\"border: 1px solid #ccc; padding: 6px 6px; line-height: 1.25; vertical-align: top;\">6 classes to Renaissance College<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n<meta charset=\"UTF-8\"><br \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n<title>ESF Admissions Tabs<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Slab:wght@500;700&#038;family=Mulish:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  \/* ===== ESF Admissions Tabs \u2014 block-scoped, collision-proof ===== *\/\n  \/* Tokens live on the block root so they never leak out or get overridden by a global :root *\/\n  .esfadm-q7v2 {\n    --esfadm-maroon:        #880234;   \/* button fills, active tab, K1 accent bar *\/\n    --esfadm-maroon-dark:   #6A0228;   \/* button hover *\/\n    --esfadm-maroon-text:   #74082F;   \/* eyebrow \/ small-caps labels *\/\n    --esfadm-ink:           #1B191A;   \/* headings + dates *\/\n    --esfadm-body:          #565455;   \/* lead paragraphs *\/\n    --esfadm-muted:         #8A8788;   \/* time text, italic note *\/\n    --esfadm-link:          #2A62B7;   \/* email links *\/\n    --esfadm-panel-border:  #DED8DA;   \/* content panel + contact cards *\/\n    --esfadm-card-border:   #D9D7D8;   \/* webinar cards *\/\n    --esfadm-highlight:     #F5E6E9;   \/* hotline + K1 window blocks *\/\n    --esfadm-radius:        4px;\n    \/* CJK (Traditional Chinese, HK) fallbacks appended so zh-hant renders cleanly *\/\n    --esfadm-font-head:     'Roboto Slab', Georgia, 'Times New Roman', 'Noto Serif HK', 'PingFang HK', 'Microsoft JhengHei', serif;\n    --esfadm-font-body:     'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang HK', 'Microsoft JhengHei', 'Noto Sans HK', sans-serif;\n    max-width: 1180px;\n    margin: 0 auto 40px;\n    padding: 0 24px;\n    font-family: var(--esfadm-font-body);\n    color: var(--esfadm-body);\n    -webkit-font-smoothing: antialiased;\n  }\n  .esfadm-q7v2, .esfadm-q7v2 * { box-sizing: border-box; }\n  \/* ---------- Intro header ---------- *\/\n  .esfadm-q7v2__intro {\n    text-align: center;\n    margin: 0 0 28px;\n  }\n  .esfadm-q7v2__intro-title {\n    font-family: var(--esfadm-font-head);\n    font-weight: 700;\n    font-size: 2.6rem;\n    line-height: 1.2;\n    color: var(--esfadm-ink);\n    margin: 0 0 12px;\n  }\n  .esfadm-q7v2__intro-title b { font-weight: 700; }\n  .esfadm-q7v2__intro-sub {\n    display: block;\n    font-size: 1.12rem;\n    line-height: 1.6;\n    color: var(--esfadm-body);\n  }\n  \/* ---------- Tab strip ---------- *\/\n  .esfadm-q7v2__list {\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    position: relative;\n    z-index: 2;\n  }\n  .esfadm-q7v2__tab {\n    flex: 1 1 0;\n    min-width: 180px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 18px 20px;\n    background: #ffffff;\n    color: var(--esfadm-maroon);\n    border: 2px solid var(--esfadm-maroon);\n    border-radius: 3px;\n    font-family: var(--esfadm-font-body);\n    font-size: 1.35rem;\n    font-weight: 700;\n    line-height: 1.2;\n    text-align: center;\n    cursor: pointer;\n    user-select: none;\n    transition: background .18s ease, color .18s ease, box-shadow .18s ease;\n  }\n  .esfadm-q7v2__tab:hover { background: #fbf3f6; }\n  .esfadm-q7v2__tab[aria-selected=\"true\"] {\n    background: var(--esfadm-maroon);\n    color: #ffffff;\n    box-shadow: 0 6px 14px -6px rgba(136, 2, 52, .55);\n  }\n  .esfadm-q7v2__tab:focus-visible {\n    outline: 3px solid rgba(136, 2, 52, .35);\n    outline-offset: 2px;\n  }\n  .esfadm-q7v2__caret {\n    flex: 0 0 auto;\n    width: 12px;\n    height: 12px;\n    fill: currentColor;\n    transition: transform .2s ease;\n  }\n  .esfadm-q7v2__tab[aria-selected=\"true\"] .esfadm-q7v2__caret { transform: rotate(90deg); }\n  \/* ---------- Panels ---------- *\/\n  .esfadm-q7v2__panel {\n    border: 1px solid var(--esfadm-panel-border);\n    border-top: none;\n    background: #ffffff;\n    padding: 56px 60px 64px;\n    animation: esfadmFade .25s ease;\n    margin-top: 20px;\n  }\n  .esfadm-q7v2__panel[hidden] { display: none; }\n  @keyframes esfadmFade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }\n  .esfadm-q7v2__title {\n    font-family: var(--esfadm-font-head);\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 1.2;\n    color: var(--esfadm-ink);\n    margin: 0 0 18px;\n    padding-bottom: 16px;\n  }\n  .esfadm-q7v2__lead {\n    font-size: 1.12rem;\n    line-height: 1.6;\n    max-width: 760px;\n    margin: 0 0 36px;\n    color: var(--esfadm-body);\n  }\n  \/* ---------- CTA (button \/ link) ---------- *\/\n  .esfadm-q7v2__cta {\n    display: inline-block;\n    background: var(--esfadm-maroon);\n    color: #ffffff;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1rem;\n    padding: 16px 30px;\n    border-radius: var(--esfadm-radius);\n    cursor: pointer;\n    user-select: none;\n    transition: background .18s ease, transform .08s ease;\n  }\n  .esfadm-q7v2__cta:hover { background: var(--esfadm-maroon-dark); }\n  .esfadm-q7v2__cta:active { transform: translateY(1px); }\n  .esfadm-q7v2__cta:focus-visible { outline: 3px solid rgba(136, 2, 52, .35); outline-offset: 2px; }\n  .esfadm-q7v2__cta--sm { padding: 12px 24px; font-size: .95rem; }\n  \/* ---------- Webinar cards ---------- *\/\n  .esfadm-q7v2__cards {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    margin-top: 12px;\n  }\n  .esfadm-q7v2__card {\n    border: 1px solid var(--esfadm-card-border);\n    border-radius: 12px;\n    padding: 40px 34px;\n    text-align: left;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  .esfadm-q7v2__eyebrow {\n    font-size: .82rem;\n    font-weight: 700;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n    color: var(--esfadm-maroon-text);\n    margin: 0 0 18px;\n  }\n  .esfadm-q7v2__date {\n    font-family: var(--esfadm-font-head);\n    font-weight: 700;\n    font-size: 1.7rem;\n    color: var(--esfadm-ink);\n    margin: 0 0 14px;\n  }\n  .esfadm-q7v2__time {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--esfadm-muted);\n    font-size: 1.05rem;\n    margin-bottom: 28px;\n  }\n  .esfadm-q7v2__time-icon { width: 18px; height: 18px; stroke: var(--esfadm-muted); flex: 0 0 auto; }\n  \/* ---------- Highlight blocks ---------- *\/\n  .esfadm-q7v2__box {\n    background: var(--esfadm-highlight);\n    border-radius: var(--esfadm-radius);\n    padding: 26px 32px;\n    max-width: 760px;\n    margin: 0 0 34px;\n  }\n  .esfadm-q7v2__box--bar { border-left: 5px solid var(--esfadm-maroon); }\n  .esfadm-q7v2__box .esfadm-q7v2__eyebrow { margin-bottom: 10px; }\n  .esfadm-q7v2__box-value {\n    font-family: var(--esfadm-font-head);\n    font-weight: 700;\n    font-size: 1.7rem;\n    color: var(--esfadm-ink);\n  }\n  .esfadm-q7v2__note {\n    font-style: italic;\n    color: var(--esfadm-muted);\n    font-size: .95rem;\n    margin-top: 26px;\n  }\n  \/* ---------- Contact grid ---------- *\/\n  .esfadm-q7v2__contacts {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 360px));\n    gap: 22px;\n    margin: 0 0 36px;\n  }\n  .esfadm-q7v2__contact {\n    border: 1px solid var(--esfadm-panel-border);\n    border-radius: var(--esfadm-radius);\n    padding: 22px 26px;\n  }\n  .esfadm-q7v2__contact .esfadm-q7v2__eyebrow { margin-bottom: 12px; }\n  .esfadm-q7v2__contact-link {\n    color: var(--esfadm-link);\n    text-decoration: none;\n    word-break: break-all;\n    font-size: 1.02rem;\n    cursor: pointer;\n  }\n  .esfadm-q7v2__contact-link:hover { text-decoration: underline; }\n  .esfadm-q7v2__contact-link:focus-visible { outline: 2px solid rgba(42, 98, 183, .5); outline-offset: 2px; }\n  \/* ---------- Responsive ---------- *\/\n  @media (max-width: 860px) {\n    .esfadm-q7v2__panel { padding: 40px 28px 48px; }\n    .esfadm-q7v2__intro-title { font-size: 2rem; }\n    .esfadm-q7v2__title { font-size: 2rem; }\n    .esfadm-q7v2__cards { grid-template-columns: 1fr; }\n    .esfadm-q7v2__contacts { grid-template-columns: 1fr; }\n    .esfadm-q7v2__tab { flex: 1 1 100%; font-size: 1.15rem; padding: 15px; }\n  }\n<\/style>\n<p><\/head><br \/>\n<body><br \/>\n  <!-- Intro header --><\/p>\n<h2><b data-zh=\"\u7acb\u5373\u958b\u5c55\u82f1\u57fa\u6559\u80b2\u4e4b\u65c5\">Begin Their Journey Today<\/b><\/h2>\n<p>    Explore our resources and find the right path for your family.<br \/>\n  <!-- Tab strip --><br \/>\n      Webinar <svg viewBox=\"0 0 10 10\" aria-hidden=\"true\"><path d=\"M2 1 L8 5 L2 9 Z\"\/><\/svg><br \/>\n      Schools&rsquo; Open Days <svg viewBox=\"0 0 10 10\" aria-hidden=\"true\"><path d=\"M2 1 L8 5 L2 9 Z\"\/><\/svg><br \/>\n      Enquire Now <svg viewBox=\"0 0 10 10\" aria-hidden=\"true\"><path d=\"M2 1 L8 5 L2 9 Z\"\/><\/svg><br \/>\n      Apply <svg viewBox=\"0 0 10 10\" aria-hidden=\"true\"><path d=\"M2 1 L8 5 L2 9 Z\"\/><\/svg><br \/>\n  <!-- Webinar --><br \/>\n    Exploring ESF Schools and Curriculum<br \/>\n    Join our upcoming webinars to learn more about the educational journey at each level. Our experts will discuss pedagogical shifts and the seamless transitions provided by the new strategy.<br \/>\n        Kindergarten<br \/>\n        11 June 2026<br \/>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg> 7 &ndash; 8 pm<br \/>\n        Register Now<br \/>\n        Primary<br \/>\n        9 June 2026<br \/>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg> 7 &ndash; 8 pm<br \/>\n        Register Now<br \/>\n        Secondary<br \/>\n        10 June 2026<br \/>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg> 7 &ndash; 8 pm<br \/>\n        Register Now<br \/>\n  <!-- Schools' Open Days --><br \/>\n    Visit Our Schools<br \/>\n    Experience our learning environments firsthand. Meet the Principals and school team, see how our schools collaborate to create a seamless transition for your child.<br \/>\n    View Schedule<br \/>\n  <!-- Enquiry Now  ->  Speak with Admissions --><br \/>\n    Speak with Admissions<br \/>\n    Have specific questions about the new associated school model, priority, or the application process? Our dedicated admissions team is here to help you navigate your child&#8217;s educational journey.<br \/>\n      Hotline<br \/>\n      +852 3762 2411<br \/>\n        Kindergarten<br \/>\n        kindergarten.admissions@esfcentre.edu.hk<br \/>\n        Primary<br \/>\n        primary.admissions@esfcentre.edu.hk<br \/>\n        Secondary<br \/>\n        secondary.admissions@esfcentre.edu.hk<br \/>\n    Submit Your Enquiry Form<br \/>\n  <!-- Apply  ->  Secure Your Place --><br \/>\n    Secure Your Place<br \/>\n    Ready to join the ESF family? Our central application is open for K1 entries from 1 &ndash; 30 September 2026. Start your application to begin your child&rsquo;s through-train experience from K1 to Year 13.<br \/>\n      K1 Application Window<br \/>\n      1 &ndash; 30 September 2026<br \/>\n    How To Apply?<br \/>\n    *Applying for academic year 2027\/28<br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Every Moment Matters. The time your child spends in the [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-35271","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>New approach to Early Years at ESF - English Schools Foundation | 22 International Schools in HK<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New approach to Early Years at ESF - English Schools Foundation | 22 International Schools in HK\" \/>\n<meta property=\"og:description\" content=\"Every Moment Matters. The time your child spends in the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/\" \/>\n<meta property=\"og:site_name\" content=\"English Schools Foundation | 22 International Schools in HK\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/English.Schools.Foundation\" \/>\n<meta property=\"og:image\" content=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2026\/05\/2_seamless_journey_route.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/\",\"url\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/\",\"name\":\"New approach to Early Years at ESF - English Schools Foundation | 22 International Schools in HK\",\"isPartOf\":{\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2026\/05\/2_seamless_journey_route.svg\",\"datePublished\":\"2026-05-11T15:08:54+00:00\",\"dateModified\":\"2026-05-11T15:08:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/#primaryimage\",\"url\":\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2026\/05\/2_seamless_journey_route.svg\",\"contentUrl\":\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2026\/05\/2_seamless_journey_route.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New approach to Early Years at ESF\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/#website\",\"url\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/\",\"name\":\"English Schools Foundation | 22 International Schools in HK\",\"description\":\"Offering a world class education from K1 to Year 13\",\"publisher\":{\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/#organization\",\"name\":\"English Schools Foundation\",\"alternateName\":\"ESF\",\"url\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2023\/07\/esf-logo-wt.svg\",\"contentUrl\":\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2023\/07\/esf-logo-wt.svg\",\"width\":616.09,\"height\":158.48,\"caption\":\"English Schools Foundation\"},\"image\":{\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/English.Schools.Foundation\",\"https:\/\/www.instagram.com\/esf_englishschoolsfoundation\/\",\"https:\/\/www.youtube.com\/@esfcommunications\",\"https:\/\/hk.linkedin.com\/company\/esf-education\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"New approach to Early Years at ESF - English Schools Foundation | 22 International Schools in HK","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/","og_locale":"zh_TW","og_type":"article","og_title":"New approach to Early Years at ESF - English Schools Foundation | 22 International Schools in HK","og_description":"Every Moment Matters. The time your child spends in the [&hellip;]","og_url":"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/","og_site_name":"English Schools Foundation | 22 International Schools in HK","article_publisher":"https:\/\/www.facebook.com\/English.Schools.Foundation","og_image":[{"url":"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2026\/05\/2_seamless_journey_route.svg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"10 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/","url":"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/","name":"New approach to Early Years at ESF - English Schools Foundation | 22 International Schools in HK","isPartOf":{"@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/#website"},"primaryImageOfPage":{"@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/#primaryimage"},"image":{"@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/#primaryimage"},"thumbnailUrl":"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2026\/05\/2_seamless_journey_route.svg","datePublished":"2026-05-11T15:08:54+00:00","dateModified":"2026-05-11T15:08:54+00:00","breadcrumb":{"@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/#primaryimage","url":"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2026\/05\/2_seamless_journey_route.svg","contentUrl":"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2026\/05\/2_seamless_journey_route.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/new-approach-to-early-years-at-esf\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/join-us.esf.edu.hk\/zh-hant\/"},{"@type":"ListItem","position":2,"name":"New approach to Early Years at ESF"}]},{"@type":"WebSite","@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/#website","url":"https:\/\/join-us.esf.edu.hk\/zh-hant\/","name":"English Schools Foundation | 22 International Schools in HK","description":"Offering a world class education from K1 to Year 13","publisher":{"@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/join-us.esf.edu.hk\/zh-hant\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/#organization","name":"English Schools Foundation","alternateName":"ESF","url":"https:\/\/join-us.esf.edu.hk\/zh-hant\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/#\/schema\/logo\/image\/","url":"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2023\/07\/esf-logo-wt.svg","contentUrl":"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2023\/07\/esf-logo-wt.svg","width":616.09,"height":158.48,"caption":"English Schools Foundation"},"image":{"@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/English.Schools.Foundation","https:\/\/www.instagram.com\/esf_englishschoolsfoundation\/","https:\/\/www.youtube.com\/@esfcommunications","https:\/\/hk.linkedin.com\/company\/esf-education"]}]}},"_links":{"self":[{"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/pages\/35271"}],"collection":[{"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/comments?post=35271"}],"version-history":[{"count":0,"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/pages\/35271\/revisions"}],"wp:attachment":[{"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/media?parent=35271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}