PageSourceSearch

https://montessori-academy.com/ruhi-khan-director.html

html montessori-academy.com collected 2026-09-29 22:32:27 UTC 80,031 bytes, 1,709 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6  <title>Ruhi Khan — Director, Montessori Academy | Los Angeles</title>
7  <meta name="description" content="Ruhi Khan has directed Montessori Academy since 2014, leading its three LA campuses — Culver City (est. 1986), West Adams, and Downey — serving children from 6 weeks to 3rd grade. AMI-credentialed, Stanford M.Ed." />
8
9  
9<script type="application/ld+json">
10  {
11    "@context": "https://schema.org",
12    "@type": "Person",
13    "name": "Ruhi Khan",
14    "jobTitle": "Director",
15    "worksFor": {
16      "@type": "Organization",
17      "name": "Montessori Academy",
18      "url": "https://montessori-academy.com"
19    },
20    "url": "https://montessori-academy.com/ruhi-khan-director/",
21    "email": "mailto:[email protected]",
22    "image": "https://montessori-academy.com/img/ruhi-khan.webp",
23    "alumniOf": [
24      { "@type": "CollegiateOrganization", "name": "University of California, Irvine" },
25      { "@type": "CollegiateOrganization", "name": "Stanford University School of Education" }
26    ],
27    "hasCredential": "AMI Montessori Credential (UC Irvine)",
28    "knowsAbout": ["Montessori method", "early childhood education", "preschool administration", "learning design and technology"],
29    "sameAs": [,
30      {
31        "@type": "BreadcrumbList",
32        "itemListElement": [
33          {"@type":"ListItem","position":1,"name":"Home","item":"https://montessori-academy.com/"},
34          {"@type":"ListItem","position":2,"name":"About","item":"https://montessori-academy.com/#about"},
35          {"@type":"ListItem","position":3,"name":"Ruhi Khan — Director","item":"https://montessori-academy.com/ruhi-khan-director.html"}
36        ]
37      }]
38  }
39  </script>
39
40
41  <link rel="preconnect" href="https://fonts.googleapis.com" />
42  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
43  <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap" rel="stylesheet" />
44  <link rel="stylesheet" href="/partials/shared.css?v=3" />
45
46  
46<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
46
47
48  <style>
49    /* ── EXTENDED TOKENS ── */
50    :root {
51      --cream-warm: #faf8f4;
52      --ink-90: rgba(0,0,0,0.9);
53      --ink-60: rgba(0,0,0,0.6);
54      --ink-35: rgba(0,0,0,0.35);
55    }
56    body { background: var(--cream-warm); }
57
58    /* ── HERO — Brand navy canvas ── */
59    .hero {
60      background: var(--canvas-night);
61      position: relative;
62      overflow: hidden;
63    }
64    .hero::before {
65      content: '';
66      position: absolute; inset: 0;
67      background:
68        radial-gradient(ellipse 60% 50% at 20% 80%, rgba(193,251,212,0.06) 0%, transparent 100%),
69        radial-gradient(ellipse 50% 40% at 85% 20%, rgba(32,31,91,0.6) 0%, transparent 100%);
70      pointer-events: none;
71    }
72    .hero::after {
73      content: '';
74      position: absolute; inset: 0;
75      background-image:
76        linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),
77        linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);
78      background-size: 48px 48px;
79      pointer-events: none;
80    }
81
82    .hero-inner {
83      max-width: 1200px;
84      margin: 0 auto;
85      padding: calc(72px + 72px) 48px 72px;
86      display: grid;
87      grid-template-columns: 1fr 400px;
88      gap: 64px;
89      align-items: flex-end;
90      position: relative; z-index: 1;
91    }
92
93    .hero-left { display: flex; flex-direction: column; justify-content: flex-end; }
94
95    .hero-label {
96      display: flex; align-items: center; gap: 12px;
97      margin-bottom: 40px;
98    }
99    .hero-label-line { width: 32px; height: 1px; background: var(--aloe); opacity: 0.6; }
100    .hero-label span {
101      font-size: 11px; font-weight: 600; letter-spacing: 2px;
102      text-transform: uppercase; color: var(--aloe); opacity: 0.7;
103    }
104
105    .hero-name {
106      font-family: 'Inter Tight', -apple-system, sans-serif;
107      font-size: clamp(42px, 5vw, 64px);
108      font-weight: 330; line-height: 1.05;
109      color: #fff; letter-spacing: -0.5px;
110      margin-bottom: 20px;
111      font-feature-settings: "ss03";
112    }
113    .hero-name em {
114      display: block;
115      font-style: normal; font-weight: 400;
116      color: var(--shade-40);
117      font-size: 0.42em; letter-spacing: 0.72px;
118      text-transform: uppercase;
119      line-height: 1.4; margin-bottom: 10px;
120      font-family: 'Inter', sans-serif;
121    }
122
123    .hero-title-pill {
124      display: inline-flex; align-items: center; gap: 8px;
125      background: var(--brand-red-soft);
126      border: 1px solid rgba(252,71,83,0.25);
127      color: var(--brand-red);
128      font-size: 13px; font-weight: 500; letter-spacing: 0.3px;
129      padding: 7px 16px; border-radius: var(--r-pill);
130      margin-bottom: 40px;
131    }
132    .hero-title-pill svg { width: 13px; height: 13px; }
133
134    .hero-lead {
135      font-size: 17px; font-weight: 400; line-height: 1.75;
136      color: var(--on-dark-soft);
137      max-width: 440px;
138      margin-bottom: 52px;
139      border-left: 2px solid var(--brand-red);
140      padding-left: 20px;
141    }
142    .hero-lead strong { color: rgba(255,255,255,0.9); font-weight: 500; }
143
144    .hero-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
145    .btn-hero-primary {
146      display: inline-flex; align-items: center; gap: 8px;
147      background: var(--brand-red); color: #fff;
148      font-size: 14px; font-weight: 600; letter-spacing: 0.2px;
149      padding: 13px 26px; border-radius: var(--r-pill);
150      transition: background .2s, transform .2s;
151    }
152    .btn-hero-primary:hover { background: #e03340; transform: translateY(-1px); }
153    .btn-hero-primary svg { width: 15px; height: 15px; }
154    .btn-hero-ghost {
155      display: inline-flex; align-items: center; gap: 8px;
156      background: transparent;
157      border: 1px solid rgba(255,255,255,0.15);
158      color: var(--on-dark-soft);
159      font-size: 14px; font-weight: 500;
160      padding: 13px 22px; border-radius: var(--r-pill);
161      transition: border-color .2s, color .2s;
162    }
163    .btn-hero-ghost:hover { border-color: rgba(255,255,255,0.4); color: #fff; }
164    .btn-hero-ghost svg { width: 15px; height: 15px; }
165
166    .hero-stats {
167      display: flex; gap: 32px;
168      margin-top: 52px; padding-top: 36px;
169      border-top: 1px solid var(--hairline-dk);
170    }
171    .hero-stat-num {
172      font-family: 'Inter Tight', sans-serif;
173      font-size: 28px; font-weight: 500; color: #fff;
174      line-height: 1; font-feature-settings: "ss03";
175    }
176    .hero-stat-label {
177      font-size: 11px; font-weight: 400; letter-spacing: 0.72px;
178      color: var(--shade-40); margin-top: 4px;
179      text-transform: uppercase;
180    }
181
182    /* RIGHT — Photo column */
183    .hero-right {
184      position: relative;
185      border-radius: 20px 20px 0 0;
186      overflow: hidden;
187      box-shadow: 0 -8px 48px rgba(0,0,0,0.5);
188      height: 480px;
189      align-self: flex-end;
190    }
191    .hero-right img {
192      width: 100%; height: 100%;
193      object-fit: cover;
194      object-position: top center;
195      display: block;
196      filter: grayscale(10%) contrast(1.04);
197    }
198    .hero-right::before {
199      content: '';
200      position: absolute; inset: 0; z-index: 1;
201      background:
202        linear-gradient(to right, rgba(32,31,91,0.45) 0%, transparent 45%),
203        linear-gradient(to top, rgba(32,31,91,0.3) 0%, transparent 40%);
204    }
205    .hero-right::after {
206      content: '';
207      position: absolute; bottom: 0; left: 0; right: 0;
208      height: 3px;
209      background: linear-gradient(90deg, var(--brand-red), transparent);
210      z-index: 2;
211    }
212    .hero-photo-caption {
213      position: absolute; bottom: 16px; left: 20px; z-index: 2;
214      font-size: 11px; font-weight: 500; color: rgba(255,255,255,0.35);
215      letter-spacing: 0.5px;
216    }
217
218    /* ── CONTENT GRID ── */
219    .page-content {
220      max-width: 1200px; margin: 0 auto;
221      padding: 96px 48px 112px;
222      display: grid;
223      grid-template-columns: 1fr 380px;
224      gap: 80px;
225      align-items: start;
226    }
227
228    /* ── ARTICLE / LEFT ── */
229    .article-body { min-width: 0; }
230
231    .section-label {
232      display: flex; align-items: center; gap: 14px;
233      margin-bottom: 28px;
234    }
235    .section-label span {
236      font-size: 12px; font-weight: 400; letter-spacing: 0.72px;
237      text-transform: uppercase; color: var(--shade-50);
238      font-family: 'Inter', sans-serif;
239      white-space: nowrap;
240    }
241    .section-label::after {
242      content: ''; flex: 1; height: 1px;
243      background: var(--hairline-lt);
244    }
245
246    .article-h2 {
247      font-family: 'Inter Tight', sans-serif;
248      font-size: clamp(28px, 3vw, 38px);
249      font-weight: 330; color: var(--ink-90);
250      line-height: 1.15; letter-spacing: -0.3px;
251      margin-bottom: 28px;
252      font-feature-settings: "ss03";
253    }
254    .article-body p {
255      font-size: 17px; color: var(--ink-60);
256      line-height: 1.8; margin-bottom: 22px;
257      font-weight: 400;
258    }
259    .article-body p:last-child { margin-bottom: 0; }
260
261    /* Pull quote */
262    .pull-quote {
263      margin: 52px 0; padding: 44px 52px;
264      background: var(--canvas-night);
265      border-radius: var(--r-xl);
266      border: 1px solid var(--hairline-dk);
267      position: relative; overflow: hidden;
268    }
269    .pull-quote::before {
270      content: '\201C';
271      position: absolute; top: -10px; left: 32px;
272      font-family: 'Inter Tight', sans-serif;
273      font-size: 140px; line-height: 1;
274      color: rgba(255,255,255,0.04);
275      pointer-events: none;
276    }
277    .pull-quote p {
278      font-family: 'Inter Tight', sans-serif;
279      font-size: clamp(19px, 2.2vw, 24px);
280      font-style: italic; font-weight: 330;
281      line-height: 1.65; color: #fff;
282      margin: 0 0 24px; position: relative; z-index: 1;
283      font-feature-settings: "ss03";
284    }
285    .pull-quote cite {
286      display: flex; align-items: center; gap: 10px;
287      font-size: 13px; font-weight: 500;
288      color: var(--on-dark-soft); font-style: normal; letter-spacing: 0.3px;
289    }
290    .pull-quote cite::before {
291      content: ''; width: 20px; height: 1px;
292      background: var(--brand-red); opacity: 0.7;
293    }
294
295    /* Section break divider */
296    .section-break {
297      margin: 60px 0;
298      height: 1px;
299      background: linear-gradient(to right, var(--hairline-lt), transparent);
300    }
301
302    /* Child story block — standout card */
303    .story-block {
304      margin: 52px 0;
305      padding: 44px 48px;
306      background: linear-gradient(135deg, #f5f4ff 0%, #fff 60%);
307      border-radius: 20px;
308      border: 1px solid rgba(32,31,91,0.1);
309      border-left: 4px solid var(--brand-red);
310      position: relative;
311    }
312    .story-block-eyebrow {
313      display: flex; align-items: center; gap: 10px;
314      font-size: 11px; font-weight: 600; letter-spacing: 1.5px;
315      text-transform: uppercase; color: var(--brand-red);
316      margin-bottom: 20px;
317    }
318    .story-block-eyebrow svg { width: 14px; height: 14px; }
319    .story-block h3 {
320      font-family: 'Inter Tight', sans-serif;
321      font-size: clamp(20px, 2.4vw, 28px);
322      font-weight: 400; color: var(--ink-90);
323      line-height: 1.25; letter-spacing: -0.2px;
324      margin-bottom: 20px;
325      font-feature-settings: "ss03";
326    }
327    .story-block p {
328      font-size: 16px; color: var(--ink-60);
329      line-height: 1.85; margin-bottom: 18px;
330      font-weight: 400;
331    }
332    .story-block p:last-child { margin-bottom: 0; }
333    .story-outcome {
334      margin-top: 28px; padding: 18px 24px;
335      background: rgba(32,31,91,0.04);
336      border-radius: 12px;
337      font-size: 15px; font-style: italic; color: var(--ink-60);
338      line-height: 1.7;
339      border-left: 2px solid var(--aloe);
340    }
341
342    /* Philosophy section */
343    .philosophy-block {
344      margin: 52px 0;
345      padding: 44px 48px;
346      background: var(--canvas-light);
347      border-radius: 20px;
348      border: 1px solid var(--hairline-lt);
349      box-shadow: 0 4px 24px rgba(0,0,0,0.04);
350    }
351
352    /* Key insight cards */
353    .insight-grid {
354      display: grid;
355      grid-template-columns: 1fr 1fr;
356      gap: 16px;
357      margin-top: 32px;
358    }
359    .insight-card {
360      padding: 20px 22px;
361      background: var(--cream-warm);
362      border-radius: 14px;
363      border: 1px solid var(--hairline-lt);
364    }
365    .insight-card-icon {
366      width: 36px; height: 36px; border-radius: 10px;
367      display: flex; align-items: center; justify-content: center;
368      margin-bottom: 12px;
369    }
370    .insight-card-icon.red { background: rgba(252,71,83,0.08); }
371    .insight-card-icon.navy { background: rgba(32,31,91,0.07); }
372    .insight-card-icon.green { background: rgba(26,92,58,0.07); }
373    .insight-card-icon.gold { background: rgba(180,140,30,0.08); }
374    .insight-card-icon svg { width: 16px; height: 16px; }
375    .insight-card-icon.red svg { color: var(--brand-red); }
376    .insight-card-icon.navy svg { color: var(--navy); }
377    .insight-card-icon.green svg { color: var(--forest); }
378    .insight-card-icon.gold svg { color: #b48c1e; }
379    .insight-card strong {
380      display: block; font-size: 14px; font-weight: 600;
381      color: var(--ink-90); margin-bottom: 6px;
382    }
383    .insight-card span {
384      font-size: 13px; color: var(--ink-60); line-height: 1.6;
385    }
386
387    /* Articles section */
388    .articles-section { margin-top: 64px; }
389    .article-card {
390      display: flex; align-items: center; gap: 20px;
391      padding: 20px 24px;
392      background: var(--canvas-light);
393      border: 1px solid var(--hairline-lt);
394      border-radius: 14px;
395      margin-bottom: 12px;
396      transition: border-color .2s, box-shadow .2s, transform .2s;
397      cursor: pointer;
398    }
399    .article-card:hover {
400      border-color: var(--navy);
401      box-shadow: 0 8px 32px rgba(32,31,91,0.08);
402      transform: translateX(4px);
403    }
404    .article-card-icon {
405      width: 44px; height: 44px; border-radius: 12px;
406      background: rgba(32,31,91,0.06);
407      display: flex; align-items: center; justify-content: center;
408      flex-shrink: 0;
409    }
410    .article-card-icon svg { width: 20px; height: 20px; color: var(--navy); }
411    .article-card-title { font-size: 15px; font-weight: 600; color: var(--ink-90); line-height: 1.4; }
412    .article-card-meta { font-size: 12px; color: var(--ink-35); margin-top: 3px; }
413    .article-card-arrow { margin-left: auto; flex-shrink: 0; }
414    .article-card-arrow svg { width: 16px; height: 16px; color: var(--ink-35); }
415
416    /* Contact row */
417    .contact-section {
418      margin-top: 64px;
419      padding: 44px 48px;
420      background: linear-gradient(135deg, #f8f7ff, #fff);
421      border-radius: 20px;
422      border: 1px solid rgba(32,31,91,0.08);
423      box-shadow: 0 4px 24px rgba(32,31,91,0.05);
424    }
425    .contact-section h3 {
426      font-family: 'Inter Tight', sans-serif;
427      font-size: 24px; font-weight: 400; color: var(--navy);
428      margin-bottom: 10px; letter-spacing: -0.2px;
429      font-feature-settings: "ss03";
430    }
431    .contact-section > p {
432      font-size: 15px; color: var(--ink-60); margin-bottom: 28px;
433      line-height: 1.7;
434    }
435    .campus-chips { display: flex; flex-wrap: wrap; gap: 10px; }
436    .campus-chip {
437      display: inline-flex; align-items: center; gap: 8px;
438      padding: 10px 18px;
439      background: var(--canvas-light);
440      border: 1px solid var(--hairline-lt);
441      border-radius: 99px;
442      font-size: 14px; font-weight: 500; color: var(--navy);
443      transition: border-color .15s, background .15s;
444    }
445    .campus-chip:hover { border-color: var(--navy); background: #f0f0f8; }
446    .campus-chip svg { width: 13px; height: 13px; color: var(--brand-red); }
447
448    /* ── SIDEBAR ── */
449    .sidebar { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 20px; }
450
451    .sidebar-card {
452      background: var(--canvas-light);
453      border-radius: var(--r-lg);
454      border: 1px solid var(--hairline-lt);
455      overflow: hidden;
456      box-shadow:
457        0 8px 8px rgba(0,0,0,0.06),
458        0 4px 4px rgba(0,0,0,0.06),
459        0 2px 2px rgba(0,0,0,0.06),
460        0 0 0 1px rgba(0,0,0,0.03);
461    }
462    .sidebar-card-header {
463      padding: 16px 24px;
464      font-size: 12px; font-weight: 400; letter-spacing: 0.72px;
465      text-transform: uppercase; color: var(--shade-50);
466      font-family: 'Inter', sans-serif;
467      border-bottom: 1px solid var(--hairline-lt);
468    }
469    .sidebar-card-body { padding: 16px 24px 24px; }
470
471    /* Cred list */
472    .cred-list { display: flex; flex-direction: column; gap: 0; }
473    .cred-row {
474      display: flex; gap: 14px; align-items: flex-start;
475      padding: 14px 0;
476      border-bottom: 1px solid var(--hairline-lt);
477    }
478    .cred-row:last-child { border-bottom: none; }
479    .cred-dot {
480      width: 32px; height: 32px; border-radius: var(--r-md);
481      display: flex; align-items: center; justify-content: center;
482      flex-shrink: 0;
482 margin-top: 1px;
483    }
484    .cred-dot.red { background: rgba(252,71,83,0.08); }
485    .cred-dot.navy { background: rgba(32,31,91,0.07); }
486    .cred-dot.green { background: rgba(26,92,58,0.07); }
487    .cred-dot.gold { background: rgba(180,140,30,0.08); }
488    .cred-dot svg { width: 15px; height: 15px; }
489    .cred-dot.red svg { color: var(--brand-red); }
490    .cred-dot.navy svg { color: var(--navy); }
491    .cred-dot.green svg { color: var(--forest); }
492    .cred-dot.gold svg { color: #b48c1e; }
493    .cred-text strong { font-size: 14px; font-weight: 600; color: var(--ink-90); display: block; }
494    .cred-text span { font-size: 13px; color: var(--ink-35); line-height: 1.4; display: block; margin-top: 2px; }
495
496    /* Licenses */
497    .license-list { display: flex; flex-direction: column; gap: 0; }
498    .lic-row {
499      display: flex; align-items: center; justify-content: space-between;
500      padding: 13px 0;
501      border-bottom: 1px solid var(--hairline-lt);
502    }
503    .lic-row:last-child { border-bottom: none; }
504    .lic-name { font-size: 14px; font-weight: 600; color: var(--ink-90); }
505    .lic-num { font-size: 12px; color: var(--ink-35); margin-top: 2px; }
506    .lic-badge {
507      font-size: 11px; font-weight: 600; color: var(--forest);
508      background: var(--aloe); padding: 3px 10px; border-radius: var(--r-pill);
509      flex-shrink: 0;
510    }
511
512    /* Team */
513    .team-list { display: flex; flex-direction: column; gap: 0; }
514    .team-row {
515      display: flex; align-items: center; gap: 14px;
516      padding: 14px 0;
517      border-bottom: 1px solid var(--hairline-lt);
518    }
519    .team-row:last-child { border-bottom: none; }
520    .team-avatar {
521      width: 40px; height: 40px; border-radius: 50%;
522      display: flex; align-items: center; justify-content: center;
523      background: linear-gradient(135deg, var(--aloe), #88e8a8);
524      flex-shrink: 0; font-size: 15px; font-weight: 700; color: var(--forest);
525    }
526    .team-name { font-size: 14px; font-weight: 600; color: var(--ink-90); }
527    .team-campus { font-size: 12px; color: var(--ink-35);
527 margin-top: 1px; }
528    .team-phone {
529      margin-left: auto; flex-shrink: 0;
530      display: flex; align-items: center; gap: 5px;
531      font-size: 12px; font-weight: 500; color: var(--navy);
532    }
533    .team-phone:hover { color: var(--brand-red); }
534    .team-phone svg { width: 12px; height: 12px; }
535
536    /* Sidebar CTA */
537    .sidebar-cta {
538      background: var(--canvas-night);
539      border-radius: var(--r-lg);
540      border: 1px solid rgba(255,255,255,0.08);
541      padding: 32px 28px;
542      text-align: center;
543      position: relative; overflow: hidden;
544    }
545    .sidebar-cta::before {
546      content: '';
547      position: absolute; top: -50%; left: 50%;
548      transform: translateX(-50%);
549      width: 300px; height: 300px; border-radius: 50%;
550      background: radial-gradient(circle, rgba(252,71,83,0.07) 0%, transparent 70%);
551      pointer-events: none;
552    }
553    .sidebar-cta-eyebrow {
554      font-size: 12px; font-weight: 400; letter-spacing: 0.72px;
555      text-transform: uppercase; color: var(--shade-40);
556      margin-bottom: 12px; font-family: 'Inter', sans-serif;
557    }
558    .sidebar-cta h3 {
559      font-family: 'Inter Tight', sans-serif;
560      font-size: 22px; font-weight: 330; color: #fff;
561      line-height: 1.25; margin-bottom: 12px;
562      font-feature-settings: "ss03";
563    }
564    .sidebar-cta p {
565      font-size: 13px; color: var(--on-dark-soft);
566      line-height: 1.6; margin-bottom: 24px;
567    }
568    .btn-cta-white {
569      display: flex; align-items: center; justify-content: center; gap: 8px;
570      background: var(--brand-red); color: #fff;
571      font-size: 14px; font-weight: 600;
572      padding: 13px 22px; border-radius: var(--r-pill);
573      transition: background .15s, transform .15s;
574      margin-bottom: 12px;
575    }
576    .btn-cta-white:hover { background: #e03340; transform: translateY(-1px); }
577    .btn-cta-white svg { width: 15px; height: 15px; }
578    .cta-email-link {
579      display: flex; align-items: center; justify-content: center; gap: 6px;
580      font-size: 12px; color: var(--on-dark-soft); transition: color .15s;
581    }
582    .cta-email-link:hover { color: rgba(255,255,255,0.7); }
583    .cta-email-link svg { width: 12px; height: 12px; }
584
585    /* ── RESPONSIVE ── */
586    @media (max-width: 1100px) {
587      .hero-inner { grid-template-columns: 1fr 340px; gap: 48px; padding: calc(72px + 56px) 32px 56px; }
588      .hero-right { height: 420px; }
589      .page-content { grid-template-columns: 1fr 340px; gap: 56px; }
590    }
591    @media (max-width: 900px) {
592      .hero-inner { grid-template-columns: 1fr; gap: 40px; padding: calc(72px + 48px) 24px 0; }
593      .hero-right { height: 360px; border-radius: 16px 16px 0 0; }
594      .hero-stats { gap: 24px; }
595      .page-content { grid-template-columns: 1fr; gap: 48px; padding: 64px 24px 80px; }
596      .sidebar { position: static; }
597      .pull-quote { padding: 28px 32px; }
598      .story-block { padding: 32px; }
599      .philosophy-block { padding: 32px; }
600      .contact-section { padding: 32px; }
601      .insight-grid { grid-template-columns: 1fr; }
602    }
603    @media (max-width: 640px) {
604      .hero-inner { padding: calc(72px + 32px) 20px 0; }
605      .hero-name { font-size: 36px; }
606      .hero-right { height: 280px; }
607      .hero-actions { flex-direction: column; align-items: flex-start; }
608      .page-content { padding: 48px 20px 64px; }
609      .pull-quote { padding: 24px; }
610      .pull-quote::before { font-size: 100px; }
611      .pull-quote p { font-size: 19px; }
612      .story-block { padding: 24px; }
613      .philosophy-block { padding: 24px; }
614      .contact-section { padding: 24px; }
615    }
616
617    /* ── REVEAL ── */
618    .fade-up { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
619    .fade-up.visible { opacity: 1; transform: translateY(0); }
620    .fade-up:nth-child(2) { transition-delay: .1s; }
621    .fade-up:nth-child(3) { transition-delay: .2s; }
622    .fade-up:nth-child(4) { transition-delay: .3s; }
623  </style>
624</head>
625<body data-page="ruhi-khan">
626
627  <!-- SHARED HEADER -->
628  <!-- ═══════════════════════════════════════
629     SHARED HEADER PARTIAL
630     Loaded dynamically via partials/loader.js
631
632     ANALYTICS & TRACKING
633     Paste your GTM / GA4 / Meta Pixel / etc.
634     scripts in the block below. They will run
635     on every page that loads this partial.
636     ═══════════════════════════════════════ -->
637
638<!-- ─── ANALYTICS — paste tracking scripts here ─── -->
639
640<!-- Google Tag Manager — replace GTM-XXXXXXX with your ID
641<script>
vendor: 327 bytes, lines 641-645
641(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
642new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
643j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
644'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
645})(window,document,'script','dataLayer','
645GTM-XXXXXXX
vendor: 3 bytes, line 645
645');
645</script>
645
646-->
647
648<!-- Google Analytics 4 (Active) -->
vendor: 64 bytes, lines 648-649
648
649<script async src="https://www.googletagmanager.com/gtag/js?id=
649G-GQDR1HD2LZ
vendor: 12 bytes, line 649
649"></script>
650<script>
651  
vendor: 133 bytes, lines 651-654
651window.dataLayer = window.dataLayer || [];
652  function gtag(){dataLayer.push(arguments);}
653  gtag('js', new Date());
654  gtag('config', '
654G-GQDR1HD2LZ
vendor: 4 bytes, line 654
654');
655</script>
655
656
657<!-- Meta Pixel — replace XXXXXXXXXXXXXXXXXX with your Pixel ID
658<script>
659!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
660n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
661n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
662t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
663document,'script','https://connect.facebook.net/en_US/fbevents.js');
664fbq('init', 'XXXXXXXXXXXXXXXXXX');
665fbq('track', 'PageView');
666</script>
666
667-->
668
669<!-- ─── END ANALYTICS ─── -->
670
671<nav class="nav" role="navigation" aria-label="Main navigation" id="main-nav">
672  <div class="nav-inner">
673    <a href="index.html" class="nav-logo" id="nav-logo" aria-label="Montessori Academy">
674      <img src="img/montessoriacademylogo.svg" alt="Montessori Academy" style="height:44px;width:auto;display:block" />
675    </a>
676
677    <div class="nav-menu" id="nav-menu">
678      <!-- Home -->
679      <div class="nav-item">
680        <a href="index.html" id="nav-home">Home</a>
681      </div>
682
683      <!-- Our Schools — Mega Menu -->
684      <style>
685        .mega-drop{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid #e4e4e7;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.12);padding:24px;gap:0;z-index:999;min-width:720px;}
686        .nav-item[data-dropdown].open .mega-drop{display:flex;}
687        .mega-col{flex:1;padding:0 20px;border-right:1px solid #e4e4e7;}
688        .mega-col:last-child{border-right:none;}
689        .mega-col-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#71717a;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e4e4e7;text-decoration:none;color:#111;}
690        .mega-col-head:hover{color:#FC4753;}
691        .mega-col-head svg{width:14px;height:14px;stroke:#FC4753;stroke-width:2;}
692        .mega-col a{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:13px;color:#52525b;text-decoration:none;border-radius:6px;transition:color .15s;white-space:nowrap;}
693        .mega-col a:hover{color:#FC4753;}
694        .mega-col a svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;flex-shrink:0;}
695        .mega-maof-tag{font-size:10px;font-weight:700;background:rgba(252,71,83,.1);color:#FC4753;padding:2px 6px;border-radius:99px;margin-left:4px;}
696      </style>
697      <div class="nav-item" data-dropdown style="position:relative;">
698        <button id="nav-schools" aria-expanded="false">Our Schools <i data-lucide="chevron-down"></i></button>
699        <div class="mega-drop" role="menu">
700
701          <!-- Culver City -->
702          <div class="mega-col">
703            <a href="montessori-preschool-culver-city-ca.html" class="mega-col-head" role="menuitem">
704              <i data-lucide="map-pin"></i> Culver City
705            </a>
706            <a href="toddler-program-culver-city.html" role="menuitem"><i data-lucide="star"></i> Toddler Program</a>
707            <a href="primary-program-culver-city.html" role="menuitem"><i data-lucide="book-open"></i> Primary / Pre-K (Ages 3&ndash;6)</a>
708            <a href="transitional-kindergarten-culver-city.html" role="menuitem"><i data-lucide="graduation-cap"></i> Transitional Kindergarten</a>
709            <a href="language-immersion-culver-city.html" role="menuitem"><i data-lucide="globe"></i> Language Immersion</a>
710
711            <a href="potty-training-program-culver-city.html" role="menuitem"><i data-lucide="shield"></i> No Potty Training Req.</a>
712          </div>
713
714          <!-- West Adams -->
715          <div class="mega-col">
716            <a href="montessori-preschool-west-adams-los-angeles.html" class="mega-col-head" role="menuitem">
717              <i data-lucide="map-pin"></i> West Adams
718            </a>
719            <a href="toddler-program-west-adams.html" role="menuitem"><i data-lucide="star"></i> Toddler Program</a>
720            <a href="primary-program-west-adams.html" role="menuitem"><i data-lucide="book-open"></i> Primary / Pre-K (Ages 3&ndash;6)</a>
721            <a href="transitional-kindergarten-west-adams.html" role="menuitem"><i data-lucide="graduation-cap"></i> Transitional Kindergarten</a>
722            <a href="language-immersion-west-adams.html" role="menuitem"><i data-lucide="globe"></i> Language Immersion</a>
723
724            <a href="potty-training-program-west-adams.html" role="menuitem"><i data-lucide="shield"></i> No Potty Training Req.</a>
725          </div>
726
727          <!-- Downey -->
728          <div class="mega-col">
729            <a href="montessori-school-downey-ca.html" class="mega-col-head" role="menuitem">
730              <i data-lucide="map-pin"></i> Downey <span class="mega-maof-tag">MAOF</span>
731            </a>
732            <a href="toddler-program-downey.html" role="menuitem"><i data-lucide="star"></i> Toddler Program</a>
733            <a href="primary-program-downey.html" role="menuitem"><i data-lucide="book-open"></i> Primary / Pre-K (Ages 3&ndash;6)</a>
734            <a href="transitional-kindergarten-downey.html" role="menuitem"><i data-lucide="graduation-cap"></i> Transitional Kindergarten</a>
735            <a href="language-immersion-downey.html" role="menuitem"><i data-lucide="globe"></i>
735 Language Immersion</a>
736
737            <a href="potty-training-program-downey.html" role="menuitem"><i data-lucide="shield"></i> No Potty Training Req.</a>
738          </div>
739
740        </div>
741      </div>
742
743      <!-- Programs -->
744      <div class="nav-item" data-dropdown>
745        <button id="nav-programs" aria-expanded="false">Programs <i data-lucide="chevron-down"></i></button>
746        <div class="dropdown" role="menu">
747          <a href="infant-care-downey-ca.html" role="menuitem"><i data-lucide="baby"></i> Infant Care &mdash; from 6 weeks (Downey)</a>
748          <a href="toddler-montessori-program.html" role="menuitem"><i data-lucide="star"></i> Toddler Program (Ages 2&ndash;3)</a>
749          <a href="primary-montessori-program.html" role="menuitem"><i data-lucide="book-open"></i> Primary / Pre-K (Ages 3&ndash;6)</a>
750          <a href="private-elementary-school-downey-ca.html" role="menuitem"><i data-lucide="award"></i> Private Elementary K&ndash;3 (Downey)</a>
751          <div class="dropdown-divider"></div>
752          <a href="transitional-kindergarten-program.html" role="menuitem"><i data-lucide="graduation-cap"></i> Transitional Kindergarten (TK)</a>
753          <a href="language-immersion-program.html" role="menuitem"><i data-lucide="globe"></i> Language Immersion</a>
754          <a href="full-time-part-time-enrollment.html" role="menuitem"><i data-lucide="calendar"></i> Full-Time &amp; Part-Time Options</a>
755
756          <a href="potty-training-program.html" role="menuitem"><i data-lucide="shield"></i> Potty Training &mdash; No Requirement</a>
757          <a href="activities-supplemental-classes.html" role="menuitem"><i data-lucide="sparkles"></i> Activities &amp; Enrichment Classes</a>
758        </div>
759      </div>
760
761      <!-- Why Montessori Academy -->
762      <div class="nav-item" data-dropdown>
763        <button id="nav-why" aria-expanded="false">Why Montessori <i data-lucide="chevron-down"></i></button>
764        <div class="dropdown" role="menu">
765          <a href="why-the-montessori-method-works.html" role="menuitem"><i data-lucide="sparkles"></i> Why Montessori Academy Works</a>
766          <a href="blog/montessori-vs-tk-california/" role="menuitem"><i data-lucide="scale"></i> Montessori Academy vs. Free TK</a>
767          <a href="ruhi-khan-director.html" role="menuitem"><i data-lucide="user"></i> Meet Ruhi Khan &mdash; Director</a>
768        </div>
769      </div>
770
771      <!-- Tuition & Subsidies -->
772      <div class="nav-item" data-dropdown>
773        <button id="nav-tuition" aria-expanded="false">Tuition <i data-lucide="chevron-down"></i></button>
774        <div class="dropdown" role="menu">
775          <a href="tuition.html" role="menuitem"><i data-lucide="dollar-sign"></i> Tuition &amp; Fees — All Campuses</a>
776          <div class="dropdown-divider"></div>
777          <a href="maof-subsidized-preschool.html" role="menuitem"><i data-lucide="shield-check"></i> MAOF Subsidy &mdash; Downey</a>
778        </div>
779      </div>
780
781      <!-- About -->
782      <div class="nav-item" data-dropdown>
783        <button id="nav-about" aria-expanded="false">About <i data-lucide="chevron-down"></i></button>
784        <div class="dropdown" role="menu">
785          <a href="our-staff.html" role="menuitem"><i data-lucide="users"></i> Our Staff &amp; Directors</a>
786          <a href="ruhi-khan-director.html" role="menuitem"><i data-lucide="user"></i> Ruhi Khan &mdash; Director</a>
787          <div class="dropdown-divider"></div>
788          <a href="school-calendar.php" role="menuitem"><i data-lucide="calendar-days"></i> School Calendar</a>
789          <a href="index.html#testimonials" role="menuitem"><i data-lucide="message-circle"></i> Parent Testimonials</a>
790          <a href="index.html#faq" role="menuitem"><i data-lucide="help-circle"></i> FAQ &amp; Resources</a>
791        </div>
792      </div>
793
794      <!-- Blog -->
795      <div class="nav-item">
796        <a href="blog/" id="nav-blog"><i data-lucide="book-open" style="width:14px;height:14px;vertical-align:middle;margin-right:4px;"></i>Blog</a>
797      </div>
798    </div>
799
800    <a href="schedule-a-tour.html" class="nav-cta" id="nav-tour-btn">
801      <i data-lucide="calendar-check"></i> Schedule a Tour
802    </a>
803
804    <button class="nav-ham" id="nav-ham" aria-label="Open menu" aria-expanded="false">
805      <span></span><span></span><span></span>
806    </button>
807  </div>
808</nav>
809
810<!-- Mobile Overlay -->
811<div class="mob-overlay" id="mob-overlay" aria-hidden="true">
812  <a href="index.html" class="mob-simple" id="mob-home">Home</a>
813
814  <div class="mob-group" data-mob-group>
815    <button class="mob-group-btn" id="mob-schools-btn">Our Schools <i data-lucide="chevron-down"></i></button>
816    <div class="mob-sub">
817      <span style="font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#FC4753;padding:8px 0 4px;display:block;">Culver City</span>
818      <a href="montessori-preschool-culver-city-ca.html">&#8250; Campus Overview</a>
819      <a href="toddler-program-culver-city.html">&#8250; Toddler Program</a>
820      <a href="transitional-kindergarten-culver-city.html">&#8250; Transitional Kindergarten</a>
821      <a href="language-immersion-culver-city.html">&#8250; Language Immersion</a>
822
823      <a href="potty-training-program-culver-city.html">&#8250; No Potty Training Req.</a>
824      <span style="font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#FC4753;padding:12px 0 4px;display:block;">West Adams</span>
825      <a href="montessori-preschool-west-adams-los-angeles.html">&#8250; Campus Overview</a>
826      <a href="toddler-program-west-adams.html">&#8250; Toddler Program</a>
827      <a href="transitional-kindergarten-west-adams.html">&#8250; Transitional Kindergarten</a>
828      <a href="language-immersion-west-adams.html">&#8250; Language Immersion</a>
829
830      <a href="potty-training-program-west-adams.html">&#8250; No Potty Training Req.</a>
831      <span style="font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#FC4753;padding:12px 0 4px;display:block;">Downey <span style="background:rgba(252,71,83,.15);padding:1px 5px;border-radius:99px;font-size:9px;">MAOF</span></span>
832      <a href="montessori-school-downey-ca.html">&#8250; Campus Overview</a>
833      <a href="toddler-program-downey.html">&#8250; Toddler Program</a>
834      <a href="transitional-kindergarten-downey.html">&#8250; Transitional Kindergarten</a>
835      <a href="language-immersion-downey.html">&#8250; Language Immersion</a>
836
837      <a href="potty-training-program-downey.html">&#8250; No Potty Training Req.</a>
838    </div>
839  </div>
840
841  <div class="mob-group" data-mob-group>
842    <button class="mob-group-btn" id="mob-programs-btn">Programs <i data-lucide="chevron-down"></i></button>
843    <div class="mob-sub">
844      <a href="infant-care-downey-ca.html">Infant Care &mdash; from 6 weeks (Downey)</a>
845      <a href="toddler-montessori-program.html">Toddler Program (Ages 2&ndash;3)</a>
846      <a href="primary-montessori-program.html">Primary / Pre-K (Ages 3&ndash;6)</a>
847      <a href="private-elementary-school-downey-ca.html">Private Elementary K&ndash;3 (Downey)</a>
848      <a href="transitional-kindergarten-program.html">Transitional Kindergarten (TK)</a>
849      <a href="language-immersion-program.html">Language Immersion</a>
850      <a href="full-time-part-time-enrollment.html">Full-Time &amp; Part-Time Options</a>
851
852      <a href="potty-training-program.html">Potty Training &mdash; No Requirement</a>
853      <a href="activities-supplemental-classes.html">Activities &amp; Enrichment Classes</a>
854    </div>
855  </div>
856
857  <div class="mob-group" data-mob-group>
858    <button class="mob-group-btn" id="mob-why-btn">Why Montessori <i data-lucide="chevron-down"></i></button>
859    <div class="mob-sub">
860      <a href="why-the-montessori-method-works.html">Why Montessori Academy Works</a>
861      <a href="blog/montessori-vs-tk-california/">Montessori Academy vs. Free TK</a>
862      <a href="ruhi-khan-director.html">Meet Ruhi Khan &mdash; Director</a>
863    </div>
864  </div>
865
866  <div class="mob-group" data-mob-group>
867    <button class="mob-group-btn" id="mob-tuition-btn">Tuition <i data-lucide="chevron-down"></i></button>
868    <div class="mob-sub">
869      <a href="tuition.html">Tuition &amp; Fees — All Campuses</a>
870      <a href="maof-subsidized-preschool.html">MAOF Subsidy &mdash; Downey</a>
871    </div>
872  </div>
873
874  <div class="mob-group" data-mob-group>
875    <button class="mob-group-btn" id="mob-about-btn">About <i data-lucide="chevron-down"></i></button>
876    <div class="mob-sub">
877      <a href="our-staff.html">Our Staff &amp; Directors</a>
878      <a href="ruhi-khan-director.html">Ruhi Khan &mdash; Director</a>
879      <a href="school-calendar.php">School Calendar</a>
880      <a href="index.html#testimonials">Parent Testimonials</a>
881      <a href="index.html#faq">FAQ &amp; Resources</a>
882    </div>
883  <a href="blog/" class="mob-simple" id="mob-blog"><i data-lucide="book-open"></i> Blog &amp; Resources</a>
884
885  </div>
886
887  <a href="schedule-a-tour.html" class="mob-tour-btn" id="mob-tour-btn">
888    <i data-lucide="calendar-check"></i> Schedule a Tour
889  </a>
890</div>
891
892<script>
893(function () {
894  'use strict';
895  function initNav() {
896    // ── Hamburger ──────────────────────────────────────────
897    var ham = document.getElementById('nav-ham');
898    var mob = document.getElementById('mob-overlay');
899    if (ham && mob) {
900      ham.addEventListener('click', function () {
901        var open = ham.classList.toggle('open');
902        mob.classList.toggle('open', open);
903        ham.setAttribute('aria-expanded', open);
904        document.body.style.overflow = open ? 'hidden' : '';
905      });
906      mob.querySelectorAll('a').forEach(function (a) {
907        a.addEventListener('click', function () {
908          ham.classList.remove('open');
909          mob.classList.remove('open');
910          ham.setAttribute('aria-expanded', 'false');
911          document.body.style.overflow = '';
912        });
913      });
914    }
915
916    // ── Desktop dropdowns ─────────────────────────────────
917    var dropItems = document.querySelectorAll('.nav-item[data-dropdown]');
918    dropItems.forEach(function (item) {
919      var timer = null;
920      item.addEventListener('mouseenter', function () {
921        clearTimeout(timer);
922        dropItems.forEach(function (other) {
923          if (other !== item) other.classList.remove('open');
924        });
925        item.classList.add('open');
926      });
927      item.addEventListener('mouseleave', function () {
928        timer = setTimeout(function () { item.classList.remove('open'); }, 200);
929      });
930    });
931
932    // ── Mobile sub-groups ─────────────────────────────────
933    document.querySelectorAll('[data-mob-group]').forEach(function (group) {
934      var btn = group.querySelector('.mob-group-btn');
935      if (btn) {
936        btn.addEventListener('click', function () {
937          var open = group.classList.toggle('open');
938          btn.setAttribute('aria-expanded', open);
939        });
940      }
941    });
942
943    // ── Active page highlight ─────────────────────────────
944    var PAGE_MAP = {
945      'home':              '/index.html',
946      'culver-city':       '/montessori-preschool-culver-city-ca.html',
947      'west-adams':        '/montessori-preschool-west-adams-los-angeles.html',
948      'downey':            '/montessori-school-downey-ca.html',
949      'infant-care':       '/infant-care-downey-ca.html',
950      'toddler':           '/toddler-montessori-program.html',
951      'primary':           '/primary-montessori-program.html',
952      'tk-program':        '/transitional-kindergarten-program.html',
953      'language':          '/language-immersion-program.html',
954      'enrollment':        '/full-time-part-time-enrollment.html',
955
956      'potty-training':    '/potty-training-program.html',
957      'activities':        '/activities-supplemental-classes.html',
958      'elementary-downey': '/private-elementary-school-downey-ca.html',
959      'tuition':           '/tuition.html',
960      'maof':              '/maof-subsidized-preschool.html',
961      'why-montessori':    '/why-the-montessori-method-works.html',
962      'vs-tk':             '/montessori-vs-tk-california.html',
963      'ruhi-khan':         '/ruhi-khan-director.html',
964      'our-staff':         '/our-staff.html',
965      'calendar':          '/school-calendar.php',
966      'tour':              '/schedule-a-tour.html'
967    };
968    var page = document.body ? document.body.getAttribute('data-page') : '';
969    var href = PAGE_MAP[page];
970    if (href) {
971      document.querySelectorAll('.nav-menu a, .mob-overlay a').forEach(function (a) {
972        if (a.getAttribute('href') === href) a.classList.add('active');
973      });
974    }
975  }
976
977  if (document.readyState === 'loading') {
978    document.addEventListener('DOMContentLoaded', initNav);
979  } else {
980    initNav();
981  }
982})();
983</script>
983
984
985  <!-- ═══ HERO ═══ -->
986  <section class="hero" id="hero">
987    <div class="hero-inner">
988
989    <!-- LEFT column -->
990    <div class="hero-left">
991      <div class="hero-left-content">
992
993        <div class="hero-label">
994          <div class="hero-label-line"></div>
995          <span>Montessori Academy &middot; Leadership</span>
996        </div>
997
998        <h1 class="hero-name">
999          <em>Director</em>
1000          Ruhi Khan
1001        </h1>
1002
1003        <div class="hero-title-pill">
1004          <i data-lucide="building-2"></i>
1005          Three campuses &middot; Los Angeles County
1006        </div>
1007
1008        <p class="hero-lead">
1009          Ruhi Khan has directed Montessori Academy since <strong>2014</strong>,
1010          leading its growth from the original Culver City campus
1011          <strong>(est. 1986)</strong> to three schools serving children
1012          from <strong>6 weeks to 3rd grade</strong> across LA County.
1013          AMI-credentialed. Stanford M.Ed.
1014        </p>
1015
1016        <div class="hero-actions">
1017          <a href="/schedule-a-tour.html" class="btn-hero-primary" id="hero-tour-btn">
1018            <i data-lucide="calendar-check"></i> Schedule a Tour
1019          </a>
1020          <a href="/cdn-cgi/l/email-protection#1664637e7f567b79786273656579647f3b77757772737b6f3875797b" class="btn-hero-ghost" id="hero-email-btn">
1021            <i data-lucide="mail"></i> <span class="__cf_email__" data-cfemail="2c5e5944456c41434258495f5f435e45014d4f4d48494155024f4341">[email&#160;protected]</span>
1022          </a>
1023        </div>
1024
1025        <div class="hero-stats">
1026          <div>
1027            <div class="hero-stat-num">2014</div>
1028            <div class="hero-stat-label">Director Since</div>
1029          </div>
1030          <div>
1031            <div class="hero-stat-num">1986</div>
1032            <div class="hero-stat-label">Est. Culver City</div>
1033          </div>
1034          <div>
1035            <div class="hero-stat-num">3</div>
1036            <div class="hero-stat-label">Licensed Campuses</div>
1037          </div>
1038          <div>
1039            <div class="hero-stat-num">6 wks</div>
1040            <div class="hero-stat-label">Youngest Enrolled</div>
1041          </div>
1042        </div>
1043
1044      </div>
1045    </div>
1046
1047    <!-- RIGHT panel — photo -->
1048    <div class="hero-right">
1049      <img src="/img/ruhi-khan.webp" alt="Ruhi Khan, Director of Montessori Academy" />
1050      <div class="hero-photo-caption">Ruhi Khan &middot; Director, Montessori Academy</div>
1051    </div>
1052
1053    </div><!-- /.hero-inner -->
1054  </section>
1055
1056  <!-- ═══ MAIN CONTENT ═══ -->
1057  <main class="page-content" id="main-content">
1058
1059    <!-- ── LEFT: Article ── -->
1060    <article class="article-body">
1061
1062      <!-- Her Story -->
1063      <div class="fade-up">
1064        <div class="section-label"><span>Her Story</span></div>
1065        <h2 class="article-h2">The person behind &ldquo;Ms. Ruhi&rdquo;</h2>
1066        <p>
1067          Ask the parents at pickup and you'll hear her called &ldquo;Ms. Ruhi&rdquo; &mdash;
1068          the name that appears in reviews going back years, usually next to a story about a
1069          child who didn't want to leave at 6 PM.
1070        </p>
1071        <p>
1072          Ruhi first walked through the doors of Montessori Academy not as an administrator,
1073          but as a parent. In 2011, her oldest daughter began attending the Culver City school
1074          at two years old &mdash; and her younger daughter followed, attending the same classrooms
1075          a few years later. Both of Ruhi&rsquo;s daughters grew up at Montessori Academy Culver City.
1076          Like so many families before her, she quickly fell in love with the warmth, respect, and
1077          beauty of the Montessori environment &mdash; first through her daughters&rsquo; eyes, then as a
1078          daily presence in the school herself.
1079        </p>
1080        <p>
1081          &ldquo;Watching my own daughters thrive here &mdash; seeing the independence, the curiosity, the
1082          love of learning they developed &mdash; that&rsquo;s what convinced me this method works,&rdquo;
1083          she says. &ldquo;I didn&rsquo;t just read about Montessori. I lived it as a parent.
1084          I saw it change my children. That&rsquo;s why I believe in it so deeply.”
1085        </p>
1086        <p>
1087          When the school's owner prepared to retire in 2014, she invited Ruhi to become Director
1088          because of her Montessori background and experience. &ldquo;It was an incredible honor
1089          to step into a school that had already become such an important part of my own family's
1090          life,&rdquo; she says. Since then, she has been dedicated to preserving everything
1091          families love about Montessori Academy while continuing to grow it for future generations &mdash;
1092          from one campus to three, with Downey opening in 2023 as the first location to welcome
1093          infants and carry children all the way through 3rd grade.
1094        </p>
1095        <p>
1096          Some of the parents touring today attended these classrooms themselves as children. During tours,
1097          Ruhi often watches a parent pause at a familiar Montessori material from their own childhood &mdash;
1098          they smile, and the memories surface. &ldquo;Those experiences stayed with them,&rdquo; she says.
1099          &ldquo;And that's exactly what they hope to give their own children.&rdquo;
1100        </p>
1101      </div>
1102
1103      <!-- Pull quote — her voice on first-day nerves -->
1104      <div class="pull-quote fade-up">
1105        <p>I know you&rsquo;re trusting us with the most precious person in your life, and that trust is something we never take for granted. The hardest part is often saying goodbye &mdash; but it&rsquo;s usually much harder for the parent than it is for the child. From the moment your child walks through our doors, they become part of our school family.</p>
1106        <cite>— Ruhi Khan, on what she tells parents on a child&rsquo;s first morning</cite>
1107      </div>
1108
1109      <!-- Montessori Origin Story -->
1110      <div class="fade-up">
1111        <div class="section-label"><span>A Lifelong Calling</span></div>
1112        <h2 class="article-h2">Montessori wasn&rsquo;t something she discovered&thinsp;&mdash;&thinsp;it was part of who she wanted to become</h2>
1113        <p>
1114          Several of Ruhi's aunts were Montessori teachers and school directors, so she spent
1115          many of her summer vacations in Montessori classrooms. Even as a young child, she loved
1116          helping the younger students. At seven years old, it felt incredibly meaningful to
1117          encourage a preschooler, help them learn something new, or simply make them smile.
1118        </p>
1119        <p>
1120          Those early experiences planted a seed that never left her. From a very young age, she
1121          knew she wanted to dedicate her life to Montessori education because she had seen firsthand
1122          the confidence, independence, and joy it brings to children.
1123        </p>
1124        <p>
1125          She pursued her AMI Montessori teacher training through the <strong>University of California, Irvine</strong>,
1126          working simultaneously as a teacher's assistant so she could put everything she was learning
1127          into practice every day. She later completed a <strong>Master's degree at the Stanford University
1128          School of Education</strong>, specializing in Learning Design and Technology &mdash; a combination
1129          that has helped her continually improve the school while always keeping children's needs at the
1130          center of every decision.
1131        </p>
1132      </div>
1133
1134      <div class="section-break"></div>
1135
1136      <!-- The child story — standout card -->
1137      <div class="story-block fade-up">
1138        <div class="story-block-eyebrow">
1139          <i data-lucide="heart"></i>
1140          A Story From the Classroom
1141        </div>
1142        <h3>The boy they said was &ldquo;too disruptive&rdquo;</h3>
1143        <p>
1144          One child will always stay with Ruhi. He joined the school at three years old after
1145          attending several other preschools, and his family had been told he was &ldquo;too
1146          disruptive.&rdquo; When she first met his mother, she was in tears. Like every parent,
1147          she simply wanted a place where her child would be understood.
1148        </p>
1149        <p>
1150          Instead of seeing a disruptive child, the teachers saw a bright, capable little boy who
1151          was struggling to communicate what he was feeling. They focused on helping him regulate
1152          his emotions, giving him tools to express himself, and allowing him to learn in a way
1153          that respected who he was.
1154        </p>
1155        <p>
1156          As the months went by, something incredible happened. His confidence grew. His
1157          communication blossomed. The curiosity and intelligence that had always been inside
1158          him finally had the opportunity to shine.
1159        </p>
1160        <div class="story-outcome">
1161          &ldquo;By the time he left our school, he wasn&rsquo;t just ready academically &mdash; he believed
1162          in himself. He had found his voice. Every child deserves teachers who look beyond behavior
1163          and take the time to discover who they truly are. Every child has unique gifts, and when we
1164          take the time to understand them, they flourish.&rdquo;
1165        </div>
1166      </div>
1167
1168      <!-- Philosophy -->
1169      <div class="philosophy-block fade-up">
1170        <div class="section-label"><span>Her Approach</span></div>
1171        <h2 class="article-h2" style="font-size:clamp(22px,2.5vw,30px);margin-bottom:16px">What she believes about how children learn</h2>
1172        <p>
1173          The biggest misconception Ruhi encounters when families compare free public TK to Montessori
1174          is the assumption that all early childhood programs provide the same educational experience.
1175          They don't.
1176        </p>
1177        <p>
1178          &ldquo;Public TK serves an important purpose, but Montessori is fundamentally different. Every
1179          child learns at their own pace, and our teachers carefully observe each student to create
1180          lessons that match where they are developmentally &mdash; not simply according to their age.&rdquo;
1181        </p>
1182        <p style="margin-bottom:28px">
1183          The years from birth to six are the most important years of brain development. During this time,
1184          children naturally absorb language, mathematics, social skills, independence, and problem-solving
1185          at an extraordinary rate. Montessori is intentionally designed to make the most of this unique
1186          window of learning &mdash; and Ruhi encourages families, whenever possible, to continue through
1187          age six, because those final years lay a foundation children carry with them for life.
1188        </p>
1189        <div class="insight-grid">
1190          <div class="insight-card">
1191            <div class="insight-card-icon navy"><i data-lucide="user-check"></i></div>
1192            <strong>Individually paced</strong>
1193            <span>Each child's lessons are designed around their own developmental stage, not their age or classroom average.</span>
1194          </div>
1195          <div class="insight-card">
1196            <div class="insight-card-icon green"><i data-lucide="eye"></i></div>
1197            <strong>Observation-led</strong>
1198            <span>Teachers carefully observe before presenting. Understanding comes before instruction.</span>
1199          </div>
1200          <div class="insight-card">
1201            <div class="insight-card-icon red"><i data-lucide="clock"></i></div>
1202            <strong>The critical window</strong>
1203            <span>Birth to six is the most important period of brain development. Montessori is designed for this exact window.</span>
1204          </div>
1205          <div class="insight-card">
1206            <div class="insight-card-icon gold"><i data-lucide="trending-up"></i></div>
1207            <strong>Graduates who thrive</strong>
1208            <span>Confident, independent, curious learners — whether they continue in public or private schools.</span>
1209          </div>
1210        </div>
1211      </div>
1212
1213      <!-- On tuition -->
1214      <div class="fade-up">
1215        <div class="section-label"><span>On the Investment</span></div>
1216        <h2 class="article-h2">What Ruhi wants families to understand before they see the price</h2>
1217        <p>
1218          &ldquo;I understand that tuition is one of the biggest decisions a family makes, and I never
1219          take that lightly. When families are considering Montessori, I encourage them to look beyond
1220          the price and think about the experience their child will have every single day.&rdquo;
1221        </p>
1222        <p>
1223          Your child is surrounded by highly trained Montessori teachers who truly know them as an
1224          individual. They carefully observe each child's growth, prepare thoughtful lessons, and
1225          create an environment where children feel safe, confident, and excited to learn.
1226        </p>
1227        <p>
1228          One thing Ruhi is most proud of is the consistency children experience. Many of the teachers
1229          have been with Montessori Academy for years because they genuinely love what they do and believe
1230          in the Montessori philosophy. That means children build deep, trusting relationships with the
1231          adults who care for them every day. &ldquo;Our school feels like a family, and I believe
1232          children feel that sense of belonging from the moment they walk through our doors.&rdquo;
1233        </p>
1234        <p>
1235          Parents often ask where graduates go next. The answer is simple: they thrive. Whether they
1236          continue into public or private schools, they leave Montessori Academy with a strong academic
1237          foundation, a love of learning, and the confidence to succeed.
1238        </p>
1239      </div>
1240
1241      <!-- Articles -->
1242      <div class="articles-section fade-up">
1243        <div class="section-label"><span>Articles by Ruhi</span></div>
1244        <h2 class="article-h2" style="font-size:clamp(20px,2.5vw,28px)">Insights from a lifetime in Montessori education</h2>
1245
1246        <a href="/blog/how-to-choose-preschool-culver-city/" class="article-card" id="article-culver-city">
1247          <div class="article-card-icon"><i data-lucide="map-pin"></i></div>
1248          <div>
1249            <div class="article-card-title">How to Choose a Preschool in Culver City</div>
1250            <div class="article-card-meta">By Ruhi Khan &middot; Choosing a School</div>
1251          </div>
1252          <div class="article-card-arrow"><i data-lucide="arrow-right"></i></div>
1253        </a>
1254
1255        <a href="/blog/montessori-preschool-cost-los-angeles/" class="article-card" id="article-cost">
1256          <div class="article-card-icon"><i data-lucide="dollar-sign"></i></div>
1257          <div>
1258            <div class="article-card-title">What Montessori Preschool Costs in Los Angeles</div>
1259            <div class="article-card-meta">By Ruhi Khan &middot; Admissions &amp; Tuition</div>
1260          </div>
1261          <div class="article-card-arrow"><i data-lucide="arrow-right"></i></div>
1262        </a>
1263
1264        <a href="/blog/west-adams-preschool-questions/" class="article-card" id="article-west-adams">
1265          <div class="article-card-icon"><i data-lucide="map-pin"></i></div>
1266          <div>
1267            <div class="article-card-title">West Adams Preschool Questions Answered</div>
1268            <div class="article-card-meta">By Ruhi Khan &middot; Choosing a School</div>
1269          </div>
1270          <div class="article-card-arrow"><i data-lucide="arrow-right"></i></div>
1271        </a>
1272
1273        <a href="/blog/benefits-bilingual-preschool/" class="article-card" id="article-bilingual">
1274          <div class="article-card-icon"><i data-lucide="languages"></i></div>
1275          <div>
1276            <div class="article-card-title">Benefits of Bilingual Preschool</div>
1277            <div class="article-card-meta">By Ruhi Khan &middot; Montessori Method</div>
1278          </div>
1279          <div class="article-card-arrow"><i data-lucide="arrow-right"></i></div>
1280        </a>
1281
1282        <a href="/blog/how-to-choose-preschool-downey/" class="article-card" id="article-downey">
1283          <div class="article-card-icon"><i data-lucide="map-pin"></i></div>
1284          <div>
1285            <div class="article-card-title">How to Choose a Preschool in Downey</div>
1286            <div class="article-card-meta">By Ruhi Khan &middot; Choosing a School</div>
1287          </div>
1288          <div class="article-card-arrow"><i data-lucide="arrow-right"></i></div>
1289        </a>
1290
1291        <a href="/blog/montessori-vs-tk-california/" class="article-card" id="article-tk-comparison">
1292          <div class="article-card-icon"><i data-lucide="scale"></i></div>
1293          <div>
1294            <div class="article-card-title">Montessori vs Free TK in California</div>
1295            <div class="article-card-meta">By Ruhi Khan &middot; Curriculum &amp; Policy</div>
1296          </div>
1297          <div class="article-card-arrow"><i data-lucide="arrow-right"></i></div>
1298        </a>
1299
1300        <a href="/blog/signs-toddler-ready-for-preschool/" class="article-card" id="article-readiness">
1301          <div class="article-card-icon"><i data-lucide="heart"></i></div>
1302          <div>
1303            <div class="article-card-title">Signs Your Toddler Is Ready for Preschool</div>
1304            <div class="article-card-meta">By Ruhi Khan &middot; Child Development</div>
1305          </div>
1306          <div class="article-card-arrow"><i data-lucide="arrow-right"></i></div>
1307        </a>
1308
1309        <a href="/blog/montessori-vs-traditional-preschool/" class="article-card" id="article-vs-traditional">
1310          <div class="article-card-icon"><i data-lucide="git-compare"></i></div>
1311          <div>
1312            <div class="article-card-title">Montessori vs Traditional Preschool</div>
1313            <div class="article-card-meta">By Ruhi Khan &middot; Montessori Method</div>
1314          </div>
1315          <div class="article-card-arrow"><i data-lucide="arrow-right"></i></div>
1316        </a>
1317
1318        <a href="/blog/montessori-vs-daycare/" class="article-card" id="article-vs-daycare">
1319          <div class="article-card-icon"><i data-lucide="git-compare"></i></div>
1320          <div>
1321            <div class="article-card-title">Montessori vs Daycare: What's the Difference?</div>
1322            <div class="article-card-meta">By Ruhi Khan &middot; Montessori Method</div>
1323          </div>
1324          <div class="article-card-arrow"><i data-lucide="arrow-right"></i></div>
1325        </a>
1326
1327        <a href="/blog/day-in-montessori-classroom/" class="article-card" id="article-daily-schedule">
1328          <div class="article-card-icon"><i data-lucide="clock"></i></div>
1329          <div>
1330            <div class="article-card-title">A Day in the Montessori Classroom: Hour-by-Hour</div>
1331            <div class="article-card-meta">By Ruhi Khan &middot; Inside Montessori</div>
1332          </div>
1333          <div class="article-card-arrow"><i data-lucide="arrow-right"></i></div>
1334        </a>
1335
1336        <a href="/blog/what-to-expect-preschool-tour/" class="article-card" id="article-tour">
1337          <div class="article-card-icon"><i data-lucide="clipboard-check"></i></div>
1338          <div>
1339            <div class="article-card-title">What to Expect on a Preschool Tour</div>
1340            <div class="article-card-meta">By Ruhi Khan &middot; Enrollment</div>
1341          </div>
1342          <div class="article-card-arrow"><i data-lucide="arrow-right"></i></div>
1343        </a>
1344
1345        <a href="/blog/potty-training-montessori/" class="article-card" id="article-potty">
1346          <div class="article-card-icon"><i data-lucide="baby"></i></div>
1347          <div>
1348            <div class="article-card-title">How Potty Training Works in Montessori</div>
1349            <div class="article-card-meta">By Ruhi Khan &middot; Toddler Development</div>
1350          </div>
1351          <div class="article-card-arrow"><i data-lucide="arrow-right"></i></div>
1352        </a>
1353
1354        <a href="/blog/maof-child-care-subsidy-guide/" class="article-card" id="article-maof">
1355          <div class="article-card-icon"><i data-lucide="wallet"></i></div>
1356          <div>
1357            <div class="article-card-title">MAOF Child Care Subsidy Guide</div>
1358            <div class="article-card-meta">By Ruhi Khan &middot; Enrollment &amp; Subsidies</div>
1359          </div>
1360          <div class="article-card-arrow"><i data-lucide="arrow-right"></i></div>
1361        </a>
1362
1363        <a href="/blog/infant-daycare-vs-nanny-costs/" class="article-card" id="article-infant-costs">
1364          <div class="article-card-icon"><i data-lucide="calculator"></i></div>
1365          <div>
1366            <div class="article-card-title">Infant Daycare vs Nanny Costs in LA</div>
1367            <div class="article-card-meta">By Ruhi Khan &middot; Infant Care &amp; Cost</div>
1368          </div>
1369          <div class="article-card-arrow"><i data-lucide="arrow-right"></i></div>
1370        </a>
1371      </div>
1372
1373      <!-- Contact -->
1374      <div class="contact-section fade-up">
1375        <h3>Talk to Ruhi</h3>
1376        <p>
1377          Ruhi reads every enrollment inquiry personally.
1378          Reach her at <a href="/cdn-cgi/l/email-protection#1d6f6875745d70727369786e6e726f74307c7e7c79787064337e7270" style="color:var(--navy);font-weight:600"><span class="__cf_email__" data-cfemail="592b2c3130193436372d3c2a2a362b3074383a383d3c3420773a3634">[email&#160;protected]</span></a>
1379          &mdash; or contact your nearest campus directly:
1380        </p>
1381        <div class="campus-chips">
1382          <a href="/index.html#culver-city" class="campus-chip" id="chip-culver-city">
1383            <i data-lucide="map-pin"></i> Culver City
1384          </a>
1385          <a href="/index.html#west-adams" class="campus-chip" id="chip-west-adams">
1386            <i data-lucide="map-pin"></i> West Adams
1387          </a>
1388          <a href="/montessori-school-downey-ca.html" class="campus-chip" id="chip-downey">
1389            <i data-lucide="map-pin"></i> Downey
1390          </a>
1391        </div>
1392      </div>
1393
1394    </article>
1395
1396    <!-- ── RIGHT: Sidebar ── -->
1397    <aside class="sidebar">
1398
1399      <!-- Credentials -->
1400      <div class="sidebar-card fade-up">
1401        <div class="sidebar-card-header">Credentials &amp; Education</div>
1402        <div class="sidebar-card-body">
1403          <div class="cred-list">
1404            <div class="cred-row">
1405              <div class="cred-dot navy"><i data-lucide="briefcase"></i></div>
1406              <div class="cred-text">
1407                <strong>Director, Montessori Academy</strong>
1408                <span>Since 2014 &middot; 3 campuses, LA County</span>
1409              </div>
1410            </div>
1411            <div class="cred-row">
1412              <div class="cred-dot red"><i data-lucide="award"></i></div>
1413              <div class="cred-text">
1414                <strong>AMI Montessori Credential</strong>
1415                <span>University of California, Irvine</span>
1416              </div>
1417            </div>
1418            <div class="cred-row">
1419              <div class="cred-dot gold"><i data-lucide="graduation-cap"></i></div>
1420              <div class="cred-text">
1421                <strong>M.Ed. — Stanford University</strong>
1422                <span>Learning Design &amp; Technology, School of Education</span>
1423              </div>
1424            </div>
1425            <div class="cred-row">
1426              <div class="cred-dot green"><i data-lucide="book-open"></i></div>
1427              <div class="cred-text">
1428                <strong>B.S. Business — MIS</strong>
1429                <span>Management Information Systems emphasis</span>
1430              </div>
1431            </div>
1432            <div class="cred-row">
1433              <div class="cred-dot navy"><i data-lucide="users"></i></div>
1434              <div class="cred-text">
1435                <strong>NAMTA Member</strong>
1436                <span>North American Montessori Teachers' Association &middot; Lifelong learner</span>
1437              </div>
1438            </div>
1439            <div class="cred-row">
1440              <div class="cred-dot green"><i data-lucide="star"></i></div>
1441              <div class="cred-text">
1442                <strong>Staff Leadership</strong>
1443                <span>AMS, AMI &amp; NAMTA certified team, 5–30 year tenures</span>
1444              </div>
1445            </div>
1446          </div>
1447        </div>
1448      </div>
1449
1450      <!-- Campus Licenses -->
1451      <div class="sidebar-card fade-up">
1452        <div class="sidebar-card-header">Licensed Campuses</div>
1453        <div class="sidebar-card-body">
1454          <div class="license-list">
1455            <div class="lic-row">
1456              <div>
1457                <div class="lic-name">Culver City</div>
1458                <div class="lic-num">CA #197419927 &middot; Est. 1986</div>
1459              </div>
1460              <span class="lic-badge">Active</span>
1461            </div>
1462            <div class="lic-row">
1463              <div>
1464                <div class="lic-name">West Adams</div>
1465                <div class="lic-num">CA #197494220</div>
1466              </div>
1467              <span class="lic-badge">Active</span>
1468            </div>
1469            <div class="lic-row">
1470              <div>
1471                <div class="lic-name">Downey</div>
1472                <div class="lic-num">CA #198400903 &middot; Est. 2023</div>
1473              </div>
1474              <span class="lic-badge">Active</span>
1475            </div>
1476          </div>
1477        </div>
1478      </div>
1479
1480      <!-- Campus Directors -->
1481      <div class="sidebar-card fade-up">
1482        <div class="sidebar-card-header">Campus Directors</div>
1483        <div class="sidebar-card-body">
1484          <div class="team-list">
1485            <div class="team-row">
1486              <div class="team-avatar">G</div>
1487              <div>
1488                <div class="team-name">Gaby Ponce</div>
1489                <div class="team-campus">Culver City</div>
1490              </div>
1491              <a href="tel:+13102153388" class="team-phone" id="phone-culver-city">
1492                <i data-lucide="phone"></i> (310) 215-3388
1493              </a>
1494            </div>
1495            <div class="team-row">
1496              <div class="team-avatar">V</div>
1497              <div>
1498                <div class="team-name">Vanessa Verastegui</div>
1499                <div class="team-campus">West Adams</div>
1500              </div>
1501              <a href="tel:+13237950200" class="team-phone" id="phone-west-adams">
1502                <i data-lucide="phone"></i> (323) 795-0200
1503              </a>
1504            </div>
1505            <div class="team-row">
1506              <div class="team-avatar">V</div>
1507              <div>
1508                <div class="team-name">Veronica Tapia</div>
1509                <div class="team-campus">Downey</div>
1510              </div>
1511              <a href="tel:+15622912324" class="team-phone" id="phone-downey">
1512                <i data-lucide="phone"></i> (562) 291-2324
1513              </a>
1514            </div>
1515          </div>
1516        </div>
1517      </div>
1518
1519      <!-- CTA -->
1520      <div class="sidebar-cta fade-up">
1521        <div class="sidebar-cta-eyebrow">Book a Visit</div>
1522        <h3>See the classrooms for yourself</h3>
1523        <p>Ruhi&rsquo;s team leads every tour personally. Same-week availability. No obligation.</p>
1524        <a href="/schedule-a-tour.html" class="btn-cta-white" id="sidebar-tour-btn">
1525          <i data-lucide="calendar-check"></i> Schedule a Tour
1526        </a>
1527        <a href="/cdn-cgi/l/email-protection#681a1d0001280507061c0d1b1b071a0145090b090c0d0511460b0705" class="cta-email-link" id="sidebar-email-link">
1528          <i data-lucide="mail"></i> <span class="__cf_email__" data-cfemail="a3d1d6cbcae3cecccdd7c6d0d0ccd1ca8ec2c0c2c7c6ceda8dc0ccce">[email&#160;protected]</span>
1529        </a>
1530      </div>
1531
1532    </aside>
1533  </main>
1534
1535  <!-- SHARED FOOTER -->
1536  <!-- ═══════════════════════════════════════
1537     SHARED FOOTER PARTIAL
1538     Loaded dynamically via partials/loader.js
1539     ═══════════════════════════════════════ -->
1540<style>
1541  .campus-col .campus-areas { color: rgba(255,255,255,0.4) !important; }
1542  .campus-col .campus-areas strong { color: rgba(255,255,255,0.7) !important; }
1543  .campus-col .campus-areas a { color: rgba(255,255,255,0.4) !important; text-decoration: underline; text-decoration-color: rgba(255,255,255,0.2); }
1544  .campus-col .campus-areas a:hover { color: #ffffff !important; }
1545</style>
1546<footer class="footer" id="footer" role="contentinfo">
1547  <div class="footer-inner">
1548
1549    <!-- Brand row -->
1550    <div class="footer-brand-row">
1551      <div class="footer-brand-logo">
1552        <img src="/img/montessoriacademylogo.svg" alt="Montessori Academy logo" />
1553
1554      </div>
1555      <p class="footer-brand-tagline">Year-round Montessori preschool for children ages 2&ndash;6. Three campuses across Los Angeles &mdash; Culver City, West Adams &amp; Downey. Established 1986.</p>
1556      <a href="/schedule-a-tour.html" class="footer-brand-cta">
1557        <i data-lucide="calendar-check"></i> Schedule a Tour
1558      </a>
1559    </div>
1560
1561    <!-- Campus + links grid -->
1562    <div class="footer-grid">
1563
1564      <!-- Quick Links -->
1565      <div class="quick-col" id="footer-links">
1566        <h4>Explore</h4>
1567        <ul>
1568          <li><a href="/programs.html">Programs</a></li>
1569          <li><a href="/curriculum.html">Curriculum</a></li>
1570          <li><a href="/why-the-montessori-method-works.html">Why Montessori</a></li>
1571          <li><a href="/tuition.html">Tuition &amp; Fees</a></li>
1572          <li><a href="/index.html#faq">FAQ</a></li>
1573          <li><a href="/blog/">Blog</a></li>
1574        </ul>
1575        <span class="est-badge"><i data-lucide="leaf" style="width:11px;height:11px"></i> Est. 1986</span>
1576      </div>
1577
1578      <!-- Culver City -->
1579      <div class="campus-col" id="footer-cc">
1580        <div class="campus-col-body">
1581          <h4><i data-lucide="map-pin"></i> Culver City</h4>
1582          <p class="campus-addr">5881 Green Valley Circle<br />Culver City, CA 90230</p>
1583          <a href="tel:+13102153388" class="campus-phone"><i data-lucide="phone"></i> (310) 215-3388</a>
1584          <p class="campus-meta">Facility #197419927 &middot; Mon&ndash;Fri 7:00 AM &ndash; 6:00 PM</p>
1585          
1586          <p class="campus-areas">
1587            <strong>Serving:</strong>
1588            <a href="/locations/montessori-preschool-marina-del-rey.html">Marina del Rey</a>, 
1589            <a href="/locations/montessori-preschool-playa-vista.html">Playa Vista</a>, 
1590            <a href="/locations/montessori-preschool-mar-vista.html">Mar Vista</a>, 
1591            <a href="/locations/montessori-preschool-venice-ca.html">Venice</a>, 
1592            <a href="/locations/montessori-preschool-inglewood.html">Inglewood</a>
1593          </p>
1594
1595          <a href="/schedule-a-tour.html#culver-city" class="campus-tour-btn" id="footer-cc-tour"><i data-lucide="calendar-check"></i> Book Virtual Tour</a>
1596        </div>
1597      </div>
1598
1599      <!-- West Adams -->
1600      <div class="campus-col" id="footer-wa">
1601        <div class="campus-col-body">
1602          <h4><i data-lucide="map-pin"></i> West Adams</h4>
1603          <p class="campus-addr">4449 W. Adams Blvd.<br />Los Angeles, CA 90016</p>
1604          <a href="tel:+13237950200" class="campus-phone"><i data-lucide="phone"></i> (323) 795-0200</a>
1605          <p class="campus-meta">Facility #197494220 &middot; Mon&ndash;Fri 7:00 AM &ndash; 6:00 PM</p>
1606          
1607          <p class="campus-areas">
1608            <strong>Serving:</strong>
1609            <a href="/locations/montessori-preschool-mid-city-la.html">Mid City</a>, 
1610            <a href="/locations/montessori-preschool-leimert-park.html">Leimert Park</a>, 
1611            <a href="/locations/montessori-preschool-baldwin-hills.html">Baldwin Hills</a>, 
1612            <a href="/locations/montessori-preschool-crenshaw.html">Crenshaw</a>, 
1613            <a href="/locations/montessori-preschool-jefferson-park.html">Jefferson Park</a>
1614          </p>
1615
1616          <a href="/schedule-a-tour.html#west-adams" class="campus-tour-btn" id="footer-wa-tour"><i data-lucide="calendar-check"></i> Book Virtual Tour</a>
1617        </div>
1618      </div>
1619
1620      <!-- Downey -->
1621      <div class="campus-col" id="footer-dn">
1622        <div class="campus-col-body">
1623          <h4><i data-lucide="map-pin"></i> Downey</h4>
1624          <p class="campus-addr">7515 Firestone Blvd<br />Downey, CA 90241</p>
1625          <a href="tel:+15622912324" class="campus-phone"><i data-lucide="phone"></i> (562) 291-2324</a>
1626          <p class="campus-meta">Facility #198400903 &middot; Mon&ndash;Fri 7:00 AM &ndash; 6:00 PM</p>
1627          
1628          <p class="campus-areas">
1629            <strong>Serving:</strong>
1630            <a href="/locations/montessori-school-south-gate-ca.html">South Gate</a>, 
1631            <a href="/locations/montessori-school-pico-rivera.html">Pico Rivera</a>, 
1632            <a href="/locations/montessori-school-bellflower.html">Bellflower</a>, 
1633            <a href="/locations/montessori-school-paramount-ca.html">Paramount</a>, 
1634            <a href="/locations/montessori-school-norwalk-ca.html">Norwalk</a>
1635          </p>
1636
1637          <a href="/schedule-a-tour.html#downey" class="campus-tour-btn" id="footer-dn-tour"><i data-lucide="calendar-check"></i> Book Virtual Tour</a>
1638        </div>
1639      </div>
1640
1641    </div>
1642
1643    <!-- Trust badges -->
1644    <div class="footer-trust">
1645      <div class="trust-badge">
1646        <i data-lucide="shield-check"></i>
1647        <span><strong>Licensed &amp; Accredited</strong> &mdash; All 3 campuses</span>
1648      </div>
1649      <div class="trust-badge">
1650        <i data-lucide="users"></i>
1651        <span><strong>Ratio 1:5</strong> &mdash; Teacher to child</span>
1652      </div>
1653      <div class="trust-badge">
1654        <i data-lucide="clock"></i>
1655        <span><strong>Extended Care</strong> &mdash; 7 AM to 6 PM</span>
1656      </div>
1657      <div class="trust-badge">
1658        <i data-lucide="globe"></i>
1659        <span><strong>Bilingual</strong> &mdash; Daily Mandarin &amp; Spanish</span>
1660      </div>
1661      <div class="trust-badge">
1662        <i data-lucide="credit-card"></i>
1663        <span><strong>DCFS Vouchers</strong> accepted</span>
1664      </div>
1665      <div class="trust-badge">
1666        <i data-lucide="leaf"></i>
1667        <span><strong>Est. 1986</strong> &mdash; 40 years serving LA families</span>
1668      </div>
1669    </div>
1670
1671    <!-- Legal -->
1672    <div class="footer-legal">
1673      <p>&copy; <span id="footer-year"></span> Montessori Academy. All rights reserved. <span class="footer-credit">SEO &amp; Web Design by <a href="https://springhive.co" target="_blank" rel="noopener" style="text-decoration: underline;">SpringHive</a></span></p>
1674      <div class="footer-legal-links">
1675        <a href="/privacy.html">Privacy Policy</a>
1676        <a href="/terms.html">Terms</a>
1677        <a href="/accessibility.html">Accessibility</a>
1678        <a href="/sitemap.html">Sitemap</a>
1679      </div>
1680    </div>
1681
1682  </div>
1683</footer>
vendor: 112 bytes, lines 1683-1685
1683
1684
1685<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1685<script>
1686  // Auto-update copyright year
1687  var el = document.getElementById('footer-year');
1688  if (el) el.textContent = new Date().getFullYear();
1689  // Init Lucide icons (runs after full PHP-rendered page is parsed)
1690  if (window.lucide && typeof lucide.createIcons === 'function') {
1691    lucide.createIcons();
1692  }
1693</script>
1693
1694
1695  
1695<script>
1696    // Scroll reveal
1697    const observer = new IntersectionObserver(
1698      entries => entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); }),
1699      { threshold: 0.07 }
1700    );
1701    document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));
1702
1703    // Init Lucide icons (header partial includes the CDN, we call createIcons here)
1704    if (window.lucide) lucide.createIcons();
1705  </script>
vendor: 2 bytes, line 1705
1705
1706<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"42154d9f129f4e5f836cde5969cba03e","r":1,"spa":2}' crossorigin="anonymous"></script>
1706
1707</body>
1708</html>
1709

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.