*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --navy:#050D1A;--navy-2:#091426;--navy-3:#0D1E38;--navy-4:#132844;--navy-mid:#1C3A5E;
  --blue:#1A6FB5;--blue-l:#3A8FD5;
  --white:#FFFFFF;--off:#F5F7FA;--wd:rgba(255,255,255,.85);--wm:rgba(255,255,255,.5);--wf:rgba(255,255,255,.12);
  --gold:#C9A84C;--gl:#E8D08A;--gb:#F0DC96;--gd:#8B6914;--gf:rgba(201,168,76,.12);
  --serif:'Cormorant',Georgia,serif;--sans:'Jost',sans-serif;
  --ease:cubic-bezier(.25,.46,.45,.94);
}
body{background:var(--white);color:var(--navy);font-family:var(--sans);overflow-x:hidden;line-height:1.6}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.v{opacity:1;transform:none}
.reveal-l{opacity:0;transform:translateX(-40px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal-l.v{opacity:1;transform:none}
.reveal-r{opacity:0;transform:translateX(40px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal-r.v{opacity:1;transform:none}

/* ── NAV ── */
nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 0 6%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.4s var(--ease);
  background: transparent;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
nav.scrolled {
  background: var(--navy);
  backdrop-filter: blur(15px);
  height: 70px;
  border-bottom-color: var(--wf);
}
nav.scrolled{background:rgba(5,13,26,.98);box-shadow:0 1px 0 rgba(201,168,76,.15);backdrop-filter:blur(20px)}
.logo{display:flex;flex-direction:column;text-decoration:none}
.logo-m{font-family:var(--serif);font-size:1.25rem;font-weight:500;color:var(--gl);letter-spacing:.04em;line-height:1.1}
.logo-s{font-size:.54rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-top:3px}
.nav-links{display:flex;gap:2.5rem;align-items:center}
.nl{text-decoration:none;font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);transition:color .3s}
.nl:hover,.nl.act{color:var(--white)}
.btn-enroll{background:var(--gold);color:var(--navy);padding:.7rem 1.6rem;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:all .3s}
.btn-enroll:hover{background:var(--gl);transform:translateY(-2px)}

/* ── HERO ── */
.hero{min-height:100vh;position:relative;background:var(--navy-2);display:flex;align-items:center;overflow:hidden;padding-top:80px}
.about-hero{position:relative;height:70vh;min-height:550px;background:var(--navy);display:flex;align-items:center;padding-top:120px;overflow:hidden}
.about-hero .hero-inner { padding-top: 40px; }
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 90% 80% at 15% 50%,rgba(26,111,181,.18) 0%,transparent 65%),radial-gradient(ellipse 60% 50% at 90% 10%,rgba(201,168,76,.1) 0%,transparent 60%),linear-gradient(160deg,#050D1A 0%,#091426 50%,#0D1E38 100%)}
.hero-grid{position:absolute;inset:0;opacity:.05;pointer-events:none;overflow:hidden}
.hero-grid-i{width:100%;height:100%;background-image:linear-gradient(rgba(58,143,213,1) 1px,transparent 1px),linear-gradient(90deg,rgba(58,143,213,1) 1px,transparent 1px);background-size:60px 60px;animation:gdrift 40s linear infinite}
@keyframes gdrift{to{transform:translate(60px,60px)}}
.orb{position:absolute;border-radius:50%;pointer-events:none;animation:orbFloat 8s ease-in-out infinite}
.orb1{width:600px;height:600px;top:-200px;right:-100px;background:radial-gradient(circle,rgba(26,111,181,.12) 0%,transparent 70%)}
@keyframes orbFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.03)}}
.hero-inner{position:relative;z-index:10;padding:0 6%;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;width:100%;max-width:1400px;margin:0 auto}
.hero-h1{font-family:var(--serif);font-size:clamp(3rem,5vw,5.5rem);font-weight:400;line-height:1.15;color:var(--white);margin-bottom:1.75rem;background:transparent !important;position:relative;z-index:5}
.hero-h1 *, .hero-h1::before, .hero-h1::after{background:transparent !important;box-shadow:none !important}
.hero-h1 em{font-style:italic;color:var(--gl);display:block}
.hero-p{font-size:1.1rem;color:var(--wd);max-width:540px;margin-bottom:2.5rem;font-weight:300}
.hero-btns{display:flex;gap:1.5rem}
.btn-g{background:var(--gold);color:var(--navy);padding:1.1rem 2.2rem;font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:all .3s;display:inline-block;border:none;cursor:pointer}
.btn-w{border:1px solid rgba(255,255,255,.25);color:var(--white);padding:1.1rem 2.2rem;font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:all .3s;display:inline-block;cursor:pointer}
.btn-g:hover{background:var(--gl);transform:translateY(-3px);box-shadow:0 10px 30px rgba(201,168,76,.25)}
.btn-w:hover{background:rgba(255,255,255,.05);border-color:var(--white)}

.hero-card{background:rgba(255,255,255,0.03);backdrop-filter:blur(10px);border:1px solid var(--wf);padding:3rem;position:relative}
.hero-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--gold)}
.hc-tag{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gl);margin-bottom:1.5rem;font-weight:600}
.hc-title{font-family:var(--serif);font-size:2.2rem;line-height:1.2;color:var(--white);margin-bottom:1.5rem}
.hc-desc{font-size:0.95rem;color:var(--wm);margin-bottom:2.5rem;line-height:1.6}
.hc-stats{display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-top:1px solid var(--wf);padding-top:2rem}
.hc-stat{display:flex;flex-direction:column;gap:0.5rem}
.hc-stat strong{font-family:var(--serif);font-size:2rem;color:var(--gl);line-height:1}
.hc-stat span{font-size:0.6rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--wm);font-weight:600}

.hero-scroll{position:absolute;bottom:3rem;left:6%;display:flex;align-items:center;gap:1.5rem}
.hs-text{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--wm)}
.hs-line{width:60px;height:1px;background:var(--wf);position:relative;overflow:hidden}
.hs-line::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gl);animation:hscroll 2s ease-in-out infinite}
@keyframes hscroll{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

/* ── SECTIONS ── */
.marquee-wrap{background:var(--navy);padding:1.5rem 0;border-top:1px solid var(--wf);border-bottom:1px solid var(--wf);overflow:hidden}
.marquee-track{display:flex;white-space:nowrap;gap:4rem;animation:scroll 30s linear infinite}
.marquee-track span{font-family:var(--serif);font-size:1.2rem;color:var(--gl);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:1rem}
@keyframes scroll{to{transform:translateX(-50%)}}

.stats-band{padding:5rem 6%;background:var(--navy);display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--wf)}
.sb-item{text-align:center;border-right:1px solid var(--wf)}
.sb-item:last-child{border-right:none}
.sb-n{font-family:var(--serif);font-size:3.5rem;color:var(--gl);display:block;line-height:1}
.sb-l{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wm);margin-top:.5rem}

.programmes{padding:9rem 6%;background:var(--white)}
.prog-hdr{text-align:center;margin-bottom:5rem}
.se{display:flex;align-items:center;gap:.8rem;font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;font-weight:600;color:var(--blue);margin-bottom:1rem;justify-content:center}
.prog-hdr h2{font-family:var(--serif);font-size:3.2rem;font-weight:400;color:var(--navy)}
.prog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}
.prog-card{background:var(--white);border:1px solid rgba(5,13,26,.08);padding:3rem 2.5rem;position:relative;overflow:hidden;transition:all .4s;cursor:pointer}
.prog-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:var(--navy);transition:all .4s var(--ease);z-index:0}
.prog-card:hover::before{height:100%}
.prog-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(5,13,26,.12);border-color:transparent}
.prog-card *{position:relative;z-index:1;transition:all .4s}
.prog-card:hover .prog-title{color:var(--gl)}
.prog-card:hover .prog-desc{color:var(--wm)}
.prog-num{font-family:var(--serif);font-size:3.5rem;color:rgba(5,13,26,.04);position:absolute;top:1rem;right:1.5rem;line-height:1}
.prog-card:hover .prog-num{color:rgba(201,168,76,.1)}
.prog-title{font-family:var(--serif);font-size:1.6rem;color:var(--navy);margin-bottom:1.2rem}
.prog-desc{font-size:.88rem;color:rgba(5,13,26,.5);line-height:1.7}

.prog-cta{text-align:center}

/* ── INTRO / WHO WE ARE ── */
.intro{padding:9rem 6%;background:var(--white);overflow:hidden}
.intro-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:6rem;align-items:center}
.intro-visual{position:relative}
.iv-main{aspect-ratio:4/5;background:var(--navy-2);overflow:hidden;position:relative}
.iv-main-inner{width:100%;height:100%;object-fit:cover}
.iv-accent{position:absolute;bottom:-3rem;right:-3rem;width:65%;aspect-ratio:1;background:var(--off);border:12px solid var(--white);z-index:2}
.iv-badge{position:absolute;top:2rem;left:-2rem;background:var(--gold);padding:1.5rem;color:var(--navy);text-align:center;z-index:3;box-shadow:0 15px 35px rgba(201,168,76,0.3)}
.iv-badge strong{display:block;font-size:2.2rem;line-height:1;font-family:var(--serif)}
.iv-badge span{font-size:0.6rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:700}

.intro-h{font-family:var(--serif);font-size:clamp(2.5rem,4vw,3.5rem);line-height:1.1;color:var(--navy);margin-bottom:2rem}
.intro-body{font-size:1.05rem;color:rgba(5,13,26,0.7);margin-bottom:3rem;line-height:1.8}
.intro-pillars{display:grid;grid-template-columns:1fr;gap:2rem}
.pillar{display:flex;gap:1.5rem}
.p-n{font-family:var(--serif);font-size:1.5rem;color:var(--gl);opacity:0.5}
.p-c h4{font-size:1rem;font-weight:600;color:var(--navy);margin-bottom:0.5rem}
.p-c p{font-size:0.85rem;color:rgba(5,13,26,0.5)}

/* ── VIDEO / INSIDE AARLIGHT ── */
.video-section{padding:9rem 6%;background:var(--navy);color:var(--white)}
.vs-inner{max-width:1300px;margin:0 auto}
.vs-hdr{text-align:center;max-width:700px;margin:0 auto 5rem}
.vs-h{font-family:var(--serif);font-size:3.5rem;margin-bottom:1.5rem}
.vs-p{color:var(--wm);font-size:1rem}
.video-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:2rem;height:600px}
.vid-main{position:relative;overflow:hidden;background:var(--navy-2)}
.vid-side{display:grid;grid-template-rows:1fr 1fr;gap:2rem}
.vid-card{position:relative;overflow:hidden;background:var(--navy-3)}
.vid-ph, .vid-card-ph{width:100%;height:100%;object-fit:cover;transition:transform 0.8s var(--ease)}
.vid-main:hover .vid-ph, .vid-card:hover .vid-card-ph{transform:scale(1.05)}
.vid-overlay, .vid-card-ov{position:absolute;inset:0;background:linear-gradient(to top, rgba(5,13,26,0.9), transparent 60%);padding:2.5rem;display:flex;flex-direction:column;justify-content:flex-end}
.play-btn, .play-sm{width:80px;height:80px;background:var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;cursor:pointer;transition:all 0.3s}
.play-sm{width:50px;height:50px}
.play-btn svg, .play-sm svg{width:30px;height:30px;fill:var(--navy)}
.play-sm svg{width:20px;height:20px}
.play-btn:hover, .play-sm:hover{background:var(--gl);transform:scale(1.1)}
.vid-title, .vc-title{font-family:var(--serif);font-size:1.8rem;color:var(--white)}
.vc-title{font-size:1.2rem}

