:root{--ink:#24483d;--text:#36463f;--muted:#718078;--cream:#f8f7f1;--line:#dce1d7;--gold:#b1834a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--cream);color:var(--text);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.95;font-size:17px}a{color:var(--ink);text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:#a56e31}a:focus-visible{outline:3px solid #bd8f53;outline-offset:5px}header{height:92px;padding:0 5.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#f8f7f1f5;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:700;text-decoration:none;letter-spacing:.04em}.brand>span{line-height:1.5}.brand small{display:block;font-size:10px;letter-spacing:.2em;font-weight:400;color:var(--muted)}header nav{display:flex;gap:30px;align-items:center;font-size:13px}header nav a{text-decoration:none}.nav-cta{border:1px solid var(--ink);padding:8px 20px;border-radius:4px}.hero{max-width:1300px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;min-height:665px;padding:80px 5%}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:600;color:var(--gold);margin-bottom:25px}h1,h2,h3,h4,p{margin-top:0}h1,h2{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;color:var(--ink);font-weight:600}h1{font-size:clamp(40px,4.3vw,62px);line-height:1.5;letter-spacing:.02em;margin-bottom:20px}.accent{position:relative;white-space:nowrap}.accent:after{content:"";position:absolute;bottom:3px;height:8px;left:0;right:0;background:#c9d4b6;z-index:-1}.hero-sub{font-size:21px;line-height:1.8}.byline{font-size:12px;color:var(--muted);margin-bottom:30px}.byline span{margin:0 8px;color:#b8bfb2}.button{display:inline-flex;justify-content:center;align-items:center;gap:40px;background:var(--ink);color:white;padding:14px 27px;text-decoration:none;font-size:15px;border-radius:4px;transition:background .2s,transform .2s}.button:hover{background:#386450;color:white;transform:translateY(-2px)}.art{position:relative;height:440px;overflow:hidden;background:#e9ede3;border-radius:48% 48% 3px 3px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#657f6d0b 1px,transparent 1px),linear-gradient(90deg,#657f6d0b 1px,transparent 1px);background-size:30px 30px}.orbit{position:absolute;width:275px;height:275px;left:50%;top:45%;border:1px solid #7d947e66;border-radius:50%;transform:translate(-50%,-50%)}.o2{width:360px;height:190px;transform:translate(-50%,-50%) rotate(48deg)}.o3{width:360px;height:190px;transform:translate(-50%,-50%) rotate(-48deg)}.core{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:160px;height:160px;border:1px solid #ffffffaa;background:#f8f7f1f2;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Songti TC",serif;font-size:22px;box-shadow:0 10px 60px #24483d0c}.core em{font-style:normal;font-size:24px}.art-label{position:absolute;background:var(--cream);padding:7px 15px;font-size:12px;border:1px solid #d3d9cc;letter-spacing:.12em}.l1{top:62px;left:29px}.l2{right:23px;top:192px}.l3{left:42px;bottom:86px}.art-note{position:absolute;bottom:25px;width:100%;text-align:center;font-size:9px;letter-spacing:.25em;color:#7a8c7b}.dot{position:absolute;background:#ae8653;width:9px;height:9px;border-radius:50%}.d1{top:64px;left:58%}.d2{bottom:115px;right:27%;width:6px;height:6px}.metrics{max-width:1180px;margin:0 auto 90px;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.metrics div{padding:0 26px;border-right:1px solid var(--line)}.metrics div:last-child{border:0}.metrics strong{display:block;font-family:Georgia,serif;font-size:29px;font-weight:400;color:var(--ink)}.metrics small{font-family:inherit;font-size:15px}.metrics span{font-size:12px;color:var(--muted)}.reading{max-width:760px;margin:0 auto;padding:35px 20px 70px}.reading p{margin-bottom:23px}.intro{padding-bottom:90px}.section-no{font-size:11px;color:var(--gold);letter-spacing:.17em;margin-bottom:20px}h2{font-size:34px;line-height:1.6;margin-bottom:30px}blockquote{margin:30px 0;padding:22px 0 22px 28px;border-left:2px solid #b3bd9e;font-family:"Songti TC","PMingLiU",serif;font-size:23px;color:var(--ink);line-height:1.9}.resource-section{background:#eef0e7;padding:65px 0 10px}.resource-section .reading{padding-bottom:15px}.resource-grid{max-width:1100px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:15px auto 45px;padding:0 25px}.resource{text-decoration:none;border-top:1px solid #aab9a7;background:#f8f7f1;padding:27px;display:flex;flex-direction:column;align-items:flex-start;min-height:240px;transition:transform .2s}.resource:hover{transform:translateY(-4px)}.resource small{color:var(--muted);font-size:10px;letter-spacing:.14em}.resource h3{font-family:"Songti TC",serif;font-size:21px;line-height:1.7;margin:25px 0}.resource>span{margin-top:auto;font-size:11px}#topics{padding-top:100px}.curriculum{max-width:1160px;margin:0 auto 70px;display:grid;grid-template-columns:300px 1fr;gap:80px;padding:0 30px}.curriculum aside{position:sticky;top:130px;height:fit-content}.curriculum aside h2{font-size:28px}.curriculum aside nav{display:flex;flex-direction:column;gap:3px}.curriculum aside a{font-size:13px;text-decoration:none;padding:7px 0}.curriculum aside a.active{color:#a56e31}.curriculum aside a span{font-family:Georgia,serif;font-size:11px;color:var(--gold);margin-right:12px}.aside-note{font-size:12px;color:var(--muted);margin-top:30px}.topic{display:grid;grid-template-columns:40px 1fr;gap:18px;border-top:1px solid var(--line);padding:38px 0 27px}.topic-num{font-family:Georgia,serif;color:var(--gold);font-size:24px}.topic h3{font-size:24px;color:var(--ink);font-weight:500;margin-bottom:5px}.topic h4{font-size:15px;font-weight:400;color:var(--gold);margin-bottom:23px}.topic p{font-size:16px;margin-bottom:20px}.closing{border-top:1px solid var(--line);padding-top:65px}.cta{background:var(--ink);color:#e2e8dc;max-width:1160px;margin:0 auto 100px;padding:65px 30px;text-align:center;position:relative;overflow:hidden}.cta .eyebrow{color:#d8c49d;margin-bottom:18px}.cta h2{color:var(--cream);font-size:42px;margin-bottom:5px}.cta-sub{font-size:20px;letter-spacing:.04em}.cta>p:not(.cta-sub){font-size:14px;color:#bdcdbf}.button.light{color:var(--ink);background:#eee5d1;gap:45px;margin-top:15px}.button.light:hover{background:white}.about{max-width:1100px;margin:0 auto 90px;display:grid;grid-template-columns:270px 1fr;gap:70px;padding:0 25px}.about-heading h2{font-size:42px;margin-bottom:10px}.about-heading p{font-size:13px;color:var(--muted)}.monogram{display:block;width:170px;height:200px;border-radius:50% 50% 4px 4px;background:#e7eade;font-family:"Songti TC",serif;font-size:32px;letter-spacing:.25em;line-height:1.7;color:#74856a;text-align:center;padding-top:43px;margin-top:40px}.bio{font-size:15px}.bio h3{font-size:21px;color:var(--ink);margin-top:42px;margin-bottom:19px;font-weight:500}.bio ul{padding-left:20px;margin-bottom:25px}.bio li{padding-left:5px;margin-bottom:12px}.notice{background:#eeeee5;padding:20px;font-size:13px;border-left:2px solid #a1ac90}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}footer .brand{font-size:16px}footer p{margin:0}footer>a:last-child{text-decoration:none}.skip{position:fixed;left:10px;top:-90px;z-index:30;padding:10px;background:white}.skip:focus{top:10px}::selection{background:#d7dfc8}@media(max-width:900px){header nav{gap:17px}.hero{gap:20px}.art{height:370px}.metrics{margin:0 30px 60px}.metrics div{padding:0 15px}.metrics strong{font-size:24px}.curriculum{gap:30px;grid-template-columns:230px 1fr}.about{gap:35px;grid-template-columns:220px 1fr}.cta{margin-left:25px;margin-right:25px}}@media(max-width:650px){body{font-size:16px}header{height:76px;padding:0 20px}.brand{font-size:17px}.brand small{font-size:8px}header nav>a:not(.nav-cta){display:none}.nav-cta{padding:6px 12px;font-size:12px}.hero{grid-template-columns:1fr;padding:45px 25px 35px;gap:35px}.hero h1{font-size:40px;line-height:1.5}.hero-sub{font-size:19px}.byline{font-size:10px}.eyebrow{font-size:10px;margin-bottom:18px}.art{height:330px;max-width:400px;width:100%;margin:auto}.orbit{width:225px;height:225px}.o2,.o3{width:290px;height:160px}.l1{top:44px}.l2{top:145px}.l3{bottom:67px}.core{width:130px;height:130px;font-size:19px}.core em{font-size:20px}.art-note{bottom:17px}.metrics{grid-template-columns:1.5fr 1fr;padding:10px 0;margin:0 25px 45px}.metrics div{padding:14px 12px}.metrics div:nth-child(2){border:0}.metrics div:nth-child(-n+2){border-bottom:1px solid var(--line)}.metrics strong{font-size:25px}.metrics span{font-size:10px}.reading{padding:25px 25px 45px}h2{font-size:27px}.reading h2 br{display:none}blockquote{font-size:20px;padding-left:20px}.resource-section{padding-top:40px}.resource-grid{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.resource{min-height:170px;padding:22px}.resource h3{margin:14px 0;font-size:20px}.curriculum{grid-template-columns:1fr;padding:0 25px;gap:20px}.curriculum aside{position:static}.curriculum aside h2,.aside-note{display:none}.curriculum aside nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:15px;gap:6px}.curriculum aside a{font-size:12px}.curriculum aside a span{margin-right:5px}.topic{grid-template-columns:28px 1fr;gap:12px;padding-top:28px}.topic h3{font-size:21px}.topic h4{font-size:14px}.topic p{font-size:15px}.cta{padding:45px 22px;margin-bottom:65px}.cta h2{font-size:32px}.cta-sub{font-size:17px}.about{grid-template-columns:1fr;gap:20px;margin-bottom:45px}.monogram{display:none}.about-heading h2{font-size:36px}.bio h3{margin-top:30px}footer{flex-direction:column;align-items:flex-start;padding:30px 25px;gap:12px}#topics{padding-top:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(min-width:651px){.l1{top:85px;left:65px}}
.metrics{grid-template-columns:1.45fr repeat(4,1fr);gap:10px;border:0;padding:10px;background:transparent}.metrics div{border:0;border-radius:10px;padding:25px 22px;min-height:132px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 28px #24483d12}.metrics .metric-growth{background:#24483d}.metrics .metric-video{background:#b58143}.metrics .metric-views{background:#657d57}.metrics .metric-clips{background:#dce4cc}.metrics .metric-cost{background:#e9dfca}.metrics .metric-growth strong,.metrics .metric-growth span,.metrics .metric-video strong,.metrics .metric-video span,.metrics .metric-views strong,.metrics .metric-views span{color:#fff}.metrics .metric-clips strong,.metrics .metric-cost strong{color:#24483d}.metrics .metric-clips span,.metrics .metric-cost span{color:#59685f}.course-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 32px}.course-links a{display:flex;min-height:175px;flex-direction:column;padding:25px;border-radius:8px;text-decoration:none;background:#e6ecd9;border:1px solid #ccd7bc;transition:transform .2s,box-shadow .2s}.course-links a:nth-child(2){background:#efe4cf;border-color:#dfccad}.course-links a:hover{transform:translateY(-3px);box-shadow:0 12px 30px #24483d14}.course-links small{font-size:10px;letter-spacing:.16em;color:#8b6c3e}.course-links strong{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-size:19px;line-height:1.6;color:#24483d}.course-links span{font-size:11px;margin-top:auto;color:#657568}
@media(max-width:900px) and (min-width:651px){.metrics{grid-template-columns:repeat(3,1fr)}.metrics .metric-growth{grid-column:span 2}}
@media(max-width:650px){.metrics{grid-template-columns:1fr 1fr;padding:0;gap:8px}.metrics div{min-height:120px;padding:18px 14px}.metrics .metric-growth{grid-column:1/-1}.metrics div:nth-child(-n+2){border-bottom:0}.metrics strong{font-size:24px}.metrics span{font-size:10px}.course-links{grid-template-columns:1fr}.course-links a{min-height:145px}}
.hero-payoff{display:inline-block;margin-top:8px;color:#a56e31;font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:.48em;font-weight:700;letter-spacing:.04em}.hero-sub{max-width:610px;font-size:18px;line-height:1.9}.l4{right:36px;bottom:73px;background:#24483d;color:#fff;border-color:#24483d}.metric-growth span a{color:#fff;text-decoration-color:#ffffff88}.metric-growth span a:hover{color:#f1debc}
@media(max-width:650px){.hero-payoff{font-size:.52em;line-height:1.55}.hero-sub{font-size:16px}.l4{right:18px;bottom:40px;max-width:140px;line-height:1.5}.art-note{display:none}}