:root{--ink:#153e56;--brown:#493024;--blue:#bce8fc;--deep:#0d2b3c;--white:#fff;--muted:#4d6776;--line:#cce0e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #45a7d3;outline-offset:5px}::selection{background:#bce8fc;color:#123c55}.skip{position:fixed;z-index:100;top:-70px;left:15px;padding:12px;background:#fff}.skip:focus{top:10px}header{position:absolute;left:0;right:0;top:0;height:82px;z-index:20;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #ffffff40;background:#171b1d36;color:#fff}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand img{width:54px;height:54px;object-fit:contain;filter:brightness(0) invert(1)}.brand>span{font-size:23px;font-weight:600;letter-spacing:7px;line-height:1.5}.brand small{font-size:9px;letter-spacing:1.8px;display:block;font-weight:400}nav{display:flex;align-items:center;gap:25px;font-size:14px}nav a{border-bottom:1px solid transparent;padding:8px 0}nav a:hover{color:var(--blue);border-color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 24px;min-height:48px;border-radius:100px;background:var(--blue);color:#103c55;border:1px solid transparent;font-size:14px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#d9f3ff;transform:translateY(-2px)}.button span{font-size:20px;font-weight:400;line-height:1}.button.small{padding:10px 19px;min-height:42px;font-size:13px;gap:10px}.outline{background:transparent;border-color:#fff;color:#fff}.outline:hover{background:#ffffff20}.dark{background:var(--blue);color:#143d55}.menu{display:none;background:transparent;color:white;border:0;font-size:28px}.hero-scroll{background:#1d2427}.hero-stage{position:relative;height:660px;overflow:hidden;color:#fff}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 45%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111b1fbb 0%,#151b1f65 36%,transparent 68%),linear-gradient(0deg,#071b2590,transparent 25%)}.hero-content{position:relative;z-index:2;padding:127px 5% 40px;width:61%;max-width:900px}.eyebrow{font-size:12px;line-height:1.6;font-weight:600;letter-spacing:2.3px;margin-bottom:13px;color:#265c78}.eyebrow.light{color:#fff}.hero-content>.eyebrow{font-size:17px;letter-spacing:7px;font-weight:400;margin-bottom:20px}.tiny-line{display:none}h1{margin:0 0 20px;line-height:1.02;letter-spacing:-1.5px}.hero-kicker{display:block;font-weight:400;font-size:clamp(20px,2.25vw,32px);letter-spacing:5px;margin-bottom:6px}h1 em{display:block;color:var(--blue);font-style:normal;font-size:clamp(48px,6.35vw,91px);font-weight:800;letter-spacing:-3px}h1 strong{display:block;font-size:clamp(38px,4.65vw,68px);font-weight:800;letter-spacing:-1.8px}.hero-content>p{font-size:17px;max-width:405px;line-height:1.6;margin:24px 0}.hero-actions{display:flex;gap:15px;flex-wrap:wrap}.hero-actions .button{font-size:13px;gap:20px}.hero-values{display:flex;gap:36px;margin-top:27px;font-size:13px;letter-spacing:.4px}.hero-values span:before{content:'✦';color:var(--blue);margin-right:10px}.section{padding:58px 5%;max-width:1600px;margin:auto}h2{font-size:34px;line-height:1.14;letter-spacing:-.9px;margin:0 0 20px;font-weight:700}h3{font-size:21px;line-height:1.3;font-weight:700;margin:15px 0;color:var(--ink)}p{margin-top:0}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;padding-top:45px;padding-bottom:45px}.about-visual{height:355px;position:relative;overflow:hidden}.about-visual>img{width:100%;height:100%;object-fit:cover;object-position:50% 23%}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:45px 22px 17px;color:white;background:linear-gradient(transparent,#0a3044e6);display:flex;flex-direction:column;line-height:1.8;font-size:12px;letter-spacing:1px}.photo-caption span:first-child{letter-spacing:3px;font-weight:600;font-size:15px}.about-copy h2{color:#332b25;font-size:30px;line-height:1.06}.about-copy p{max-width:720px;color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:14px}.about-copy .lead{color:#26465a;font-size:17px}blockquote{margin:18px 0 12px;padding-left:18px;border-left:3px solid var(--blue);font-family:Georgia,serif;font-size:21px;font-style:italic;line-height:1.4;color:var(--brown)}blockquote br{display:none}.signature{font-weight:700;font-size:15px;letter-spacing:2px}.signature span{font-size:10px;font-weight:400;letter-spacing:1px;margin-left:12px;color:#697a84}.approach{max-width:none;background:linear-gradient(115deg,#09222f,#174b67 65%,#0a2c40);color:#fff;padding-top:40px;padding-bottom:28px}.approach .section-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:25px}.approach .eyebrow{color:#b8dded}.approach h2{font-size:28px;margin-bottom:0}.approach .section-heading>p{color:#d9e6ed;max-width:600px;margin:0}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff25;padding-top:25px}.pillar-grid article{padding:0 32px 0 0}.pillar-grid article+article{padding-left:32px;border-left:1px solid #ffffff35}.pillar-number{font-size:20px;line-height:1;color:#bce8fc;font-weight:600}.pillar-grid h3{color:#bce8fc;margin:12px 0;font-size:23px}.pillar-grid p{font-size:15px;color:#d9e6ed;line-height:1.65;margin-bottom:16px}.pill{font-size:10px;letter-spacing:1.3px;color:#b6d0df}.workflow{border-top:1px solid #ffffff25;padding-top:20px;margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:25px}.workflow>span{font-size:11px;letter-spacing:1.6px;color:#bce8fc}.workflow p{font-size:14px;margin:0}.workflow b{font-weight:400;color:#8abdd6;margin:0 13px}.learning{display:grid;grid-template-columns:240px 1fr;gap:38px;background:#fff;max-width:none;padding-top:45px;padding-bottom:45px}.learning .section-heading{display:block;margin:0}.learning h2{color:var(--brown);font-size:29px}.learning .section-heading>p{color:var(--muted);font-size:16px;max-width:320px}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.learn-grid article{border:1px solid #bcdaea;border-radius:8px;background:linear-gradient(155deg,#fff,#f4fbff);padding:25px 22px;box-shadow:0 5px 15px #143d5505}.topic-icon{font-size:11px;letter-spacing:1.7px;color:#55849f;padding-bottom:16px;border-bottom:1px solid #d9e8f0}.learn-grid h3{font-size:18px;text-transform:uppercase;letter-spacing:0}.learn-grid p{font-size:15px;line-height:1.65;color:#4c6a7e;margin-bottom:22px}.learn-grid details{margin-top:auto;border-top:1px solid #d0e4ee;padding-top:16px}.learn-grid summary{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#276a8c;cursor:pointer}.detail-body{padding-top:15px;font-size:14px;color:#4c6a7e}.course-section{background:#f0eeeb;border-top:1px solid #e7e2dc;border-bottom:1px solid #e7e2dc}.course-inner{display:grid;grid-template-columns:.85fr 1.5fr;gap:28px;padding-top:35px;padding-bottom:35px}.course-intro{padding:35px;color:#fff;background:linear-gradient(135deg,#302019,#67472e);border-radius:6px}.course-intro .eyebrow{font-size:11px;color:#ded3c9}.course-intro h2{font-size:36px;letter-spacing:-1px}.course-intro h2 em{font-size:28px;font-style:normal;color:var(--blue)}.course-intro p{color:#eee6de;font-size:16px;line-height:1.65;margin-bottom:24px}.course-intro p.course-note{font-size:12px;margin-top:18px;color:#d4c6ba}.course-stamp{border-top:1px solid #ffffff2b;margin-top:20px;padding-top:20px;display:flex;gap:18px;align-items:center}.course-stamp img{width:55px;height:55px;filter:brightness(0) invert(1)}.course-stamp>span{font-size:16px;letter-spacing:3px}.course-stamp small{font-size:9px;letter-spacing:1.3px;display:block;margin-top:4px}.curriculum{padding:25px 30px;background:white;border:1px solid #d3e1e8;border-radius:7px}.curriculum-top{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.5px;padding-bottom:15px;color:#678292;border-bottom:1px solid var(--line)}.curriculum details{border-bottom:1px solid var(--line)}.curriculum details:last-child{border-bottom:0}.curriculum summary{display:flex;align-items:center;gap:18px;padding:20px 0;line-height:1.4;font-size:17px;font-weight:600;cursor:pointer;list-style:none}.curriculum summary:hover{color:#337ba0}summary::-webkit-details-marker{display:none}.module-no{color:#7c9db0;font-size:12px;letter-spacing:1px}.plus{margin-left:auto;font-size:22px;font-weight:400;color:#5993b1}.curriculum details[open] .plus{transform:rotate(45deg)}.curriculum details p{font-size:15px;color:#4c6a7e;margin:0 16px 22px 33px;line-height:1.7}.community{max-width:none;text-align:center;background:linear-gradient(110deg,#0a2434,#1b4d68 55%,#09232f);color:#fff;padding-top:58px;padding-bottom:25px}.community .eyebrow{color:#c5e8f7}.community h2{font-size:40px}.community h2 em{font-style:normal;color:var(--blue)}.community>p{max-width:600px;margin:0 auto 25px;color:#dce9ef}.community-actions{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap}.text-link{font-size:14px;color:#c5e8f7;border-bottom:1px solid #7faabe;padding-bottom:3px}.text-link:hover{color:#fff}.community-bottom{display:flex;justify-content:center;gap:60px;border-top:1px solid #ffffff2b;margin-top:38px;padding-top:20px;font-size:11px;letter-spacing:2px;color:#b9d2df}footer{color:white;background:linear-gradient(100deg,#221b16,#3a2c22);padding:30px 5% 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:22px}.footer-links{display:flex;gap:35px;font-size:14px}.top{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff60}.footer-bottom{padding-top:20px;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;color:#c6bdb4}.footer-bottom p{max-width:760px;margin:0;line-height:1.7}.footer-bottom>span{white-space:nowrap}
@media(min-width:1600px){.hero-stage{height:750px}.hero-content{padding-top:160px}.hero-content h1 em{font-size:100px}.hero-content h1 strong{font-size:75px}}
@media(max-width:1150px){header{gap:20px}nav{gap:20px}.header-cta{display:none}.hero-content{width:65%;padding-top:140px}.hero-stage{height:650px}.hero-actions{gap:10px}.hero-actions .button{padding:11px 18px;gap:12px}.hero-values{gap:26px}.learning{grid-template-columns:1fr;gap:22px}.learning .section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.learning .section-heading>p{margin-bottom:15px}.about{gap:35px}.course-inner{grid-template-columns:1fr 1.3fr}.course-intro{padding:28px}.course-intro h2{font-size:32px}.course-intro h2 em{font-size:25px}}
@media(max-width:760px){header{height:76px;padding:0 5%}.brand img{width:48px;height:48px}.brand>span{font-size:20px;letter-spacing:5px}.brand small{font-size:8px;letter-spacing:1.3px}.menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px 6%;background:#112e3cf5;flex-direction:column;align-items:stretch;gap:8px}nav.open{display:flex}.hero-stage{height:auto;min-height:0;padding-bottom:28px}.hero-photo{inset:auto;top:76px;left:0;width:100%;height:350px;object-position:72% center}.hero-shade{inset:auto;left:0;right:0;top:76px;height:360px;background:linear-gradient(0deg,#1d2427,transparent 45%)}.hero-content{padding:425px 6% 15px;width:100%;max-width:none}.hero-content>.eyebrow{font-size:13px;letter-spacing:5px;margin-bottom:16px}.hero-kicker{font-size:22px;letter-spacing:3px}h1 em{font-size:clamp(41px,10.7vw,73px);letter-spacing:-1.5px}h1 strong{font-size:clamp(34px,8.2vw,57px);letter-spacing:-1px}.hero-content>p{font-size:16px;max-width:480px;margin:20px 0}.hero-actions{gap:12px}.hero-actions .button{font-size:12px;padding:11px 15px;gap:12px}.hero-values{gap:22px;margin-top:25px;font-size:12px}.hero-values span:before{margin-right:6px}.section{padding:35px 6%}.about{grid-template-columns:1fr;gap:28px}.about-visual{height:300px}.about-visual>img{object-position:center 22%}.about-copy h2{font-size:29px}.about-copy .lead{font-size:17px}.signature span{font-size:9px;letter-spacing:.8px}.approach .section-heading{grid-template-columns:1fr;gap:20px}.approach h2{font-size:28px}.pillar-grid{grid-template-columns:1fr;gap:0;padding-top:0;border-top:0}.pillar-grid article,.pillar-grid article+article{padding:22px 0;border:0;border-top:1px solid #ffffff30}.pillar-grid article:last-child{padding-bottom:0}.pillar-number{font-size:17px}.pillar-grid h3{font-size:23px}.pillar-grid p{font-size:16px}.workflow{display:block;margin-top:25px}.workflow p{margin-top:10px;font-size:13px;line-height:2.3}.workflow b{margin:0 5px}.learning .section-heading{display:block}.learning .section-heading>p{max-width:none;margin-bottom:0}.learning h2{font-size:28px}.learn-grid{grid-template-columns:1fr}.learn-grid article{padding:25px}.learn-grid h3{font-size:20px}.learn-grid p{font-size:16px}.course-inner{grid-template-columns:1fr;gap:18px}.course-intro{padding:30px 24px}.course-intro h2{font-size:35px}.course-intro h2 em{font-size:27px}.curriculum{padding:22px}.curriculum-top{font-size:9px;letter-spacing:1px}.curriculum summary{font-size:16px;gap:14px}.curriculum details p{margin-left:28px;font-size:15px}.community h2{font-size:30px;line-height:1.2}.community-actions{gap:22px;flex-direction:column}.community-bottom{gap:25px;font-size:9px;letter-spacing:1px;margin-top:30px}.footer-top{flex-wrap:wrap}.footer-links{order:3;width:100%;gap:26px;font-size:13px}.footer-bottom{flex-direction:column;align-items:start;gap:20px}.footer-bottom p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@font-face{font-family:'Noto Sans Khmer';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/noto-sans-khmer-400.ttf') format('truetype')}
@font-face{font-family:'Noto Sans Khmer';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/noto-sans-khmer-600.ttf') format('truetype')}
@font-face{font-family:'Noto Sans Khmer';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/noto-sans-khmer-700.ttf') format('truetype')}
@font-face{font-family:'Noto Sans Khmer';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/noto-sans-khmer-800.ttf') format('truetype')}
.language-switch{display:flex;flex-shrink:0;border:1px solid #bce8fc8c;border-radius:100px;padding:3px;background:#0c263bd9;gap:2px}.language-switch button{min-height:38px;padding:5px 13px;border:0;border-radius:100px;background:transparent;color:white;font:600 13px/1.8 Arial,sans-serif;white-space:nowrap}.language-switch button:lang(km){font-family:'Noto Sans Khmer',sans-serif;font-size:14px}.language-switch button[aria-pressed=true]{background:var(--blue);color:#103c55}.language-switch button:hover{background:#ffffff22}.language-switch button[aria-pressed=true]:hover{background:#d9f3ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html:lang(km) body{font-family:'Noto Sans Khmer',Arial,sans-serif;line-height:1.9}html:lang(km) h1,html:lang(km) h2,html:lang(km) h3,html:lang(km) em,html:lang(km) strong,html:lang(km) .eyebrow,html:lang(km) small,html:lang(km) .pill,html:lang(km) .hero-values,html:lang(km) .workflow,html:lang(km) .community-bottom,html:lang(km) .signature span,html:lang(km) .photo-caption span,html:lang(km) .topic-icon,html:lang(km) .curriculum-top{letter-spacing:normal;line-height:1.8}html:lang(km) .brand small{font-size:10px;white-space:normal;max-width:190px}html:lang(km) .hero-stage{height:auto;min-height:740px}html:lang(km) .hero-content{padding-bottom:45px}html:lang(km) .hero-kicker{font-size:28px}html:lang(km) h1 em{font-size:clamp(30px,3.05vw,47px);line-height:1.7}html:lang(km) h1 strong{font-size:35px;line-height:1.8}html:lang(km) .hero-content>p{line-height:1.9;max-width:500px}html:lang(km) .hero-values{gap:23px;flex-wrap:wrap}html:lang(km) .button{line-height:1.8}html:lang(km) h2{font-size:28px}html:lang(km) h3{font-size:20px}html:lang(km) .eyebrow,html:lang(km) .pill,html:lang(km) .topic-icon,html:lang(km) .curriculum-top,html:lang(km) .community-bottom,html:lang(km) .workflow>span{font-size:12px}html:lang(km) .about-copy p,html:lang(km) .pillar-grid p,html:lang(km) .learn-grid p,html:lang(km) .curriculum p,html:lang(km) .course-intro p{line-height:1.9}html:lang(km) blockquote{font-family:inherit;font-style:normal;font-size:19px;line-height:1.9}html:lang(km) blockquote br{display:block}html:lang(km) .workflow{align-items:start;flex-wrap:wrap}html:lang(km) .workflow p{line-height:2.2}html:lang(km) .curriculum summary{line-height:1.9}html:lang(km) .signature span{font-size:12px;display:block;margin:8px 0 0}html:lang(km) .learning{grid-template-columns:220px 1fr;gap:25px}html:lang(km) .learn-grid article{min-width:0}html:lang(km) .course-intro h2 em{font-size:26px}
@media(max-width:1350px){.header-cta{display:none}header{gap:18px}nav{gap:18px}html:lang(km) .learning{grid-template-columns:1fr}}
@media(max-width:1000px){.menu{display:block}header{gap:12px}.language-switch{margin-left:auto}nav{display:none;position:absolute;top:82px;left:0;right:0;padding:20px 6%;background:#112e3cf5;flex-direction:column;align-items:stretch;gap:8px}nav.open{display:flex}}
@media(max-width:760px){nav{top:76px}.brand{gap:5px}.brand img{width:40px;height:40px}.brand>span{font-size:17px;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:.5px}.language-switch button{padding:5px 10px;min-height:38px}.menu{font-size:24px}header{gap:8px;padding:0 4%}html:lang(km) .brand small{font-size:8px;max-width:135px}html:lang(km) .hero-stage{min-height:0}html:lang(km) .hero-kicker{font-size:24px}html:lang(km) h1 em{font-size:clamp(26px,6.6vw,38px)}html:lang(km) h1 strong{font-size:27px}html:lang(km) .hero-content{padding-bottom:15px}html:lang(km) .hero-content>p{font-size:16px}html:lang(km) .hero-actions .button{font-size:14px}html:lang(km) .hero-values{gap:18px;font-size:14px}html:lang(km) h2{font-size:26px}html:lang(km) .community-bottom{gap:20px;font-size:12px}html:lang(km) .footer-links{gap:20px}html:lang(km) .curriculum-top{flex-wrap:wrap;gap:8px}html:lang(km) .brand small{line-height:1.8}}
@media(max-width:380px){header .brand img{display:none}header .brand>span{font-size:16px}header .brand small{font-size:7px}.language-switch button{padding:5px 9px}.language-switch{margin-left:auto}html:lang(km) header .brand small{max-width:105px;font-size:7px}}

/* About ZENN28: reference composition and impact strip. */
.journey-section{background:#fcfbf9;scroll-margin-top:20px}
.journey-grid{max-width:1600px;margin:auto;display:grid;grid-template-columns:25% 23% 16% 17% 19%;align-items:center;padding:28px 2% 0 0;min-height:330px}
.journey-portrait{width:100%;aspect-ratio:245 / 201;align-self:end;background-image:url('assets/about-reference.png');background-size:391.04% auto;background-repeat:no-repeat;background-position:top left}
.journey-intro{padding:0 26px 24px 12px;align-self:center}.journey-intro .eyebrow{font-size:12px;margin-bottom:8px;letter-spacing:3px}.journey-intro h2{font-size:clamp(22px,2vw,30px);line-height:1.08;letter-spacing:-.4px;color:#292e31;margin:0 0 13px}.journey-intro h2 span{display:block}.journey-intro p,.journey-pillar p{font-size:16px;line-height:1.55;color:#234e68;margin:0}
.journey-pillar{border-left:1px solid #e6d9cc;padding:0 24px;min-width:0;min-height:218px;margin-bottom:24px}.journey-pillar svg{width:52px;height:52px;display:block;color:#503523;margin:0 0 18px}.journey-pillar h3{font-size:16px;line-height:1.3;margin:0 0 14px;color:#174c6c;letter-spacing:.1px}
.impact-strip{background:linear-gradient(90deg,#051d2deb,#0b314bc2 60%,#122d4180),url('assets/impact-mountains.png') center 48% / cover;color:#fff}.impact-inner{max-width:1500px;min-height:160px;margin:auto;padding:26px 3%;display:grid;grid-template-columns:22% 25% 31% 22%;align-items:center}.impact-inner h2{font-size:23px;font-weight:500;line-height:1.15;letter-spacing:.5px;margin:0;padding-right:20px}.impact-inner h2 span{display:block}.impact-stat{display:flex;align-items:center;gap:20px;padding:0 28px;border-left:1px solid #c7e5f55c;min-width:0}.impact-stat:nth-child(2){border:0;padding-left:0}.impact-stat svg{width:42px;height:42px;flex-shrink:0;color:#c3ecff}.impact-stat strong{display:block;font-size:clamp(25px,2.2vw,32px);line-height:1.2;letter-spacing:-.5px}.impact-stat span{display:block;font-size:14px;line-height:1.45;margin-top:5px;color:#e1f0f7}.payout-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;margin-top:8px}.payout-line b{font-size:19px;line-height:1.2}.payout-line span{margin:0;font-size:13px}
html:lang(km) .journey-intro h2{font-size:25px;line-height:1.7}html:lang(km) .journey-intro p,html:lang(km) .journey-pillar p{line-height:1.9}html:lang(km) .journey-pillar h3{font-size:16px;line-height:1.8}html:lang(km) .impact-inner h2{font-size:21px;line-height:1.8}html:lang(km) .impact-stat strong{font-family:Arial,sans-serif;line-height:1.2}html:lang(km) .impact-stat span{line-height:1.8}
@media(min-width:1600px){.journey-grid{padding-top:35px}.journey-pillar{min-height:225px}.journey-intro{padding-bottom:30px}}
@media(max-width:1150px){.journey-grid{grid-template-columns:26% 26% 16% 16% 16%;padding-top:25px}.journey-intro{padding:0 18px 24px 8px}.journey-intro h2{font-size:22px}.journey-pillar{padding:0 15px;min-height:245px}.journey-pillar h3{font-size:14px}.impact-inner{grid-template-columns:19% 26% 31% 24%;padding:26px 3%}.impact-inner h2{font-size:20px}.impact-stat{padding:0 18px;gap:12px}.impact-stat svg{width:32px;height:32px}.impact-stat strong{font-size:25px}}
@media(max-width:900px){.journey-grid{grid-template-columns:repeat(6,1fr);padding:0 5% 28px;gap:26px 0}.journey-portrait{grid-column:span 3;align-self:center}.journey-intro{grid-column:span 3;padding:25px 0 5px 24px}.journey-pillar{grid-column:span 2;margin:0;padding:0 20px;min-height:210px}.journey-pillar:nth-child(3){border-left:0;padding-left:0}.journey-pillar:last-child{padding-right:0}.impact-inner{grid-template-columns:1fr 1fr;gap:24px 0;padding:30px 5%}.impact-inner h2{font-size:23px}.impact-stat:nth-child(3){border:0;padding:0}.impact-stat:nth-child(2){border-left:1px solid #c7e5f55c;padding-left:22px}.impact-stat:last-child{padding-left:22px}.impact-stat strong{font-size:28px}}
@media(max-width:560px){.journey-grid{grid-template-columns:1fr;padding:0 6% 30px;gap:25px}.journey-portrait{grid-column:auto;max-width:420px;margin:auto}.journey-intro{grid-column:auto;padding:0}.journey-intro h2{font-size:28px}.journey-intro p{font-size:16px}.journey-pillar,.journey-pillar:nth-child(3),.journey-pillar:last-child{grid-column:auto;display:grid;grid-template-columns:50px 1fr;column-gap:18px;min-height:0;padding:22px 0 0;border:0;border-top:1px solid #e6d9cc}.journey-pillar svg{grid-row:span 2;width:44px;height:44px;margin:0}.journey-pillar h3{font-size:16px;margin:0 0 8px}.impact-inner{grid-template-columns:1fr;padding:30px 6%;gap:22px}.impact-inner h2{font-size:23px}.impact-inner h2 span{display:inline}.impact-inner h2 span+span:before{content:' '}.impact-stat,.impact-stat:nth-child(2),.impact-stat:nth-child(3),.impact-stat:last-child{border:0;border-top:1px solid #c7e5f54d;padding:20px 0 0;gap:20px}.impact-stat svg{width:38px;height:38px}.impact-stat strong{font-size:31px}.impact-stat span{font-size:14px}.payout-line{gap:8px}.payout-line b{font-size:22px}}

/* HD About portrait: full-resolution asset and a larger responsive frame. */
.journey-portrait{background:none;aspect-ratio:auto;align-self:end;overflow:hidden}
.journey-portrait img{display:block;width:100%;height:auto;object-fit:contain}
@media(min-width:901px){.journey-grid{grid-template-columns:28% 23% 16% 16% 17%;min-height:360px}.journey-intro{padding-left:14px;padding-right:22px}.journey-pillar{padding-left:20px;padding-right:20px}}
@media(min-width:901px) and (max-width:1150px){.journey-grid{grid-template-columns:28% 24% 16% 16% 16%}.journey-pillar{padding-left:12px;padding-right:12px}}
@media(max-width:560px){.journey-portrait{max-width:460px}}

/* Appearance control matches the language selector. */
html{color-scheme:light}.header-settings{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-settings .language-switch{margin:0}.theme-switch{display:flex;flex-shrink:0;gap:2px;padding:3px;border:1px solid #bce8fc8c;border-radius:100px;background:#0c263bd9}.theme-switch button{display:flex;align-items:center;gap:5px;min-height:38px;padding:5px 11px;border:0;border-radius:100px;background:transparent;color:#fff;font:600 13px/1.8 Arial,sans-serif;white-space:nowrap}.theme-switch button[aria-pressed=true]{background:#bce8fc;color:#103c55}.theme-switch button:hover{background:#ffffff22}.theme-switch button[aria-pressed=true]:hover{background:#d9f3ff}html:lang(km) .theme-switch button{font-family:'Noto Sans Khmer',sans-serif;font-size:14px}.header-cta{display:none}
html[data-theme=dark]{color-scheme:dark;--ink:#e1eef7;--brown:#e3c2a6;--muted:#b0c4d2;--line:#314653}
html[data-theme=dark] body{background:#0b1520;color:#e1eef7}
html[data-theme=dark] .journey-section{background:#111e29}
html[data-theme=dark] .journey-intro h2{color:#f0f6fa}
html[data-theme=dark] .journey-intro p,html[data-theme=dark] .journey-pillar p{color:#bdcfdc}
html[data-theme=dark] .journey-pillar h3,html[data-theme=dark] .eyebrow{color:#a6d9f4}
html[data-theme=dark] .journey-pillar{border-color:#3a4852}
html[data-theme=dark] .journey-pillar svg{color:#dcbb9b}
html[data-theme=dark] .journey-portrait{border-radius:8px 8px 0 0}
html[data-theme=dark] .learning{background:#0b1520}
html[data-theme=dark] .learn-grid article{background:linear-gradient(155deg,#172938,#101d29);border-color:#355266;box-shadow:none}
html[data-theme=dark] .learn-grid h3{color:#e1eef7}
html[data-theme=dark] .learn-grid p,html[data-theme=dark] .detail-body,html[data-theme=dark] .curriculum details p{color:#b9cedc}
html[data-theme=dark] .topic-icon,html[data-theme=dark] .curriculum-top{color:#a6c8de;border-color:#314653}
html[data-theme=dark] .learn-grid details{border-color:#314653}
html[data-theme=dark] .learn-grid summary,html[data-theme=dark] .curriculum summary:hover{color:#a6d9f4}
html[data-theme=dark] .course-section{background:#111a24;border-color:#31404e}
html[data-theme=dark] .curriculum{background:#172634;border-color:#355266}
html[data-theme=dark] .module-no,html[data-theme=dark] .plus{color:#a1cce4}
html[data-theme=dark] .approach{background:linear-gradient(115deg,#071823,#103348 65%,#091f2c)}
html[data-theme=dark] .community{background:linear-gradient(110deg,#081b27,#123449 55%,#071b26)}
html[data-theme=dark] footer{background:linear-gradient(100deg,#14110f,#2a211c)}
html[data-theme=dark] .skip{background:#172634;color:#e1eef7}
@media(max-width:1250px){header .menu{display:block}header{gap:12px}header nav{display:none;position:absolute;top:82px;left:0;right:0;padding:20px 6%;background:#112e3cf5;flex-direction:column;align-items:stretch;gap:8px}header nav.open{display:flex}.header-settings{margin-left:auto}}
@media(max-width:760px){header{height:130px;display:grid;grid-template-columns:1fr auto;grid-template-rows:62px 58px;gap:0 12px;padding:0 5%;background:#102733ed}header .brand{grid-column:1;grid-row:1}header .menu{grid-column:2;grid-row:1}.header-settings{grid-column:1 / -1;grid-row:2;justify-content:center;gap:10px;margin:0}.header-settings .language-switch button,.theme-switch button{font-size:13px;padding:5px 10px;min-height:38px}header nav{top:130px}.hero-photo,.hero-shade{top:130px}.hero-content{padding-top:479px}}
@media(max-width:380px){.header-settings{gap:6px}.header-settings .language-switch button,.theme-switch button{padding:5px 8px}.theme-switch button{gap:3px}}

/* Original layout, slightly lower desktop/tablet portrait framing. */
@media (min-width:761px) {
  .hero-photo {object-position:60% 30%;}
}
/* Keep the original portrait on touch tablets, without fractional parallax resampling. */
@media(hover:none) and (pointer:coarse){
 .hero-photo{translate:none!important;transform:none!important;filter:none!important;will-change:auto;image-rendering:auto}
}
@media(min-width:761px) and (max-width:1366px){
 .hero-stage,html:lang(km) .hero-stage{height:auto;min-height:0}
 .hero-photo{height:100%;object-fit:cover;object-position:60% center}
 .hero-content{padding-top:100px;padding-bottom:45px}
 html:lang(km) .hero-content{padding-top:100px;padding-bottom:45px}
}
/* Longer origin story: comfortable reading columns on desktop and mobile. */
.journey-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px;padding:44px 5%;align-items:start}
.journey-portrait{grid-column:span 2;align-self:start}
.journey-intro{grid-column:span 4;padding:0;max-width:850px}
.journey-intro p{font-size:16px;line-height:1.85;margin:18px 0}
.journey-pillar{grid-column:span 2;margin:0;padding:22px 0;border-top:1px solid var(--line)}
.journey-pillar p{font-size:15px;line-height:1.8}
.pillar-grid article p{font-size:16px;line-height:1.85}
@media(max-width:760px){.journey-grid{grid-template-columns:1fr;padding:30px 6%;gap:24px}.journey-portrait,.journey-intro,.journey-pillar{grid-column:1}.journey-portrait{max-width:460px;width:100%;margin:auto}.journey-intro{padding:0}.journey-intro p,.pillar-grid article p{font-size:16px}}
/* Mobile keeps more of the original frame, without scaling a narrow crop. */
@media(max-width:760px){.hero-photo{height:auto;aspect-ratio:1672/941;object-fit:contain}.hero-shade{height:calc(100vw * 941 / 1672)}.hero-content,html:lang(km) .hero-content{padding-top:calc(130px + 100vw * 941 / 1672 + 24px)}}