/* ── JOURNEY / OUR PROCESS ── */
.journey{padding:9rem 6%;background:var(--off)}
.j-inner{max-width:1300px;margin:0 auto}
.j-hdr{text-align:center;margin-bottom:6rem}
.j-steps{display:grid;grid-template-columns:repeat(5, 1fr);gap:2rem;position:relative}
.j-steps::before{content:'';position:absolute;top:25px;left:0;width:100%;height:1px;background:var(--wf);z-index:0}
.j-step{text-align:center;position:relative;z-index:1}
.j-circle{width:50px;height:50px;background:var(--white);border:1px solid var(--wf);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-family:var(--serif);font-size:1.2rem;color:var(--gl);transition:all 0.3s}
.j-step:hover .j-circle{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.j-step h4{font-size:0.95rem;font-weight:600;margin-bottom:1rem;color:var(--navy)}
.j-step p{font-size:0.8rem;color:rgba(5,13,26,0.5);line-height:1.6}

/* ── PROMISE ── */
.promise{padding:10rem 6%;position:relative;background:var(--navy);overflow:hidden;text-align:center}
.promise-bg{position:absolute;inset:0;background:radial-gradient(circle at center, rgba(201,168,76,0.1), transparent 70%);opacity:0.5}
.promise-inner{position:relative;z-index:2;max-width:800px;margin:0 auto}
.p-eyebrow{display:flex;align-items:center;justify-content:center;gap:1.5rem;font-size:0.65rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gl);margin-bottom:2.5rem}
.p-eyebrow span{width:40px;height:1px;background:var(--gf)}
.p-h{font-family:var(--serif);font-size:clamp(2.5rem,5vw,4.5rem);color:var(--white);margin-bottom:2.5rem;line-height:1.1}
.p-txt{font-size:1.1rem;color:var(--wm);margin-bottom:3.5rem;max-width:600px;margin-inline:auto}
.p-btns{display:flex;gap:1.5rem;justify-content:center}

/* ── FOOTER ── */
footer{background:var(--navy);padding:8rem 6% 3rem;color:var(--white);border-top:1px solid var(--wf)}
.ft{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:4rem;padding-bottom:5rem;border-bottom:1px solid var(--wf)}
.fb-name{font-family:var(--serif);font-size:1.5rem;color:var(--gl);margin-bottom:.8rem}
.fb-tag{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wm);margin-bottom:1.5rem}
.fb-desc{font-size:.9rem;color:var(--wm);line-height:1.8;max-width:300px}
.fc-title{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem;font-weight:600}
.fc-links{display:flex;flex-direction:column;gap:1rem}
.fc-links a{text-decoration:none;color:var(--wm);font-size:.9rem;transition:color .3s}
.fc-links a:hover{color:var(--gl)}
.fb{padding-top:2.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--wf)}

/* ── SUBPAGE HERO & BREADCRUMBS ── */
.h-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:2rem}
.h-breadcrumb a{color:rgba(255,255,255,.3);text-decoration:none;transition:color .3s}.h-breadcrumb a:hover{color:var(--gold)}.h-breadcrumb span{color:var(--gold)}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.8rem;font-size:.62rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem}
.hero-eyebrow i{display:block;width:28px;height:1px;background:var(--gold);opacity:.7}
.hero-decor{position:absolute;right:3%;bottom:-2%;opacity:.04;pointer-events:none;font-family:var(--serif);font-size:22vw;font-weight:300;color:var(--blue-l);line-height:.9;letter-spacing:-.02em}

/* ── MISSION / ABOUT ── */
.mission{padding:8rem 6%;background:var(--white)}
.mission-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center}
.mission-h{font-family:var(--serif);font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:1.25;color:var(--navy);margin-bottom:1.5rem}
.mission-h em{font-style:italic;color:var(--blue)}
.mission-body{font-size:.98rem;line-height:1.9;color:rgba(5,13,26,.55);font-weight:300;margin-bottom:1.5rem}
.mission-pull{font-family:var(--serif);font-size:1.6rem;font-weight:400;font-style:italic;color:var(--navy);line-height:1.4;padding:2rem 2rem 2rem 2.5rem;border-left:3px solid var(--gold);background:linear-gradient(to right,rgba(201,168,76,.05),transparent);margin:2.5rem 0}
.mission-visual{position:relative}
.mv-img{width:100%;aspect-ratio:4/5;background:var(--navy-3);border:1px solid rgba(5,13,26,.07);overflow:hidden;position:relative}
.mv-img-inner{width:100%;height:100%;background:linear-gradient(160deg,var(--navy-2),var(--navy-4),var(--navy-mid));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}
.mv-badge{position:absolute;bottom:-2rem;right:-2rem;background:var(--gold);color:var(--navy);padding:2rem;width:160px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 40px rgba(201,168,76,.35)}
.mv-badge strong{font-family:var(--serif);font-size:2.8rem;font-weight:400;line-height:1;display:block}
.mv-badge span{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;margin-top:.3rem;display:block}
.mv-tag{position:absolute;top:2rem;left:-2rem;background:var(--navy);color:var(--gl);padding:.8rem 1.4rem;font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;border-left:2px solid var(--gold)}

