:root{--plum:#352332;--paper:#ede9d4;--peach:#e7a087;--muted:#786f72;--line:rgba(53,35,50,.22);--serif:Didot,"Bodoni MT","Times New Roman","Lance CJK Serif","Songti SC","Noto Serif CJK SC",serif;--sans:"Avenir Next","Hiragino Sans GB","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--plum);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:var(--peach);color:var(--plum)}[data-lang="zh"] :is(.en,.zh-hant),[data-lang="zh-Hant"] :is(.en,.zh),[data-lang="en"] :is(.zh,.zh-hant){display:none}h1,h2,h3,h4,p{margin:0}img{display:block;max-width:100%;height:auto}.skip{position:fixed;top:-100px;left:15px;background:var(--plum);color:var(--paper);padding:12px 20px;z-index:200}.skip:focus{top:15px}.site-header{height:88px;margin:0 5.6%;display:flex;align-items:center;gap:45px;border-bottom:1px solid var(--line);position:relative;z-index:10}.wordmark{font-family:var(--serif);font-weight:700;font-size:25px;letter-spacing:-1px;white-space:nowrap}.wordmark-dot{color:#a96047}.site-header nav{display:flex;gap:35px;margin-left:auto;font-size:14px}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .2s}.site-header nav a:hover:after{width:100%}.language{display:flex;align-items:center;gap:9px;font-size:13px;white-space:nowrap}.language button{border:0;background:none;padding:5px 2px;color:#71616c;min-height:36px}.language button[aria-pressed=true]{font-weight:700;color:var(--plum)}.language>span{opacity:.4}.hero{padding:50px 5.6% 0;display:grid;grid-template-columns:1.16fr 1fr;column-gap:8%;max-width:1600px;margin:auto}.hero-copy{padding:7px 0 30px}.eyebrow{font-size:12px;letter-spacing:1.7px;line-height:1.5;font-weight:500}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(80px,9.35vw,150px);letter-spacing:-.065em;line-height:.81;margin:47px 0 30px}.surname{display:block;margin-top:6px}.hero-comma{color:#bd755a}.hero-name{display:flex;gap:20px;align-items:center;margin:30px 0}.hero-name>span:first-child{font-family:"Lance CJK Serif","Songti SC",var(--serif);font-size:30px;letter-spacing:5px;white-space:nowrap}.thin-line{height:43px;width:1px;background:var(--line)}.hero-field{font-size:14px;line-height:1.45;letter-spacing:.2px}.hero-intro{font-size:17px;line-height:1.9;margin:22px 0 28px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid currentColor;padding:8px 0;font-size:14px;transition:color .2s}.text-link>span:last-child{font-size:24px;line-height:1}.hero-poster{background:var(--plum);color:var(--paper);position:relative;min-height:575px;display:flex;flex-direction:column;overflow:hidden;padding:28px 30px 25px;margin:0 0 25px}.poster-caption{font-size:10px;line-height:1.5;letter-spacing:1px;position:relative;z-index:1}.poster-type{flex:1;position:relative;min-height:430px;font-family:"Lance CJK Serif","Songti SC","Noto Serif CJK SC",serif;font-weight:400;line-height:1}.poster-type span{position:absolute;font-size:clamp(120px,14.6vw,230px)}.poster-li{top:2%;left:-4%;color:var(--peach)}.poster-zhao{top:24%;right:1%;color:transparent;-webkit-text-stroke:1px var(--peach)}.poster-yuan{left:10%;bottom:0;color:var(--paper)}.poster-footer{display:flex;justify-content:space-between;align-items:end;font-size:10px;line-height:1.35;letter-spacing:1px}.hero-baseline{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:22px 0;font-size:12px;letter-spacing:1px}.hero-baseline>a{font-size:24px}.section-wrap{max-width:1600px;margin:auto;padding:104px 5.6%}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:18px 5%;margin-bottom:48px}.section-heading>.eyebrow{grid-column:1/-1}.section-heading h2{font-family:"Lance CJK Serif","Songti SC",var(--serif);font-size:clamp(30px,3.2vw,50px);font-weight:400;line-height:1.35;letter-spacing:-1px}.section-heading>p{justify-self:end;font-size:15px;line-height:1.8}.featured-project{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-art{background:#c5c8b2;min-height:600px;display:flex;justify-content:center;align-items:center;padding:55px;position:relative;overflow:hidden}.project-art img{width:69%;max-width:320px;box-shadow:9px 15px 25px #171e2338;transform:rotate(-5deg);transition:transform .5s}.project-art:hover img{transform:rotate(0deg) translateY(-5px)}.art-index{position:absolute;left:25px;bottom:22px;font-size:11px;letter-spacing:1.6px}.project-copy{padding:66px 0 55px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-copy h3{font:400 clamp(40px,4.8vw,74px)/1.3 var(--serif);letter-spacing:-2px;margin:17px 0}.project-copy h3>span{font-size:13px;vertical-align:top;position:relative;top:10px;margin-left:6px}.project-deck{font-family:"Lance CJK Serif","Songti SC",var(--serif);font-size:27px;line-height:1.5;margin-bottom:22px}.project-copy>p:not(.project-deck){max-width:420px;font-size:15px;line-height:1.9}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.project-tags>span{border:1px solid var(--line);font-size:12px;padding:4px 10px}.site-footer{padding:35px 5.6%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}.site-footer>.wordmark{font-size:22px}@media(min-width:1600px){.site-header{max-width:1420px;margin:auto}}@media(max-width:900px){.hero{column-gap:5%}.hero-poster{min-height:510px;padding:23px}.poster-type{min-height:350px}.hero h1{font-size:clamp(70px,11vw,100px)}.poster-type span{font-size:clamp(135px,18vw,175px)}.hero-name{gap:12px}.hero-field{font-size:12px}.hero-name>span:first-child{font-size:25px;letter-spacing:2px}.project-art{padding:35px;min-height:510px}.project-art img{width:87%}.project-copy{padding:40px 0 40px 9%}.section-wrap{padding-top:75px;padding-bottom:75px}.project-deck{font-size:24px}.project-copy h3{font-size:44px}}@media(max-width:600px){html{scroll-padding-top:25px}.site-header{height:74px;margin:0 6%;gap:18px}.site-header .wordmark{font-size:21px}.site-header nav{gap:17px;font-size:13px}.language{font-size:12px;gap:5px}.hero{padding:35px 6% 0;grid-template-columns:1fr}.hero-copy{padding-bottom:35px}.hero h1{font-size:25vw;margin:34px 0 25px;line-height:.79}.surname{display:inline;margin-left:10px}.hero-comma{display:none}.hero-name{margin:25px 0 18px;gap:20px}.hero-name>span:first-child{font-size:27px;letter-spacing:4px}.hero-field{font-size:13px}.hero-intro{font-size:16px;margin:20px 0}.hero-poster{min-height:490px;margin:0;aspect-ratio:1/1.34;padding:25px}.poster-type{min-height:365px}.poster-type span{font-size:48vw}.poster-li{top:0;left:0}.poster-zhao{top:22%;right:3%}.poster-yuan{left:13%;bottom:-3%}.hero-baseline{font-size:10px;letter-spacing:.1px}.section-wrap{padding:65px 6%}.section-heading{display:block;margin-bottom:32px}.section-heading>.eyebrow{display:block;margin-bottom:15px}.section-heading h2{font-size:32px}.section-heading>p{font-size:14px;margin-top:18px}.featured-project{grid-template-columns:1fr}.project-art{min-height:480px;padding:40px}.project-art img{width:72%;max-width:270px}.project-copy{padding:35px 0 40px}.project-copy h3{font-size:54px}.project-deck{font-size:27px}.project-copy>p:not(.project-deck){font-size:16px}.site-footer{padding:30px 6%;align-items:start;flex-wrap:wrap;gap:15px}.site-footer>span{order:3;flex-basis:100%;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* The portfolio stays typographic: original project material, clear reading space. */
.hero-intro,.project-copy>p:not(.project-deck),.section-heading>p{font-size:16px}.site-header nav{font-size:14px}.case-study{padding-top:0;padding-bottom:55px}.case-details{border-bottom:1px solid var(--line)}.case-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;padding:26px 0 28px}.case-details summary::-webkit-details-marker{display:none}.summary-title{display:block;font:400 27px/1.5 "Lance CJK Serif","Songti SC",var(--serif);margin-top:8px}.expand-symbol{font:300 42px/1 var(--sans);transition:transform .2s}.case-details[open] .expand-symbol{transform:rotate(45deg)}.case-body{padding-top:35px;padding-bottom:50px}.case-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:10%;margin-bottom:45px}.case-intro h3{font:400 36px/1.45 "Lance CJK Serif","Songti SC",var(--serif);letter-spacing:-1px}.case-disclosure{font-size:14px;margin-top:18px;opacity:.8}.strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:30px 0 45px}.step{font:italic 34px/1 var(--serif);color:#9d5d4a}.strategy-grid h4{font-size:18px;font-weight:500;margin:15px 0 12px}.strategy-grid p{font-size:16px}.case-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.case-pages figure{margin:0}.case-pages img{border:1px solid var(--line);transition:transform .25s}.case-pages a:hover img{transform:translateY(-4px)}.case-pages figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-top:12px}.case-download{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:38px}.case-download p{font-size:14px}.solid-link{display:inline-flex;justify-content:space-between;gap:40px;background:var(--plum);color:var(--paper);padding:15px 22px;font-size:14px;white-space:nowrap}.solid-link:hover{background:#583a50}.practice{padding-top:55px}.music-block{display:grid;grid-template-columns:1fr 1fr;background:var(--peach);margin-bottom:35px}.music-type{padding:35px 38px 32px;display:flex;flex-direction:column;justify-content:center;min-height:440px;overflow:hidden}.music-type>span:first-child{font:400 50px/1 var(--serif);letter-spacing:-2px}.music-type strong{font:400 clamp(90px,11vw,170px)/.9 var(--serif);letter-spacing:-.06em;display:flex;align-items:center;gap:10px;margin:12px 0 24px}.music-type strong>span{font:300 60px var(--sans)}.music-bottom{font-size:12px;letter-spacing:2px;margin-top:10px}.music-copy{padding:55px 12% 50px 6%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.music-copy h3{font:400 46px/1.2 var(--serif);letter-spacing:-1px;margin:18px 0}.music-copy p{font-size:16px}.play-count{display:flex;gap:15px;align-items:baseline;margin:22px 0}.play-count strong{font:400 33px/1 var(--serif);letter-spacing:-1px}.play-count>span{font-size:12px}.music-copy .text-link{font-size:14px}.practice-row{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:45px 0;border-bottom:1px solid var(--line)}.practice-label h3{font:400 32px/1.5 "Lance CJK Serif","Songti SC",var(--serif);margin-top:18px;letter-spacing:-.5px}.practice-description p{font-size:16px;max-width:520px}.practice-description .text-link{margin-top:15px}.coming-note{display:inline-flex;align-items:center;gap:9px;font-size:13px;margin-top:22px}.status-dot{width:5px;height:5px;background:var(--plum);border-radius:50%}.about{background:var(--plum);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:70px 9%;max-width:none}.about-profile{min-width:0;align-self:stretch}.about-heading{position:static}.about-heading h2{font:400 clamp(34px,3.8vw,59px)/1.35 "Lance CJK Serif","Songti SC",var(--serif);letter-spacing:-1px;margin:30px 0}.about-heading>p{font-size:17px;max-width:480px;color:#ded5d6}.focus-note{border-top:1px solid #ede9d435;margin-top:35px;padding-top:23px;display:flex;gap:25px;align-items:start;font-size:13px}.focus-note strong{font-weight:400;font-size:14px}.experience article{border-top:1px solid #ede9d435;padding:28px 0}.experience article:first-child{padding-top:0;border-top:0}.experience article:last-child{padding-bottom:0}.experience-date{font-size:12px;letter-spacing:1px;color:var(--peach);margin-bottom:12px}.experience h3{font-size:19px;font-weight:500;line-height:1.5}.experience-role{font-size:14px;color:var(--peach);margin:8px 0 16px}.experience p{font-size:16px;color:#ded5d6;line-height:1.9}.capabilities{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:40px;border-top:1px solid #ede9d435}.capabilities .eyebrow{color:var(--peach)}.capabilities p{font-size:16px;line-height:1.9;margin-top:13px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:115px;padding-bottom:110px}.contact h2{font:400 clamp(43px,4.8vw,75px)/1.1 "Lance CJK Serif","Songti SC",var(--serif);letter-spacing:-2px;margin:25px 0}.contact p{font-size:16px;max-width:480px}.contact-details{padding-top:60px}.email-link{font:400 clamp(21px,2.35vw,37px)/1.4 var(--serif);letter-spacing:-.6px;display:flex;justify-content:space-between;gap:15px;padding-bottom:22px;border-bottom:1px solid var(--line)}.email-link>span{font-family:var(--sans);font-size:26px}.phone{display:flex;gap:30px;align-items:center;margin-top:22px;font-size:17px}.phone>span{font-size:12px;letter-spacing:1px;min-width:24px}.contact-actions{display:flex;gap:40px;margin-top:27px}.copy-email{background:none;border:0;border-bottom:1px solid currentColor}.contact .copy-status{min-height:24px;margin-top:12px;font-size:13px}.site-footer{font-size:12px}.site-footer>a:last-child{font-size:14px}@media(max-width:900px){.music-type{padding:30px;min-height:430px}.music-type>span:first-child{font-size:40px}.music-type strong{font-size:105px}.music-type strong>span{font-size:40px}.music-copy{padding:40px 25px 40px 10px}.play-count{flex-wrap:wrap;gap:8px}.about{gap:55px 7%}.about-heading h2{font-size:36px}.about-heading>p{font-size:16px}.case-intro{gap:6%;grid-template-columns:1fr 1.4fr}.strategy-grid{gap:24px}.contact{gap:5%}.contact h2{font-size:48px}.contact-actions{gap:26px}.capabilities{gap:22px}}@media(max-width:600px){.case-study{padding-top:0;padding-bottom:15px}.summary-title{font-size:24px}.case-details summary{gap:20px}.case-details summary .eyebrow{font-size:10px}.case-intro{grid-template-columns:1fr;gap:22px}.case-intro h3{font-size:33px}.strategy-grid{grid-template-columns:1fr;gap:30px}.strategy-grid>div{border-top:1px solid var(--line);padding-top:23px}.case-pages{grid-template-columns:1fr;gap:30px}.case-pages img{width:100%}.case-download{flex-direction:column;align-items:stretch;gap:20px}.case-download .solid-link{white-space:normal}.practice{padding-top:45px}.music-block{grid-template-columns:1fr;margin-bottom:10px}.music-type{min-height:290px;padding:34px 28px 15px}.music-type>span:first-child{font-size:46px}.music-type strong{font-size:29vw;margin:10px 0}.music-type strong>span{font-size:48px}.music-bottom{font-size:11px;margin:13px 0}.music-copy{padding:30px 28px 40px;border-top:1px solid var(--line)}.music-copy h3{font-size:45px}.music-copy .text-link{gap:15px}.play-count{margin:25px 0 18px}.practice-row{grid-template-columns:1fr;gap:22px;padding:35px 0}.practice-label h3{font-size:29px;margin-top:12px}.about{grid-template-columns:1fr;gap:50px}.about-heading{position:static}.about-heading h2{font-size:37px;line-height:1.45;margin-top:25px}.focus-note{gap:20px}.experience h3{font-size:18px}.capabilities{grid-template-columns:1fr;gap:28px;padding-top:30px}.capabilities p{margin-top:8px}.contact{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:60px}.contact h2{font-size:50px;line-height:1.15;letter-spacing:-1px}.contact-details{padding-top:0}.email-link{font-size:28px}.contact-actions{gap:30px}.contact p{font-size:16px}}@media(max-width:360px){.site-header{gap:11px}.site-header nav{gap:12px}.hero-name{gap:12px}.hero-name>span:first-child{font-size:24px}.hero-field{font-size:12px}.email-link{font-size:24px}.music-copy .text-link{font-size:13px}}
.site-header{position:sticky;top:0;background:rgba(237,233,212,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero-field{font-size:14px}
.hero-comma{font-family:var(--serif)}
.hero>*,.featured-project>*,.music-block>*,.practice-row>*,.about>*,.contact>*{min-width:0}
@media(max-width:600px){html{scroll-padding-top:95px}.hero h1{font-size:27vw}.surname{display:block;margin-left:0;margin-top:7px}.hero-name{flex-wrap:wrap}.hero-poster{width:100%}.music-type strong{font-size:27vw}}
@media(max-width:360px){.hero-field{font-size:13px}.hero-name{gap:13px}.hero-name>span:first-child{letter-spacing:2px}}

/* Only pin the introduction when the viewport provides room for it.
   Its column ends before the capabilities row, which bounds sticky movement. */
@media(min-width:1000px) and (min-height:850px){.about-heading{position:sticky;top:112px}}
.capabilities{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}

/* School subject ranking, scoped to the Goldsmiths education entry. */
.subject-ranking{margin:21px 0 23px;padding:18px 20px;border:1px solid #ede9d435;background:#ede9d408}
.subject-ranking h4{font-size:15px;font-weight:500;line-height:1.6;color:var(--paper)}
.ranking-values{display:flex;gap:44px;margin:15px 0 13px}
.ranking-values>div{display:flex;flex-direction:column;gap:3px}
.ranking-values dt{font-size:14px;color:#ded5d6}
.ranking-values dd{margin:0;font:400 34px/1.15 var(--serif);color:var(--peach)}
.subject-ranking .ranking-source{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:baseline;font-size:12px;line-height:1.65;color:#ded5d6}
.ranking-source a{white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ranking-source a:hover{color:var(--peach)}
@media(max-width:600px){.subject-ranking{padding:17px 18px}.ranking-values{gap:40px}}

/* Compact contact details keep a comfortable touch area on smaller screens. */
@media(max-width:900px) {
  .contact-details { min-width: 0; }
  .email-link { font-size: 1.25rem; letter-spacing: -.3px; gap: 12px; }
  .email-link > span { font-size: 20px; flex-shrink: 0; }
  .phone { font-size: 1rem; gap: 20px; margin-top: 12px; }
  .phone > a { min-height: 44px; display: inline-flex; align-items: center; }
  .contact-actions { flex-wrap: wrap; gap: 12px 24px; }
  .contact-actions .text-link { min-height: 44px; gap: 16px; }
}
@media(max-width:600px) {
  .email-link { font-size: clamp(1.125rem,4.9vw,1.3125rem); padding: 8px 0 16px; min-height: 44px; }
  .contact-actions { margin-top: 18px; }
  .contact-actions .text-link { font-size: .875rem; }
  .contact-actions .text-link > span:last-child { font-size: 20px; }
}

.back-to-top { display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; }
.back-to-top svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }