@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--forest:#0c1a14;--moss:#1f3d2e;--ivory:#f4f1ea;--mist:#a8b5a0;--moon:#f7faf6;--line:#a8b5a040;--serif:"Noto Serif SC", "Songti SC", "STSong", serif;--roman:"Cormorant Garamond", "Baskerville", "Times New Roman", serif;--sans:"Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--gutter:clamp(26px, 6.3vw, 112px);font-family:var(--sans);font-synthesis:none;background:var(--forest);color:var(--ivory);font-weight:400}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:108px}body{min-width:320px;margin:0}button,input,a,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{color:inherit;font:inherit}button,a,summary{outline-offset:7px}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover,button:hover{color:var(--moon)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:1px solid var(--moon)}::selection{background:var(--mist);color:var(--forest)}[hidden]{display:none!important}img{max-width:100%;display:block}svg{flex-shrink:0;width:22px;height:22px}svg path{stroke:currentColor;stroke-width:1.1px}h1,h2,h3,p,figure,dl,dd{margin:0}ul,ol{margin:0;padding:0}h2{font:400 clamp(32px, 3.45vw, 54px)/1.6 var(--serif);letter-spacing:.055em}.muted{color:var(--mist);font-size:14px;line-height:2.1}.eyebrow{letter-spacing:.23em;font-size:10px;font-weight:500;line-height:1.8}.skip-link{z-index:100;background:var(--ivory);color:var(--forest);padding:15px 24px;position:fixed;top:-80px;left:20px}.skip-link:focus{color:var(--forest);top:14px}.text-button{background:0 0;border:0;align-items:center;gap:20px;padding:8px 0;font-size:12px;display:inline-flex}.text-link{letter-spacing:.06em;align-items:center;gap:30px;font-size:13px;display:inline-flex}.text-link:hover,.footer-links a:hover{text-underline-offset:6px;text-decoration:underline}.text-link svg{width:16px}.underlined{border-bottom:1px solid var(--line);padding-bottom:12px}.button{letter-spacing:.07em;border:1px solid var(--ivory);justify-content:space-between;align-items:center;gap:44px;min-height:52px;padding:14px 24px;font-size:12px;display:inline-flex}.button svg{width:16px;height:16px}.button-primary{background:var(--ivory);color:var(--forest)}.button-primary:hover{background:var(--mist);border-color:var(--mist);color:var(--forest)}.site-header{z-index:10;width:100%;height:108px;padding:0 var(--gutter);background:#0c1a14f0;border-bottom:1px solid #a8b5a029;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.brand{letter-spacing:.14em;font:500 19px var(--roman);align-items:center;gap:12px;display:flex}.brand-symbol{border:1px solid var(--line);border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.brand-symbol svg{width:20px;height:20px}.brand small{font:8px var(--sans);letter-spacing:.21em;color:var(--mist);margin-top:6px;display:block}.main-nav{align-items:center;gap:clamp(20px,3vw,50px);display:flex}.main-nav a{padding-block:12px;font-size:13px}.main-nav a span{font-family:var(--roman);color:var(--mist);margin-right:7px;font-size:12px}.main-nav a:hover,.main-nav a[aria-current]{text-underline-offset:9px;text-decoration:underline}.header-contact{letter-spacing:.12em;align-items:center;gap:18px;font-size:9px;display:flex}.header-contact svg{width:15px}.menu-toggle{display:none}.mobile-nav{z-index:12;padding:20px var(--gutter) 30px;background:var(--forest);border-bottom:1px solid var(--line);position:fixed;top:82px;left:0;right:0}.mobile-nav a{padding:14px 0;font-size:14px;display:block}.hero{isolation:isolate;align-items:center;height:max(740px,100svh);min-height:min(900px,100svh);max-height:1100px;display:flex;position:relative;overflow:hidden}.hero-backdrop,.hero-landscape,.hero-video,.hero-shade{width:100%;height:100%;position:absolute;inset:0}.hero-backdrop{z-index:-2;background:var(--moss)}.hero-landscape,.hero-video{object-fit:cover;object-position:62% center}.hero-video{opacity:0;pointer-events:none;transition:opacity 1.1s ease-in-out}.hero-video.is-ready{opacity:1}.hero-background-toggle{z-index:1;top:130px;right:var(--gutter);border:1px solid var(--line);min-height:44px;color:var(--ivory);letter-spacing:.1em;background:#0c1a148c;border-radius:2px;padding:10px 15px;font-size:10px;position:absolute}.hero-background-toggle:hover{border-color:var(--mist);background:#0c1a14cc}.hero-shade{background:linear-gradient(90deg, #0c1a14ba 0%, #0c1a144d 40%, #0c1a140a 72%), linear-gradient(0deg, var(--forest), transparent 24%, transparent 80%, #0c1a148c)}.hero-content{margin-left:var(--gutter);width:65%;padding-top:110px;padding-bottom:90px;position:relative}.hero .eyebrow{color:#d0d9cd;letter-spacing:.24em;align-items:center;gap:14px;font-size:9px;display:flex}.tiny-star{color:var(--moon);font-size:13px}.hero-name{align-items:baseline;gap:30px;margin:22px 0 12px;display:flex}.hero h1{font:400 clamp(88px, 9.8vw, 148px)/1.3 var(--serif);letter-spacing:.09em}.hero-name>span{font:italic 35px var(--roman);color:#d0dacb}.hero-role{font:400 27px var(--serif);letter-spacing:.06em;align-items:center;gap:20px;display:flex}.hero-role>span{font:11px var(--sans);color:var(--mist);letter-spacing:.15em}.hero-copy{align-items:stretch;gap:22px;max-width:520px;margin-top:28px;display:flex}.vertical-rule{background:var(--line);flex-shrink:0;width:1px}.hero-copy p{letter-spacing:.03em;color:#d1dace;text-wrap:pretty;font-size:14px;line-height:2}.hero-copy p+p{margin-top:10px}.hero-actions{align-items:center;gap:35px;margin-top:38px;display:flex}.hero-side-note{writing-mode:vertical-rl;letter-spacing:.16em;color:#c2cec0;align-items:center;gap:20px;font-size:8px;display:flex;position:absolute;top:37%;right:34px}.side-line{background:var(--line);width:1px;height:80px}.hero-bottom{bottom:34px;left:var(--gutter);right:var(--gutter);color:var(--mist);letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute}.hero-bottom p{align-items:center;gap:10px;font-size:10px;display:flex}.status-dot{background:var(--moon);border-radius:50%;width:4px;height:4px;display:inline-block}.scroll-cue{letter-spacing:.18em;align-items:center;gap:10px;font-size:8px;display:flex}.scroll-icon{border:1px solid var(--mist);border-radius:8px;width:14px;height:22px;position:relative}.scroll-icon:before{content:"";background:var(--mist);width:2px;height:5px;position:absolute;top:5px;left:5px}.hero-edition{font-size:8px}.hero-edition span{padding-inline:10px}.section{padding:70px var(--gutter) 110px}.chapter{letter-spacing:.17em;color:var(--mist);align-items:center;gap:15px;font-size:9px;display:flex}.chapter>span:first-child{color:var(--ivory);font:italic 17px var(--roman);letter-spacing:0}.chapter-line{background:var(--line);width:36px;height:1px}.chapter-chinese{letter-spacing:.2em;margin-left:auto;font-size:10px}.section-english{font:400 clamp(26px, 2.6vw, 39px)/1.2 var(--roman);color:var(--mist);margin-top:24px}.learning{background:var(--forest)}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin:65px 0 50px;display:flex}.section-heading .eyebrow{color:var(--mist);margin-bottom:18px;font-size:10px}.section-heading>p{padding-bottom:10px;font-size:14px;line-height:2}.section-heading>p span{color:var(--mist);font-size:13px}.learning-topics{border-top:1px solid var(--line)}.learning-topic{border-bottom:1px solid var(--line)}.learning-topic summary{cursor:pointer;grid-template-columns:55px 1fr 120px;align-items:center;gap:30px;padding:32px 12px;list-style:none;display:grid}.learning-topic summary::-webkit-details-marker{display:none}.learning-topic summary:hover,.learning-topic[open]{background:#a8b5a009}.topic-number{font:italic 24px var(--roman);color:var(--mist);align-self:start;padding-top:25px}.topic-overview{min-width:0}.topic-english{letter-spacing:.16em;color:var(--mist);margin-bottom:12px;font-size:9px;display:block}.topic-title{font:400 26px var(--serif);letter-spacing:.04em;display:block}.topic-preview{color:var(--mist);overflow-wrap:anywhere;margin-top:15px;font-size:13px;line-height:1.8;display:block}.topic-action{flex-direction:column;align-items:flex-end;gap:25px;display:flex}.learning-status{color:var(--mist);font-size:12px}.learning-status:before{content:"";background:var(--mist);border-radius:50%;width:4px;height:4px;margin:0 9px 2px 0;display:inline-block}.expand-label{align-items:center;gap:16px;font-size:11px;display:inline-flex}.expand-icon{width:14px;height:14px;display:block;position:relative}.expand-icon:before,.expand-icon:after{content:"";background:currentColor;position:absolute}.expand-icon:before{width:12px;height:1px;top:6px;left:1px}.expand-icon:after{width:1px;height:12px;top:1px;left:6px}.when-open,details[open] .when-closed,details[open] .expand-icon:after{display:none}.learning-topic[open] .when-open{display:inline}.topic-details{max-width:860px;margin:0 12px 0 97px;padding:8px 0 35px}.topic-details>p{color:var(--mist);letter-spacing:.06em;margin-bottom:20px;font-size:11px}.topic-details ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 35px;list-style:none;display:grid}.topic-details li{color:var(--ivory);overflow-wrap:anywhere;font-size:14px;line-height:1.8}.topic-details li:before{content:"—";color:var(--mist);margin-right:12px}.works{background:linear-gradient(135deg, #182f24, var(--moss) 50%, #193426);padding-bottom:70px}.project-preview{grid-template-columns:1fr 300px;align-items:center;gap:60px;padding-top:60px;display:grid}.project-preview-copy .eyebrow{color:var(--mist);margin-bottom:20px}.project-preview h2{font-size:clamp(29px,3.1vw,47px)}.project-preview .section-english{margin-top:12px;font-size:32px}.project-preview-description{max-width:440px;color:var(--mist);margin-top:27px;font-size:14px;line-height:2.1}.project-preview-art{height:330px;overflow:hidden;-webkit-mask-image:radial-gradient(#000 35%,#0000 72%);mask-image:radial-gradient(#000 35%,#0000 72%)}.project-preview-art img{object-fit:cover;width:100%;height:100%}.about{background:var(--forest)}.about-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(60px,10vw,160px);margin-top:75px;display:grid}.about-copy .eyebrow{color:var(--mist);margin-bottom:20px;font-size:10px}.body-copy{max-width:470px;margin-top:30px}.body-copy p{color:var(--mist);margin-bottom:18px;font-size:14px;line-height:2.1}.about-profile{border-left:1px solid var(--line);padding-left:35px}.profile-name{font:32px var(--serif);align-items:baseline;gap:18px;display:flex}.profile-name small{color:var(--mist);font:12px var(--roman);letter-spacing:.15em}.profile-facts{margin:32px 0 35px}.profile-facts>div{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;gap:20px;padding:22px 0;display:grid}.profile-facts dt{color:var(--mist);padding-top:3px;font-size:12px}.profile-facts dd{font-size:17px;line-height:1.6}.contact{background:radial-gradient(at 50% 35%,#50715645,#0000 60%),#14271d;padding-top:50px;padding-bottom:0}.contact-content{text-align:center;padding:35px 0}.contact-star{color:var(--moon);margin-bottom:18px;display:block}.contact-star svg{width:33px;height:33px}.contact .eyebrow{color:var(--mist);font-size:9px}.contact h2{margin:18px 0;font-size:clamp(34px,3.6vw,56px);line-height:1.5}.contact h2 br{display:none}.contact-english{font:400 clamp(24px, 2.6vw, 36px)/1.3 var(--roman);color:#bac8b5;margin-bottom:18px}.contact .muted{font-size:14px}.contact-methods{text-align:left;grid-template-columns:1.2fr 1fr;gap:50px;max-width:820px;margin:30px auto 0;display:grid}.contact-method{border-block:1px solid var(--line);padding:22px 0 12px}.contact-method>a{display:block}.method-label{color:var(--mist);letter-spacing:.14em;margin-bottom:16px;font-size:10px;display:block}.method-value{font:400 clamp(24px, 2.3vw, 34px)/1.3 var(--roman);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:16px;display:flex}.method-value svg{width:20px;height:20px}.contact-method>a:hover .method-value{text-underline-offset:5px;text-decoration:underline}.contact-method .text-button{color:var(--mist);min-height:44px;margin-top:10px;font-size:12px}.contact-method .text-button:hover{color:var(--moon)}.copy-status{min-height:26px;color:var(--mist);margin-top:20px;font-size:13px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:30px 0;display:flex}.site-footer>div:first-child>span{font:19px var(--roman);letter-spacing:.14em}.site-footer small{letter-spacing:.1em;color:var(--mist);margin-top:7px;font-size:8px;display:block}.footer-note{color:var(--mist);font-size:11px}.footer-links{align-items:center;gap:28px;font-size:12px;display:flex}.footer-links .text-button{color:var(--mist);font-size:11px}html.intro-open{overscroll-behavior:none;overflow:hidden}.loader{z-index:50;touch-action:none;isolation:isolate;background:#000;height:100dvh;min-height:0;position:fixed;inset:0;overflow:hidden}.loader-header{z-index:2;min-height:95px;padding:24px var(--gutter);background:linear-gradient(#000e,#000a 70%,#0000);justify-content:space-between;align-items:center;display:flex;position:relative}#loader-title{letter-spacing:.15em;font-size:11px}#loader-title>span{color:var(--mist);margin-left:20px;font-size:10px}.loader-header .text-button{font-size:11px}.loader-header .text-button>span{color:var(--mist);font-size:9px}.loader-scenes{position:absolute;inset:0}.loader-scene{width:100%;height:100%;position:absolute;inset:0}.loader-wand img,.loader-wand video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.loader-identity{background:#000;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:100px 24px 140px;display:flex}.loader-identity h2{letter-spacing:.16em;color:var(--moon);padding-left:.16em;font-size:clamp(64px,8vw,118px)}.loader-identity>p:last-child{color:var(--mist);font-size:13px}.loader-landscape>img,.loader-landscape>video,.loader-background{object-fit:cover;object-position:62% center;width:100%;height:100%;position:absolute;inset:0}.butterfly-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.intro-butterflies{pointer-events:none;position:absolute;inset:0}.intro-butterfly{aspect-ratio:1;width:clamp(26px,3.2vw,50px);height:auto;color:var(--moon);position:absolute}.intro-butterfly-0{top:54%;left:56%;rotate:-18deg}.intro-butterfly-1{width:clamp(20px,2.2vw,34px);top:67%;left:68%;rotate:14deg}.intro-butterfly-2{width:clamp(16px,1.5vw,24px);top:62%;left:42%;rotate:-24deg}.intro-butterfly svg{width:100%;height:100%;display:block;overflow:visible}.intro-butterfly path{fill:currentColor;stroke:none}.intro-butterfly .butterfly-body{fill:none;stroke:currentColor;stroke-width:1.6px}.loader[data-mode=play] .loader-butterflies>img,.loader[data-mode=play] .storyboard,.loader[data-mode=play] .loader-footer>.text-button,.loader[data-mode=preview] .intro-butterflies,.loader[data-mode=preview] .intro-progress{display:none}.loader[data-mode=play] .loader-header{background:linear-gradient(#0008,#0000);justify-content:flex-end}.loader[data-mode=play] #loader-title{text-align:center;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.loader[data-mode=play] #loader-title>span{margin:8px 0 0;display:block}.loader[data-mode=play] .loader-footer{padding-top:32px;padding-bottom:max(26px, env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#0000,#0008);align-items:center;gap:14px}.loader[data-mode=play] .loader-status{letter-spacing:.08em;color:#d6dfd2;font-size:10px}.intro-progress{gap:7px;width:150px;display:flex}.intro-progress span{background:#f4f1ea35;flex:1;height:1px}.intro-progress span.is-reached{background:var(--moon)}.loader-footer{z-index:2;padding:45px var(--gutter) 32px;background:linear-gradient(#0000,#000e 40%);flex-wrap:wrap;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:0;left:0;right:0}.loader-status{width:100%;color:var(--mist);font-size:11px}.storyboard{flex:1;gap:10px;display:flex}.storyboard button{color:var(--mist);text-align:left;background:0 0;border:0;border-top:1px solid #a8b5a040;flex:1;max-width:150px;padding:15px 14px 5px 0;font-size:11px}.storyboard button span{font:italic 16px var(--roman);margin-bottom:8px;display:block}.storyboard button[aria-selected=true]{border-color:var(--moon);color:var(--moon)}.loader-footer>.text-button{padding-bottom:5px}.loader-footer svg{width:17px}@media (width>=1700px){.section{padding-inline:max(var(--gutter), calc((100vw - 1450px) / 2))}}@media (width<=1050px){.header-contact{display:none}.hero{height:max(780px,100svh)}.hero-content{width:78%}.hero-side-note{right:22px}.hero-edition{display:none}.section-heading{flex-direction:column;align-items:flex-start;gap:20px}.project-preview{grid-template-columns:1fr 230px;gap:30px}.project-preview-art{height:280px}.about-grid{gap:55px}.profile-facts>div{grid-template-columns:75px 1fr;gap:10px}.contact-methods{gap:30px}.footer-note{display:none}}@media (width<=760px){html{scroll-padding-top:90px}.site-header{height:82px}.brand{font-size:18px}.brand-symbol{width:32px;height:32px}.brand small{font-size:7px}.main-nav{display:none}.menu-toggle{background:0 0;border:none;align-items:center;gap:16px;padding:10px 0 10px 15px;font-size:13px;display:flex}.menu-toggle span{font-size:20px}.hero{height:100svh;min-height:790px;max-height:1000px}.hero-landscape,.hero-video{object-position:63% center}.hero-background-toggle{top:100px}.hero-shade{background:linear-gradient(90deg, #0c1a14cc, #0c1a1499), linear-gradient(0deg, var(--forest), transparent 35%, #0c1a1422 65%, #0c1a14aa)}.hero-content{width:calc(100% - var(--gutter) * 2);padding-top:100px;padding-bottom:70px}.hero .eyebrow{letter-spacing:.1em;gap:8px;font-size:8px}.hero-name{gap:18px;margin-top:24px}.hero h1{font-size:clamp(80px,19vw,112px)}.hero-name>span{font-size:26px}.hero-role{gap:16px;font-size:24px}.hero-role>span{font-size:11px}.hero-copy{gap:15px;margin-top:28px}.hero-copy p{letter-spacing:0;font-size:14px;line-height:1.95}.hero-actions{gap:26px;margin-top:28px}.button{gap:24px;min-height:48px;padding:13px 17px;font-size:13px}.text-link{gap:18px;font-size:13px}.hero-side-note{display:none}.hero-bottom{align-items:center;gap:15px;bottom:28px}.hero-bottom p{font-size:10px;line-height:1.8}.scroll-cue{gap:8px;font-size:7px}.section{padding:45px var(--gutter) 75px}.chapter{letter-spacing:.1em;gap:10px;font-size:8px}.chapter-line{width:24px}.chapter-chinese{letter-spacing:.1em;font-size:10px}.section-heading{margin:45px 0 35px}.section-heading h2{font-size:34px}.section-heading>p{font-size:14px}.section-heading>p span{font-size:13px}.learning-topic summary{grid-template-columns:1fr auto;gap:20px 10px;padding:26px 0}.topic-number{display:none}.topic-title{font-size:22px}.topic-english{letter-spacing:.07em;font-size:8px}.topic-preview{font-size:12px}.topic-action{gap:23px}.learning-status{font-size:11px}.expand-label{gap:8px;font-size:10px}.topic-details{margin:0;padding-top:0}.topic-details ul{grid-template-columns:1fr;gap:10px}.project-preview{grid-template-columns:1fr;gap:10px;padding-top:45px}.project-preview h2{font-size:29px}.project-preview .section-english{font-size:28px}.project-preview-art{justify-self:center;width:100%;max-width:250px;height:240px;margin-bottom:-30px}.project-preview-description{font-size:14px}.about-grid{grid-template-columns:1fr;gap:45px;margin-top:50px}.about-copy h2{font-size:34px}.body-copy{max-width:none}.about-profile{border-left:0;padding-left:0}.profile-facts>div{grid-template-columns:100px 1fr}.profile-facts{margin-block:20px 30px}.contact{padding-top:40px;padding-bottom:0}.contact-content{padding:30px 0 25px}.contact h2{font-size:clamp(30px,8vw,42px)}.contact h2 br{display:block}.contact-star,.contact-english{display:none}.contact .muted{font-size:14px}.contact-methods{grid-template-columns:1fr;gap:0;margin-top:35px}.contact-method+.contact-method{border-top:0}.method-value{font-size:29px}.site-footer{flex-wrap:wrap;gap:25px}.site-footer>div:first-child{flex:1}.footer-links{border-top:1px solid var(--line);justify-content:space-between;width:100%;padding-top:15px}#loader-title>span{margin:8px 0 0;display:block}.loader-header{align-items:flex-start}.loader-header .text-button{gap:10px;font-size:10px}.loader-header .text-button>span{font-size:8px}.loader-footer{gap:18px;padding-top:50px}.storyboard{flex-basis:100%;gap:6px}.storyboard button{padding-right:4px;font-size:9px}.loader-identity>p:last-child{text-align:center;font-size:13px}.loader-landscape>img,.loader-landscape>video,.loader-background{object-position:63% center}.loader-header{padding-top:max(24px, env(safe-area-inset-top))}.loader-header .text-button{min-height:44px}}@media (height<=500px) and (orientation:landscape){.loader-header{min-height:70px;padding-top:14px;padding-bottom:14px}.loader-identity{gap:10px;padding:70px 24px 85px}.loader-identity h2{font-size:58px;line-height:1.3}.loader[data-mode=play] .loader-footer{gap:10px;padding-bottom:18px}}@media (width<=360px){.topic-title{font-size:19px}.topic-english{font-size:7px}.learning-topic summary{gap:12px}.hero{min-height:830px}.hero-role{font-size:22px}.hero-name>span{font-size:23px}.scroll-cue{font-size:6px}.method-value{font-size:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}