/* ── VALUES ── */
.values{padding:8rem 6%;background:var(--off)}
.values-hdr{max-width:640px;margin:0 auto 5rem;text-align:center}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.vc{background:var(--white);border:1px solid rgba(5,13,26,.07);border-top:3px solid transparent;padding:2.5rem 2rem;transition:all .4s;position:relative;overflow:hidden}
.vc::before{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:var(--navy-2);transition:height .4s var(--ease);z-index:0}
.vc:hover{border-top-color:var(--gold);transform:translateY(-6px);box-shadow:0 20px 60px rgba(5,13,26,.12)}
.vc:hover::before{height:100%}
.vc *{position:relative;z-index:1;transition:color .4s}
.vc-num{font-family:var(--serif);font-size:3.5rem;font-weight:300;color:rgba(5,13,26,.06);line-height:1;margin-bottom:1.25rem}
.vc:hover .vc-num{color:rgba(201,168,76,.1)}
.vc h3{font-family:var(--serif);font-size:1.3rem;font-weight:400;color:var(--navy);margin-bottom:.6rem}
.vc:hover h3{color:var(--gl)}
.vc p{font-size:.82rem;line-height:1.75;color:rgba(5,13,26,.5)}
.vc:hover p{color:rgba(255,255,255,.45)}

/* ── FOUNDERS ── */
.founders{padding:8rem 6%;background:var(--white)}
.founders-hdr{text-align:center;margin-bottom:5rem}
.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:900px;margin:0 auto}
.founder-card{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:start}
.fc-avatar{width:100px;height:100px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--navy-2),var(--navy-4));border:3px solid rgba(5,13,26,.08);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:2rem;color:var(--gl);box-shadow:0 4px 20px rgba(5,13,26,.1)}
.fc-name{font-family:var(--serif);font-size:1.5rem;font-weight:400;color:var(--navy);margin-bottom:.2rem}
.fc-role{font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.fc-bio{font-size:.85rem;line-height:1.8;color:rgba(5,13,26,.55);font-weight:300}
.fc-quote{font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--navy-mid);line-height:1.6;padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(5,13,26,.08)}

/* ── VISION ── */
.vision{padding:9rem 6%;background:var(--navy-3);position:relative;overflow:hidden}
.vision::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 80% 50%,rgba(26,111,181,.15),transparent),radial-gradient(ellipse 50% 60% at 10% 80%,rgba(201,168,76,.08),transparent);pointer-events:none}
.vision-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center}
.vision-h{font-family:var(--serif);font-size:clamp(2.2rem,4vw,3.5rem);font-weight:400;line-height:1.2;color:var(--white);margin-bottom:1.5rem}
.vision-h em{font-style:italic;color:var(--gl)}
.vision-body{font-size:.98rem;line-height:1.9;color:rgba(255,255,255,.5);font-weight:300;margin-bottom:2.5rem}
.vision-items{display:flex;flex-direction:column;gap:1.25rem}
.vi{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);transition:border-color .3s,background .3s}
.vi:hover{border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.04)}
.vi-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}
.vi h4{font-size:.85rem;font-weight:600;color:var(--white);margin-bottom:.25rem}
.vi p{font-size:.78rem;color:rgba(255,255,255,.4);line-height:1.65}
.vv-main{width:100%;aspect-ratio:1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-top:2px solid var(--gold);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.vv-circle{width:75%;height:75%;border-radius:50%;border:1px solid rgba(201,168,76,.15);display:flex;align-items:center;justify-content:center;position:relative}
.vv-inner{text-align:center}
.vv-inner strong{font-family:var(--serif);font-size:3.5rem;font-weight:400;color:var(--gl);display:block;line-height:1}
.vv-inner span{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.3);display:block;margin-top:.5rem}

/* ── APPROACH ── */
.philosophy{padding:9rem 6%;background:var(--white)}
.ph-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:start}
.ph-h{font-family:var(--serif);font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:1.25;color:var(--navy);margin-bottom:1.5rem}
.ph-h em{font-style:italic;color:var(--blue)}
.ph-body{font-size:.98rem;line-height:1.9;color:rgba(5,13,26,.55);font-weight:300;margin-bottom:1.5rem}
.ph-pull{font-family:var(--serif);font-size:1.7rem;font-weight:400;font-style:italic;color:var(--navy);line-height:1.35;padding:2rem 2rem 2rem 2.5rem;border-left:3px solid var(--gold);background:linear-gradient(to right,rgba(201,168,76,.05),transparent);margin:2.5rem 0}
.pp{padding:1.75rem 0;border-bottom:1px solid rgba(5,13,26,.08);display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start}
.pp-num{font-family:var(--serif);font-size:2.5rem;font-weight:300;color:rgba(5,13,26,.08);line-height:1;min-width:40px}
.pp-text h4{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.4rem}
.pp-text p{font-size:.83rem;line-height:1.75;color:rgba(5,13,26,.5)}

