@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f3ea;--ink:#20352b;--orange:#c34f2c;--line:#d7d8cb;--muted:#667166}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #b25427;outline-offset:5px}.wrap{width:min(1280px,88%);margin:auto}.header{width:min(1390px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:800;line-height:1;letter-spacing:-1px}.brand svg{width:42px;height:42px}.brand-small{display:block;font-size:9px;font-weight:600;letter-spacing:2.1px;margin-top:7px}.header nav{display:flex;gap:32px;font-size:13px}.header nav a:hover,.footer-links a:hover{text-decoration:underline}.nav-cta{font-size:13px;font-weight:600;border:1px solid var(--ink);border-radius:30px;padding:10px 20px}.nav-cta span{margin-left:20px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding-top:76px;padding-bottom:72px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:9px}.dot{height:7px;width:7px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1{font-size:clamp(54px,6.9vw,100px);line-height:1.06;font-weight:500;letter-spacing:-6px;margin:28px 0}em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}h1 em{font-size:1.07em} .hero-copy>p{font-size:19px;line-height:1.5;max-width:420px}.hero-copy>.hero-detail{font-size:14px;line-height:1.8;max-width:440px;color:var(--muted);margin-top:18px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;padding:15px 24px;border-radius:4px;font-size:13px;font-weight:600;border:0;cursor:pointer}.button span{font-size:20px}.button.dark{background:var(--ink);color:white}.button.light{background:var(--paper);color:var(--ink)}.hero .button{margin-top:30px}.button:hover{filter:brightness(1.15)}.hero-art{position:relative}.hero-art>svg{width:100%;height:auto;display:block}.art-note{position:absolute;bottom:10%;left:0;display:flex;gap:14px;align-items:center;background:var(--paper);box-shadow:0 8px 25px #20352b14;border:1px solid #dddcca;padding:15px 24px;transform:rotate(-7deg);font-size:12px;line-height:1.5}.mini-spark{font-size:36px;color:var(--orange)}.principles-strip{display:flex;justify-content:space-evenly;align-items:center;gap:20px;padding:21px 5%;background:#e8ecbd;color:#3d4933;font-size:11px;text-transform:uppercase;letter-spacing:1.6px;font-weight:600}.principles-strip span:nth-child(even){font-size:24px}.section{padding-top:110px;padding-bottom:110px}h2{font-size:clamp(30px,3.3vw,47px);line-height:1.23;letter-spacing:-1.9px;font-weight:500}.muted{color:#87907e}.mission{display:grid;grid-template-columns:1fr 3fr;gap:30px}.mission>.eyebrow{align-self:start;margin-top:10px}.mission-body{display:grid;grid-template-columns:1fr 1fr;gap:45px;color:var(--muted);font-size:15px;line-height:1.8;margin-top:34px}.mission-end{margin-top:30px;font-size:14px;border-top:1px solid var(--line);padding-top:24px}.learning{background:#eaece3}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.section-top .eyebrow,.approach .eyebrow{margin-bottom:25px}.section-top>p{font-size:14px;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lesson{background:var(--paper);padding:28px;border:1px solid #d5d9cd;display:flex;flex-direction:column}.lesson-meta{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1px}.lesson-icon{font-size:75px;line-height:1.2;margin:30px 0;color:var(--orange);height:90px}.lesson:nth-child(2) .lesson-icon{color:#5c7047}.lesson:nth-child(3) .lesson-icon{color:#a17b3d}.lesson h3{font-size:22px;line-height:1.4;font-weight:600;letter-spacing:-.7px}.lesson p{font-size:14px;color:var(--muted);margin:14px 0 30px;line-height:1.8}.lesson button{border:0;border-top:1px solid var(--line);padding:18px 0 0;background:none;color:var(--ink);display:flex;justify-content:space-between;cursor:pointer;font-size:12px;margin-top:auto;text-align:left}.lesson button:hover{color:var(--orange)}.lesson button span{font-size:20px}.learning-note{font-size:11px;color:var(--muted);margin-top:23px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:90px}.approach>div>p{max-width:420px;font-size:15px;color:var(--muted);margin-top:24px}.approach-art{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:25px;max-width:400px;border:1px solid var(--line);margin-top:35px;padding:25px;background:#eee9dd;font-size:10px;letter-spacing:2px}.big-asterisk{font-size:85px;line-height:1;color:#7a864e}.approach-art>div{flex-basis:100%;text-align:center;letter-spacing:0;font-family:Georgia,serif;font-style:italic;font-size:18px}.approach-list article{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:26px 0}.approach-list article:first-child{padding-top:0}.approach-list article>span{font:11px monospace;color:var(--orange);padding-top:6px}.approach-list h3{font-size:18px;font-weight:600}.approach-list p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:10px}.together{background:var(--ink);color:var(--paper);padding:80px 0;overflow:hidden;position:relative}.together .wrap{position:relative}.together h2{font-size:clamp(38px,4.6vw,65px);max-width:850px;margin:25px 0}.together em{color:#dce68f}.together p{max-width:530px;color:#c4cec4;font-size:15px}.join-row{margin-top:35px;display:flex;gap:30px;align-items:center}.join-row>span{font-size:11px;color:#c4cec4}.giant-star{position:absolute;font-size:300px;line-height:1;right:-75px;top:75px;color:#a7b16a30;pointer-events:none}footer{padding-top:55px;padding-bottom:25px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr .6fr;gap:40px}.footer-brand{font-size:32px;letter-spacing:-1.7px;font-weight:700;line-height:1}.footer-brand span{display:block;font-size:8px;letter-spacing:3px;margin-top:9px}.footer-top p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:16px}.company strong{font-size:12px}.company p{margin-top:8px}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:45px;font-size:10px;color:var(--muted)}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;width:min(680px,92vw);max-height:88vh;padding:45px;box-shadow:0 25px 100px #0004}dialog::backdrop{background:#11241cc9}dialog h2{font-size:32px;margin:20px 0}dialog h3{font-size:18px;margin:24px 0 10px}dialog p,dialog li{font-size:15px;color:#4b5c50}dialog p+p{margin-top:15px}dialog ul{padding-left:22px}dialog .example{border-left:3px solid var(--orange);padding:18px;background:#eee8da;margin:20px 0}dialog .button{margin-top:25px}.close-dialog{position:absolute;right:18px;top:10px;font-size:30px;border:0;background:none;color:var(--ink);cursor:pointer}.skip{position:fixed;top:-100px;left:10px;background:var(--ink);color:#fff;padding:10px;z-index:10}.skip:focus{top:10px}.privacy{max-width:800px;padding:65px 0}.privacy h1{font-size:48px;letter-spacing:-2px}.privacy h2{font-size:24px;margin:30px 0 12px;letter-spacing:-.6px}.privacy p{margin:14px 0}.privacy a{text-decoration:underline}@media(max-width:900px){.header nav{gap:16px}h1{letter-spacing:-4px}.hero{gap:10px;padding-top:55px;padding-bottom:55px}.hero-copy>p{font-size:16px}.art-note{font-size:10px;padding:10px}.mission{grid-template-columns:1fr;gap:25px}.approach{gap:40px}.lesson{padding:22px}.lesson-meta{flex-direction:column;gap:5px}.lesson h3{font-size:20px}.section{padding-top:75px;padding-bottom:75px}.join-row{flex-wrap:wrap}}@media(max-width:620px){.header{width:88%;padding:20px 0}.header nav{display:none}.nav-cta{padding:8px 13px;font-size:11px}.nav-cta span{margin-left:10px}.brand{font-size:25px}.brand svg{width:34px}.brand-small{font-size:7px}.hero{grid-template-columns:1fr;gap:35px;padding-top:40px}.hero h1{font-size:65px;letter-spacing:-4px}.hero-copy>p{max-width:100%}.hero-art{max-width:440px;justify-self:center}.principles-strip{font-size:8px;letter-spacing:.5px;gap:10px;padding:16px 5%;text-align:center}.principles-strip span:nth-child(even){font-size:18px}.principles-strip span:last-child{display:none}.mission-body,.lesson-grid,.approach{grid-template-columns:1fr;gap:25px}.section-top{display:block}.section-top>p{margin-top:20px}.lesson-meta{flex-direction:row}.lesson-icon{margin:18px 0;height:70px;font-size:65px}.lesson p{margin-bottom:20px}.lesson h3{font-size:24px}.approach-list{margin-top:15px}.approach-art{max-width:100%}.together{padding:60px 0}.together h2{font-size:40px;letter-spacing:-1.6px}.giant-star{right:-120px;top:140px;font-size:260px}.join-row{position:relative;z-index:1;gap:18px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-links{grid-column:1/-1;flex-direction:row;gap:28px}.footer-bottom{flex-wrap:wrap;gap:10px}.footer-bottom span:nth-child(2){display:none}dialog{padding:30px 24px}dialog h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Shared language navigation and typography for translated pages. */
.language-picker{display:flex;align-items:center;gap:8px;min-width:0}.language-label{font-size:10px;color:var(--muted);white-space:nowrap}.language-picker select{font:12px 'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);border:1px solid #a6afa1;border-radius:22px;padding:10px 28px 10px 12px;max-width:180px;cursor:pointer}.language-picker select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.language-picker noscript{font-size:12px}.privacy>.language-picker{float:right}.header{gap:18px}.header nav{gap:22px}.header .nav-cta{white-space:nowrap}.lesson-meta{flex-wrap:wrap}.hero-art svg>text{font-size:10px;letter-spacing:1.7px}.hero-art svg g[transform] text{font-size:11px}html:not([lang="en"]) h1{font-size:clamp(52px,6vw,86px);letter-spacing:-4px}html[lang="ja"] h1,html[lang="zh-Hans-MY"] h1{font-family:'Manrope','Hiragino Kaku Gothic ProN','Yu Gothic','Microsoft YaHei',sans-serif;font-size:clamp(42px,4.6vw,66px);letter-spacing:-1px;line-height:1.4;overflow-wrap:anywhere}html[lang="ja"] h1 em,html[lang="zh-Hans-MY"] h1 em{font-family:inherit;font-size:1em;font-style:normal}html[lang="ja"] h2,html[lang="zh-Hans-MY"] h2{letter-spacing:-.6px;line-height:1.45}html[lang="ja"] .lesson-meta,html[lang="zh-Hans-MY"] .lesson-meta{font-size:10px}html[lang="ja"] em,html[lang="zh-Hans-MY"] em{font-family:inherit;font-style:normal}html:not([lang="en"]) .eyebrow{letter-spacing:1px}html:not([lang="en"]) .principles-strip{font-size:10px;letter-spacing:.7px}html:not([lang="en"]) .lesson h3{overflow-wrap:anywhere}.privacy .language-picker select{max-width:190px}@media(max-width:1100px){.header nav{display:none}.header{gap:20px}.header .nav-cta{margin-left:auto}}@media(max-width:620px){.header{flex-wrap:wrap;gap:15px}.header .nav-cta{font-size:10px}.header .language-picker{width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:12px}.language-picker select{font-size:12px;max-width:220px}.language-label{font-size:11px}html:not([lang="en"]) h1{font-size:58px;letter-spacing:-3px}html[lang="ja"] h1,html[lang="zh-Hans-MY"] h1{font-size:44px;letter-spacing:0}html:not([lang="en"]) .principles-strip{font-size:8px;letter-spacing:0}.privacy>.language-picker{float:none;justify-content:flex-start;margin:20px 0}.lesson-meta{font-size:9px}.art-note{max-width:65%}.together h2{overflow-wrap:anywhere}}