.compare{padding:8rem 6%;background:var(--off)}
.cmp-table{display:grid;grid-template-columns:1fr 80px 1fr;border:1px solid rgba(5,13,26,.08);overflow:hidden;box-shadow:0 8px 40px rgba(5,13,26,.07)}
.cmp-col-hdr{padding:2rem 2.5rem;font-size:.65rem;letter-spacing:.32em;text-transform:uppercase;font-weight:600}
.cmp-col.theirs .cmp-col-hdr{background:rgba(5,13,26,.04);color:rgba(5,13,26,.4)}
.cmp-col.ours .cmp-col-hdr{background:var(--navy-2);color:var(--gold);border-bottom:1px solid var(--wf)}
.cmp-item{display:flex;align-items:flex-start;gap:1rem;padding:1.4rem 2.5rem;border-top:1px solid rgba(5,13,26,.07);font-size:.85rem;line-height:1.55}
.cmp-col.theirs .cmp-item{color:rgba(5,13,26,.45)}
.cmp-col.ours .cmp-item{color:rgba(255,255,255,.75); border-top-color: var(--wf)}
.cmp-col.ours{background:var(--navy);border:1px solid var(--wf);border-top:none;border-bottom:none}
.cmp-dot-t{width:8px;height:8px;border-radius:50%;background:rgba(5,13,26,.18);flex-shrink:0;margin-top:5px}
.cmp-dot-o{width:8px;height:8px;flex-shrink:0;margin-top:5px;background:var(--gold)}
.cmp-vs-col{display:flex;align-items:center;justify-content:center;background:var(--navy-3)}
.cmp-vs{font-family:var(--serif);font-size:.9rem;font-weight:400;color:rgba(255,255,255,.25);writing-mode:vertical-rl;letter-spacing:.3em;text-transform:uppercase}

.stages{padding:9rem 6%;background:var(--white)}
.stage{display:grid;grid-template-columns:80px 1fr 1fr;gap:3rem;align-items:center;padding:3.5rem 0;border-bottom:1px solid rgba(5,13,26,.08);transition:background .3s}
.stage-num{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:2rem;font-weight:400;border:1.5px solid rgba(5,13,26,.1);color:var(--navy);background:var(--white);transition:all .4s;flex-shrink:0;box-shadow:0 2px 20px rgba(5,13,26,.05)}
.stage:hover .stage-num{background:var(--navy);color:var(--gl);border-color:var(--navy);box-shadow:0 8px 30px rgba(5,13,26,.2)}
.stage-title h3{font-family:var(--serif);font-size:1.8rem;font-weight:400;color:var(--navy);margin-bottom:.4rem}
.stage-title h3 em{font-style:italic;color:var(--blue)}
.stage-tag{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.5rem}
.stage-details{display:flex;flex-direction:column;gap:.6rem}
.sd{display:flex;align-items:flex-start;gap:.75rem;font-size:.82rem;color:rgba(5,13,26,.65);line-height:1.5}
.sd::before{content:'→';color:var(--blue);flex-shrink:0;font-size:.72rem;margin-top:2px}

.sk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.06);margin-bottom:4rem}
.sk-card{background:var(--navy-2);padding:2rem 1.5rem;transition:background .3s;position:relative;overflow:hidden}
.sk-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);opacity:0;transition:opacity .3s}
.sk-card:hover{background:var(--navy-3)}.sk-card:hover::after{opacity:1}
.sk-card h4{font-size:.82rem;font-weight:600;color:var(--white);margin-bottom:.4rem}
.sk-card p{font-size:.75rem;line-height:1.65;color:rgba(255,255,255,.38)}

.ev-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.ev-card{padding:2.5rem 2rem;background:var(--white);border:1px solid rgba(5,13,26,.07);border-top:3px solid var(--gold);position:relative;overflow:hidden;transition:all .4s}
.ev-card:hover{transform:translateY(-5px);box-shadow:0 16px 50px rgba(5,13,26,.1)}
.ev-card h3{font-family:var(--serif);font-size:1.3rem;font-weight:400;color:var(--navy);margin-bottom:.75rem}
.ev-card p{font-size:.85rem;line-height:1.8;color:rgba(5,13,26,.55)}
.ev-stat{display:flex;align-items:baseline;gap:.5rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(5,13,26,.07)}
.ev-stat strong{font-family:var(--serif);font-size:2rem;font-weight:400;color:var(--navy)}
.ev-stat span{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(5,13,26,.4)}

/* ── TRAINING ── */
.prog-tabs{background:var(--off);border-bottom:1px solid rgba(5,13,26,.08);position:sticky;top:80px;z-index:100}
.pt-inner{max-width:1200px;margin:0 auto;padding:0 6%;display:flex;overflow-x:auto;gap:0}
.pt-item{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:1.25rem 1.6rem;color:rgba(5,13,26,.45);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:all .3s;flex-shrink:0}
.pt-item:hover{color:var(--navy);border-bottom-color:rgba(5,13,26,.2)}
.pt-item.active{color:var(--blue);border-bottom-color:var(--blue)}

.ov-hdr{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start;margin-bottom:6rem}
.ov-body{font-size:.95rem;line-height:1.9;color:rgba(5,13,26,.55);font-weight:300}
.ov-pt{display:flex;align-items:center;gap:1rem;padding:.9rem 1.2rem;border:1px solid rgba(5,13,26,.07);background:var(--off);transition:all .3s}
.ov-pt:hover{border-color:rgba(26,111,181,.3);background:rgba(26,111,181,.03);transform:translateX(6px)}
.ov-pt-icon{width:36px;height:36px;background:var(--navy);display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;color:var(--gl)}
.ov-pt h4{font-size:.83rem;font-weight:600;color:var(--navy)}

.module-card{margin-bottom:4rem;border:1px solid rgba(5,13,26,.08);overflow:hidden;transition:box-shadow .4s}
.module-card:hover{box-shadow:0 12px 50px rgba(5,13,26,.1)}
.mc-header{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;padding:2.5rem 3rem;background:var(--navy-2);cursor:pointer;transition:background .3s}
.mc-header:hover{background:var(--navy-3)}
.mc-num{font-family:var(--serif);font-size:3.5rem;font-weight:300;color:rgba(201,168,76,.2);line-height:1}
.mc-tag{font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem}
.mc-title{font-family:var(--serif);font-size:1.6rem;font-weight:400;color:var(--white)}
.mc-subtitle{font-size:.8rem;color:rgba(255,255,255,.4);margin-top:.2rem;font-weight:300}
.mc-toggle{width:44px;height:44px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:rgba(255,255,255,.5);transition:all .3s;border-radius:50%;flex-shrink:0}
.mc-header:hover .mc-toggle{border-color:var(--gold);color:var(--gold)}
.module-card.open .mc-toggle{transform:rotate(45deg);border-color:var(--gold);color:var(--gold)}
.mc-body{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(5,13,26,.07);max-height:0;overflow:hidden;transition:max-height .6s var(--ease)}
.module-card.open .mc-body{max-height:1200px}
.mc-left{padding:3rem;border-right:1px solid rgba(5,13,26,.07)}
.mc-right{padding:3rem;background:var(--off)}
.mc-section-title{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--blue);margin-bottom:1.25rem}
.mc-desc{font-size:.92rem;line-height:1.85;color:rgba(5,13,26,.6);font-weight:300;margin-bottom:2rem}
.mc-topic{display:flex;align-items:flex-start;gap:.75rem;font-size:.83rem;color:rgba(5,13,26,.7);line-height:1.5;padding:.5rem 0;border-bottom:1px solid rgba(5,13,26,.06)}
.mc-topic::before{content:'→';color:var(--blue);flex-shrink:0;font-size:.75rem;margin-top:1px}
.mc-outcome{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;background:var(--white);border:1px solid rgba(5,13,26,.07);border-left:3px solid var(--gold)}
.mc-outcome span{font-size:.82rem;line-height:1.5;color:rgba(5,13,26,.7)}
.mc-duration{display:flex;align-items:center;gap:.6rem;margin-top:2rem;padding:1rem 1.2rem;background:rgba(26,111,181,.06);border:1px solid rgba(26,111,181,.15);font-size:.78rem;color:var(--blue)}

.methodology{padding:8rem 6%;background:var(--navy)}
.meth-h{font-family:var(--serif);font-size:clamp(2rem,3.5vw,3.2rem);font-weight:400;color:var(--white);margin-bottom:1rem}
.meth-h em{font-style:italic;color:var(--gl)}
.mg{padding:2.5rem 2rem;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);position:relative;overflow:hidden;transition:all .4s}
.mg:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.mg h3{font-family:var(--serif);font-size:1.25rem;font-weight:400;color:var(--white);margin-bottom:.6rem}
.live-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(26,111,181,.2);border:1px solid rgba(26,111,181,.4);color:var(--blue-xl);padding:.3rem .9rem;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;margin-top:1rem}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--blue-xl);animation:blink 1.5s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

.enrol{padding:8rem 6%;background:var(--off)}
.enrol-h{font-family:var(--serif);font-size:clamp(2rem,3vw,3rem);font-weight:400;color:var(--navy);margin-bottom:1.25rem}
.enrol-h em{font-style:italic;color:var(--blue)}
.ei{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:rgba(5,13,26,.7)}
.ei-dot{width:8px;height:8px;background:var(--gold);flex-shrink:0}
.ea{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 2rem;text-decoration:none;border:1px solid rgba(5,13,26,.1);color:var(--navy);font-size:.85rem;font-weight:500;transition:all .35s}
.ea:hover{border-color:var(--navy);padding-left:2.4rem;background:rgba(5,13,26,.02)}
.ea.primary{background:var(--gold);color:var(--navy);border-color:var(--gold);font-weight:600}
.ea.primary:hover{background:var(--navy);color:var(--gl);border-color:var(--navy);padding-left:2.4rem}

/* ── COMPREHENSIVE RESPONSIVE ── */
@media (max-width: 1200px) {
  .hero-inner { grid-template-columns: 1fr; gap: 3rem; text-align: center; }
  .hero-left { order: 1; }
  .hero-right { order: 2; max-width: 600px; margin: 0 auto; }
  .hero-p { margin-inline: auto; }
  .hero-btns { justify-content: center; }
  .hero-scroll { display: none; }
  
  .intro-inner, .mission-inner, .philosophy-inner, .ph-inner, .ov-hdr { grid-template-columns: 1fr; gap: 4rem; }
}

@media (max-width: 1024px) {
  nav { padding: 0 4%; }
  .nav-links { display: none; }
  .hamburger { display: flex !important; }
  
  .prog-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-band { grid-template-columns: repeat(2, 1fr); gap: 3rem; }
  .sb-item:nth-child(2n) { border-right: none; }
  
  .ft { grid-template-columns: repeat(2, 1fr); gap: 3rem; }
  
  .video-grid { grid-template-columns: 1fr; height: auto; gap: 1.5rem; }
  .vid-side { grid-template-rows: auto; grid-template-columns: 1fr 1fr; }
  .vid-main { height: 400px; }
  .vid-card { height: 250px; }
  
  .j-steps { grid-template-columns: repeat(3, 1fr); }
  .j-steps::before { display: none; }
}

@media (max-width: 768px) {
  .hero-h1 { font-size: 3rem; }
  .hero-btns { flex-direction: column; width: 100%; max-width: 300px; margin: 0 auto; }
  .btn-g, .btn-w { width: 100%; text-align: center; }
  
  .prog-grid { grid-template-columns: 1fr; }
  .prog-hdr h2, .vs-h, .j-hdr h2, .mission-h, .ph-h, .vision-h { font-size: 2.5rem; }
  
  .stats-band { grid-template-columns: 1fr; }
  .sb-item { border-right: none; border-bottom: 1px solid var(--wf); padding-bottom: 2rem; }
  .sb-item:last-child { border-bottom: none; padding-bottom: 0; }
  
  .intro-visual .iv-accent { display: none; }
  .iv-badge { left: 0; top: -1rem; padding: 1rem; }
  
  .vid-side { grid-template-columns: 1fr; }
  
  .j-steps { grid-template-columns: 1fr; gap: 3rem; }
  .j-step::after { content: ''; display: block; width: 1px; height: 30px; background: var(--wf); margin: 1rem auto 0; }
  .j-step:last-child::after { display: none; }
  
  .ft { grid-template-columns: 1fr; gap: 2.5rem; text-align: center; }
  .fb-desc { margin: 0 auto; }
  .fb { 
    flex-direction: column !important; 
    gap: 1.5rem !important; 
    text-align: center !important; 
    padding: 2rem 0 !important;
  }
  .fb span { 
    display: block !important; 
    width: 100% !important; 
    white-space: normal !important;
  }
  .values-grid, .sk-grid, .ev-grid, .vision-inner { grid-template-columns: 1fr; }
  .mission-pull, .ph-pull { font-size: 1.3rem; padding: 1.5rem; }
  
  .stage { grid-template-columns: 1fr; text-align: center; }
  .stage-num { margin: 0 auto 1.5rem; }
  .sd { justify-content: center; }
  
  .cmp-table { grid-template-columns: 1fr; }
  .cmp-vs-col { display: none; }
  
  .pt-inner { padding: 0 4%; }
}

/* ── MOBILE MENU STYLES ── */
.hamburger {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 20px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 1000;
}
.hamburger span {
  display: block;
  width: 100%;
  height: 2px;
  background: var(--gold);
  border-radius: 2px;
  transition: all 0.3s ease;
}

.mob-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--navy);
  z-index: 1100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 2rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition: all 0.4s var(--ease);
}
.mob-menu.open { 
  opacity: 1; 
  visibility: visible; 
  transform: translateY(0); 
}
.mob-menu a {
  font-family: var(--serif);
  font-size: 1.8rem;
  color: var(--white);
  text-decoration: none;
  letter-spacing: 0.05em;
  transition: color 0.3s;
  display: block;
  text-align: center;
  width: 100%;
}
.mob-menu a:hover { color: var(--gold); }
.mob-close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  background: none;
  border: none;
  color: var(--gold);
  font-size: 2.5rem;
  cursor: pointer;
  line-height: 1;
}

@media (max-width: 1024px) {
  nav { height: 70px; }
  .nav-links { display: none !important; }
  .hamburger { display: flex !important; }
  .logo img { max-height: 40px !important; }
}

@media (max-width: 768px) {
  .ft { 
    display: flex !important;
    flex-direction: column !important;
    gap: 3rem !important;
    text-align: center !important;
  }
  .ft > div { width: 100% !important; }
  .fc-links { 
    align-items: center !important;
    width: 100% !important;
  }
  .fc-links a {
    display: block !important;
    width: 100% !important;
    padding: 0.5rem 0 !important;
    white-space: normal !important;
  }
  .fb-desc { 
    max-width: 100% !important; 
    margin: 0 auto !important;
    display: block !important;
  }
  .footer-logo { margin: 0 auto 1.5rem !important; }
}

/* ── ADDITIONAL COMPONENTS & FIXES ── */
.story-section { padding: 9rem 6%; background: var(--white); }
.story-head { text-align: center; margin-bottom: 5rem; }
.sec-label { font-size: 0.65rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold); margin-bottom: 1rem; text-align: center; }
.sec-h2 { font-family: var(--serif); font-size: 3.2rem; color: var(--navy); }
.sec-p { color: rgba(5,13,26,0.5); margin: 1.5rem auto 0; line-height: 1.6; }

.timeline { max-width: 1000px; margin: 0 auto; position: relative; padding: 2rem 0; }
.timeline::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: rgba(5,13,26,0.1); transform: translateX(-50%); }
.tl-item { width: 50%; padding: 2rem 4rem; position: relative; }
.tl-item:nth-child(even) { margin-left: auto; }
.tl-dot { position: absolute; top: 2.5rem; left: 100%; width: 12px; height: 12px; background: var(--gold); border-radius: 50%; transform: translate(-50%, -50%); z-index: 10; border: 4px solid var(--white); }
.tl-item:nth-child(even) .tl-dot { left: 0; }
.tl-year { font-family: var(--serif); font-size: 1.8rem; color: var(--gold); margin-bottom: 0.5rem; }
.tl-title { font-size: 1rem; font-weight: 600; color: var(--navy); margin-bottom: 0.5rem; }
.tl-text { font-size: 0.85rem; color: rgba(5,13,26,0.5); line-height: 1.7; }

/* Subpage Hero Responsive Overrides */
@media (max-width: 768px) {
  .about-hero-wrap, .approach-hero-wrap, .training-hero-wrap { 
    padding: 100px 20px 60px !important; 
    min-height: auto !important; 
    text-align: center !important; 
  }
  .ah-title { font-size: 2.8rem !important; line-height: 1.2 !important; }
  .ah-p { font-size: 1rem !important; margin: 0 auto !important; }
  .h-breadcrumb { justify-content: center !important; margin-bottom: 2rem !important; }
  
  .timeline::before { left: 20px; }
  .tl-item { width: 100%; padding: 2rem 0 2rem 60px; text-align: left; }
  .tl-dot { left: 20px !important; top: 2.5rem; }
  .sec-h2 { font-size: 2.5rem; }
  
  .iv-badge { position: relative; top: 0; left: 0; width: 100%; height: auto; padding: 2rem; margin-top: 2rem; }
  .iv-main { aspect-ratio: 16/9; }
  
  .ov-hdr { text-align: center; }
  .ov-pt { justify-content: center; transform: none !important; }
}

@media (max-width: 1024px) {
    .hero-decor { display: none; }
}

/* ── AUDIT FIXES: WORD-BREAKING & SPACING ── */
* { 
    hyphens: none !important; 
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
}

.hero-h1, .ah-title, .hero-p, .fb-desc, .sb-l, .hc-stat span, .mc-desc, .mission-h, .ph-h, .vision-h, .sec-h2, .sec-p, .tl-title, .tl-text, .ea {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

@media (max-width: 768px) {
  .hero-inner { 
    padding: 0 5% !important; 
    width: 100% !important;
  }
  .hero-h1 { 
    font-size: 2.8rem !important; 
    margin-bottom: 1.5rem !important; 
  }
  
  /* Mastery Series / Training Fixes */
  .training-card { 
    height: 450px !important; /* Slightly more compact on mobile */
  }
  .tc-content { padding: 1.5rem !important; }
  
  /* Modal Fixes */
  .modal-content {
    background: var(--navy-2) !important;
    border: 1px solid var(--wf) !important;
  }
  .modal-header .modal-title {
    color: var(--gl) !important;
    font-family: var(--serif) !important;
  }
  .modal-body {
    max-height: 80vh !important;
    overflow-y: auto !important;
  }
  .form-label {
    color: var(--wm) !important;
  }
  
  /* Footer & Paragraph Fixes */
  .hero-p, .ah-p {
    max-width: 100% !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }
  .ea { 
    white-space: normal !important; 
    height: auto !important; 
    padding: 1.2rem !important;
    font-size: 0.8rem !important;
  }
  .fb-desc { width: 100% !important; padding: 0 10px; }
}

/* --- NEW LOGO STYLES --- */
.logo-svg {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
}
.logo-svg-icon {
    height: 40px;
    width: auto;
}
.logo-svg-text {
    display: flex;
    flex-direction: column;
}
.logo-svg-main {
    font-family: 'Cormorant', serif;
    font-size: 24px;
    font-weight: 600;
    color: var(--gold);
    letter-spacing: 0.1em;
    line-height: 1;
    text-transform: uppercase;
}
.logo-svg-sub {
    font-family: 'Jost', sans-serif;
    font-size: 8px;
    letter-spacing: 0.15em;
    color: #fff;
    opacity: 0.8;
    text-transform: uppercase;
    margin-top: 4px;
}

footer .logo-svg-main {
    font-size: 28px;
    color: var(--gl);
}
footer .logo-svg-sub {
    font-size: 10px;
}
footer .logo-svg-icon {
    height: 50px;
}
/* ── GLOBAL TYPOGRAPHY & ALIGNMENT FIXES ── */
.hero-h1, .hero-p, .ah-p, .sec-p, .mission-quote, .fc-bio, .value-title, .value-desc, .hc-desc, .tl-text, .sb-l {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
}

.container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

@media (max-width: 1024px) {
    .hero-inner, .mission-inner, .vision-inner { gap: 3rem; }
}

@media (max-width: 768px) {
    /* Sections Padding */
    section { padding: 80px 0 !important; }
    
    /* Hero Adjustments */
    .hero-h1 { font-size: 2.8rem !important; line-height: 1.2; text-align: center; }
    .hero-p, .ah-p { text-align: center; margin: 0 auto 2rem; }
    .hero-btns { justify-content: center; width: 100%; }
    .hero-scroll { display: none !important; } /* Hide scroll indicator on mobile to prevent overlap */

    /* Founders Grid Fix */
    .founders-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }
    .founder-card {
        padding: 2.5rem !important;
    }
    .fc-info { text-align: center; }
    .fc-avatar { margin: 0 auto 1.5rem !important; }
    .fc-quote { border-left: none !important; border-top: 1px solid var(--wf); padding: 1.5rem 0 0 !important; margin-top: 1.5rem; text-align: center; }

    /* Mission & Vision */
    .mission-quote { font-size: 1.5rem !important; text-align: center; }
    .mission-inner, .vision-inner { text-align: center; }
    .mi-btns { justify-content: center !important; flex-direction: column; width: 100%; }
    .mi-btns .btn-g, .mi-btns .btn-w { width: 100%; text-align: center; }

    /* Values & Training Grid */
    .values-grid, .sk-grid, .ev-grid { 
        grid-template-columns: 1fr !important; 
        text-align: center;
    }
    .value-card { padding: 3rem 2rem !important; }
    .value-icon { margin: 0 auto 1.5rem !important; }
    
    /* Stats Band (Training Page) */
    .stats-band {
        grid-template-columns: 1fr 1fr !important;
        gap: 2rem !important;
        padding: 4rem 20px !important;
    }
    .sb-item { border-right: none !important; border-bottom: 1px solid var(--wf); padding-bottom: 2rem; }
    .sb-item:nth-child(even) { border-left: 1px solid var(--wf); }
    .sb-item:nth-last-child(-n+2) { border-bottom: none; padding-bottom: 0; padding-top: 1rem; }

    /* Training Cards */
    .training-grid { grid-template-columns: 1fr !important; }
    .tc-content { text-align: center; }
    .tc-tags { justify-content: center; }
}

@media (max-width: 480px) {
    .stats-band { grid-template-columns: 1fr !important; }
    .sb-item:nth-child(even) { border-left: none !important; }
    .sb-item { border-bottom: 1px solid var(--wf) !important; padding: 2rem 0 !important; }
    .sb-item:last-child { border-bottom: none !important; }
}

/* ── EXPERIENCE SECTION MOBILE FIXES ── */
@media (max-width: 768px) {
    .experience-section { text-align: center; }
    .exp-card { flex-direction: column; text-align: center; }
    .exp-highlights { grid-template-columns: 1fr !important; }
    .eh-item { justify-content: center; }
    .exp-cta { padding: 3rem 1.5rem !important; }
    .exp-cta h3 { font-size: 1.6rem !important; }
}

