@font-face{font-family:EditorialDisplay;src:url('./fonts/bodoni-display.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:EditorialChinese;src:url('./fonts/editorial-chinese.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#fff;--ink:#111;--muted:#666;--accent:#111;--line:#d6d6d6;--surface:#f7f7f5;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--serif:EditorialDisplay,EditorialChinese,"Songti SC",SimSun,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}p{margin:0 0 1.2em}h1,h2,h3{margin:0;font-weight:400;line-height:1.3;font-family:var(--serif)}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid #111;outline-offset:5px}::selection{background:#191919;color:white}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.skip{position:fixed;left:12px;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}
.header-shell{width:100%;position:static}.site-header{width:min(1240px,calc(100% - 80px));margin:auto}.masthead{height:174px;display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;gap:25px}.brand{display:block;width:160px;justify-self:center}.brand img{width:160px;height:160px;object-fit:contain}.brand-caption{font-size:17px;letter-spacing:.08em;justify-self:start}.brand-caption span{display:block;font-size:10px;letter-spacing:.13em;color:var(--muted);margin-top:7px}.masthead-note{justify-self:end;font-size:10px;line-height:1.7;letter-spacing:.18em;text-align:right}.nav{display:flex;align-items:center;justify-content:center;gap:38px;min-height:50px;border-top:1px solid #111;border-bottom:1px solid #111;font-size:12px;letter-spacing:.07em;white-space:nowrap}.nav a{padding:10px 0}.nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav .portfolio-edit-link{font-size:11px;border-bottom:0;letter-spacing:0;color:#555}.eyebrow{font:500 11px/1.6 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.serif{font-family:var(--serif)}.arrow{font-family:Arial,sans-serif;margin-left:7px}.text-link{display:inline-block;font-size:12px;line-height:1.65;padding:5px 0;color:var(--ink);border-bottom:1px solid #111}.text-link:hover{color:#666;border-color:#777}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 18px;background:#111;color:#fff;border:1px solid #111;font-size:12px;letter-spacing:.04em}.button:hover{background:#333}.foot{display:flex;justify-content:space-between;gap:24px;padding:24px 0 32px;border-top:1px solid #111;color:var(--muted);font-size:11px}.foot a:hover{color:#111}
.home-hero{display:grid;grid-template-columns:.9fr 1.6fr .7fr;gap:34px;align-items:start;padding:42px 0 56px}.cover-intro{padding-top:18px}.home-hero h1{font-size:clamp(38px,3.8vw,52px);line-height:1.38;margin:23px 0 26px;letter-spacing:-.025em}.home-hero .intro{font-size:14px;line-height:2;color:#555;max-width:340px}.hero-foot{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:26px}.hero-foot .text-link{font-size:12px}.cover-story{margin:0}.cover-story img{width:100%;aspect-ratio:5/6;object-fit:cover;object-position:left center}.cover-story figcaption{font-size:10px;line-height:1.8;color:var(--muted);margin-top:12px}.hero-media{border-left:1px solid var(--line);padding-left:24px;min-width:0}.hero-media figure{margin:24px 0 20px}.hero-media img{width:100%;max-width:220px;object-fit:contain;margin:0 auto 20px}.hero-media .plate-number{font:500 10px/1.7 var(--sans);letter-spacing:.1em}.hero-media figcaption{font:18px/1.8 var(--serif);color:#111}.hero-media .text-link{font-size:11px}
.section-top{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:23px 0 0;border-top:1px solid #111;margin-bottom:30px}.section-top h2{font-size:32px}.section-top .eyebrow{font-size:10px;letter-spacing:.1em}.work{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 30px;padding-bottom:72px}.work>.section-top{grid-column:1/-1;margin:0}.project-row{display:flex;flex-direction:column;min-width:0;align-self:stretch}.project-art{display:grid;place-items:center;width:100%;aspect-ratio:4/5;overflow:hidden;background:#fafafa}.project-art img{width:100%;height:100%;max-width:260px;max-height:335px;object-fit:contain}.project-art.rail img{max-width:none;max-height:none;object-fit:cover}.project-art.lantern-art img{max-width:none;max-height:none;object-fit:cover}.project-art.miao-art img{max-width:240px;max-height:335px}.project-copy{display:flex;flex-direction:column;flex:1;padding-top:21px}.project-no{font:500 10px/1.7 var(--sans);letter-spacing:.04em;margin-bottom:12px;color:var(--muted)}.project-copy h3{font-size:25px;line-height:1.55;margin:0 0 15px}.project-copy .desc{font-size:13px;line-height:1.95;color:#555;margin-bottom:18px}.project-role{font-size:11px;line-height:1.95;margin:0 0 21px;color:var(--muted)}.project-role span{font-weight:600;color:#222;margin-right:9px}.project-copy>.text-link{align-self:flex-start;margin-top:auto;font-size:11px}
.practice{padding-bottom:64px}.practice-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.practice-photo img{width:100%;aspect-ratio:16/10;object-fit:cover}.practice-row h3{font-size:31px;line-height:1.5;margin:12px 0 19px}.practice-row p:not(.eyebrow){font-size:15px;line-height:1.95;color:#555;max-width:620px}.about{display:grid;grid-template-columns:.6fr 1.4fr;gap:70px;border-top:1px solid #111;padding:38px 0 76px}.about h2{font-size:35px;margin-top:15px}.about .lead{font:29px/1.8 var(--serif);margin-bottom:24px}.about .body{font-size:15px;line-height:2;color:#555;max-width:720px}
.case-top{padding-top:26px}.back{font-size:11px;color:var(--muted)}.back:hover{color:#111}.case-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:center;max-width:1100px;margin:auto;padding:48px 0 57px}.case-hero h1{font-size:clamp(40px,4.5vw,60px);line-height:1.35;margin:22px 0 25px;letter-spacing:-.02em}.case-hero h1 strong{font-weight:400;font-family:EditorialDisplay,Georgia,serif;letter-spacing:0}.case-deck{font-size:17px;line-height:1.95;color:#555;max-width:640px}.case-picture{margin:0;padding:20px 24px;display:grid;place-items:center}.case-picture img{width:225px;max-height:330px;object-fit:contain}.case-picture figcaption{font-size:10px;line-height:1.9;color:var(--muted);max-width:300px;margin-top:20px}.rail-picture img{width:245px}.lantern-picture img{width:100%;max-height:330px;object-fit:contain}.miao-picture img{width:230px;max-height:350px}.project-stage{font-size:11px;color:var(--muted);margin-top:22px}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:23px 0;border-top:1px solid #111;border-bottom:1px solid var(--line)}.facts dl{margin:0}.facts dt{font-size:11px;color:var(--muted);margin-bottom:9px}.facts dd{font-size:13px;line-height:1.85;margin:0}.case-layout{display:block;max-width:850px;margin:44px auto 80px}.case-nav{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:11px;color:var(--muted);padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:50px}.case-nav a:hover{color:#111}.case-nav a span{font:10px var(--sans);margin-right:7px}.story{min-width:0}.chapter{margin-bottom:68px;scroll-margin-top:32px}.chapter h2{font:400 34px/1.55 var(--serif);margin:12px 0 25px}.chapter h3{font:400 23px/1.7 var(--serif);margin:26px 0 14px}.chapter>p,.body-copy{font-size:16px;line-height:2;max-width:850px}.research-question{font:400 25px/1.85 var(--serif)!important;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px}.split h3{font-size:21px}.split p{font-size:14px;color:#555;line-height:2}.source{font-size:11px!important;line-height:1.95!important;color:var(--muted);margin-top:23px}.field{display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:start}.field figure{margin:0}.field img{width:225px;object-fit:contain}.field figcaption{font-size:11px;color:var(--muted);line-height:1.9;margin-top:14px}table{width:100%;border-collapse:collapse;margin-bottom:26px;font-size:14px}th{text-align:left;font-weight:500;font-size:11px;color:var(--muted);padding:10px 0;border-bottom:1px solid #111}td{padding:14px 0;border-bottom:1px solid var(--line)}.note{border-left:2px solid #111;padding-left:20px;margin-top:25px;font-size:13px!important;color:var(--muted)}.transcript{padding:27px 0;border-top:1px solid var(--line)}.transcript .identity{font-size:11px;color:var(--muted);margin-bottom:12px;letter-spacing:.06em}.transcript h3{font:400 25px/1.75 var(--serif);margin:0 0 19px}.transcript p{font-size:15px;line-height:2}.experience{display:grid;grid-template-columns:160px 1fr;gap:32px;padding:27px 0 31px;border-top:1px solid var(--line);align-items:center}.experience img{width:150px;max-height:140px;object-fit:contain}.experience h3{font-size:23px;margin:0 0 12px}.experience p{font-size:13px;color:var(--muted);margin-bottom:9px}.takeaway{padding:23px 0 26px;border-top:1px solid var(--line)}.takeaway h3{font-size:24px;margin:0 0 12px}.takeaway p{font-size:15px;line-height:2;color:#555;margin:0}details{border-top:1px solid var(--line);padding:20px 0;font-size:12px}summary{cursor:pointer;color:var(--muted)}details p{margin-top:18px;line-height:2}.download{border-top:1px solid #111;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:22px}.download h3{font-size:25px;margin:0 0 9px}.download p{font-size:12px;color:var(--muted);margin:0}.rail-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0}.rail-image-pair figure{margin:0}.rail-image-pair img{width:100%;height:290px;object-fit:contain;background:var(--surface)}.rail-image-pair figcaption{font-size:11px;color:var(--muted);margin-top:12px}.wide-figure{margin:34px 0 0}.wide-figure img{width:100%;max-width:700px}.wide-figure figcaption{font-size:11px;color:var(--muted);margin-top:14px;line-height:1.9}
.music-picture{padding:0;display:block}.music-picture img{width:100%;max-height:none;object-fit:contain}.music-picture figcaption{max-width:none;margin-top:14px}.music-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.music-prompt{margin:25px 0 30px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.music-prompt p{font:400 24px/1.9 var(--serif);margin:0}.music-results{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:580px;margin-top:30px}.music-results figure{margin:0}.music-results img{width:100%;max-width:240px;aspect-ratio:1;object-fit:contain;background:#070b0e}.music-results figcaption{font-size:11px;color:var(--muted);margin-top:13px}.music-hero h1{font-size:clamp(36px,4.2vw,55px)}[data-edit-text]{white-space:pre-line}.content-warning{margin:0;padding:12px 20px;background:#fff3d6;color:#78521a;text-align:center;font-size:13px}
@media(max-width:1050px){.wrap,.site-header{width:calc(100% - 56px)}.header-shell{width:100%}.home-hero{grid-template-columns:1fr 1.6fr;gap:30px}.cover-intro{padding-top:0}.home-hero h1{font-size:42px}.hero-media{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:22px;border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.hero-media figure{display:flex;align-items:center;gap:22px;margin:0}.hero-media img{width:125px;max-height:125px;margin:0}.hero-media figcaption{font-size:18px}.work{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 30px}.project-art{aspect-ratio:4/3}.project-art img{max-width:250px;max-height:300px}.project-art.rail img,.project-art.lantern-art img{max-width:none;max-height:300px;object-fit:contain}.case-hero{gap:40px}.case-hero h1{font-size:48px}.case-picture{padding:18px}.music-picture{padding:0}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.music-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.field{grid-template-columns:1fr}.practice-row{gap:35px}.masthead{height:160px}}
@media(max-width:640px){html{scroll-padding-top:22px}.wrap,.site-header{width:calc(100% - 36px)}.header-shell{width:100%}.masthead{height:128px;grid-template-columns:1fr 112px 1fr;gap:8px}.brand{width:112px}.brand img{width:112px;height:112px}.brand-caption{font-size:14px;letter-spacing:.04em}.brand-caption span{font-size:9px;letter-spacing:0;max-width:80px;line-height:1.8}.masthead-note{font-size:8px;letter-spacing:.06em;max-width:85px}.nav{gap:22px;font-size:11px;min-height:45px;letter-spacing:0}.nav .desktop-only{display:none}.nav .portfolio-edit-link{font-size:10px}.home-hero{grid-template-columns:1fr;gap:29px;padding:29px 0 42px}.home-hero h1{font-size:43px;margin:18px 0 22px;line-height:1.45}.home-hero .intro{font-size:14px;max-width:100%;line-height:2}.hero-foot{margin-top:22px;gap:24px}.cover-story img{aspect-ratio:5/6}.cover-story figcaption{font-size:10px}.hero-media{display:block;padding-top:21px}.hero-media figure{display:grid;grid-template-columns:110px 1fr;gap:20px;margin:18px 0 14px;align-items:center}.hero-media img{width:110px;max-height:125px}.hero-media figcaption{font-size:17px;line-height:1.9}.section-top{gap:15px;padding-top:20px;margin-bottom:26px}.section-top h2{font-size:28px}.section-top .eyebrow{font-size:8px}.work{grid-template-columns:1fr;gap:35px;padding-bottom:48px}.project-art{aspect-ratio:4/3}.project-art img{max-width:225px;max-height:285px}.project-art.rail img{max-width:230px;max-height:285px}.project-art.lantern-art img{width:100%;max-width:none;max-height:285px}.project-art.miao-art img{max-width:195px;max-height:285px}.project-copy{padding-top:20px}.project-no{font-size:10px}.project-copy h3{font-size:27px;line-height:1.55}.project-copy .desc{font-size:14px}.project-role{font-size:11px}.project-copy>.text-link{font-size:12px}.project-row+.project-row{border-top:1px solid var(--line);padding-top:35px}.practice{padding-bottom:47px}.practice-row{grid-template-columns:1fr;gap:25px}.practice-row h3{font-size:27px}.practice-row p:not(.eyebrow){font-size:14px}.about{grid-template-columns:1fr;gap:25px;padding:30px 0 52px}.about h2{font-size:30px;margin-top:12px}.about .lead{font-size:25px;line-height:1.85}.about .body{font-size:14px}.foot{font-size:10px;padding:23px 0;gap:20px}.case-top{padding-top:21px}.case-hero{grid-template-columns:1fr;gap:24px;padding:31px 0 34px}.case-hero h1{font-size:39px;line-height:1.4}.case-deck{font-size:15px}.case-picture{width:100%;padding:20px}.case-picture img{width:190px;max-height:290px}.case-picture figcaption{font-size:10px;max-width:none}.lantern-picture img{width:100%;max-height:280px}.miao-picture img{width:190px;max-height:310px}.rail-picture img{width:215px;max-height:300px}.facts{padding:21px 0;gap:22px}.facts dt{font-size:10px}.facts dd{font-size:12px}.case-layout{margin:29px 0 55px}.case-nav{gap:12px 20px;padding-bottom:23px;margin-bottom:34px;font-size:10px}.chapter{margin-bottom:47px;scroll-margin-top:24px}.chapter h2{font-size:28px;margin-bottom:21px}.chapter>p,.body-copy{font-size:15px}.research-question{font-size:23px!important;padding:23px 0}.split{grid-template-columns:1fr;gap:0}.split p{font-size:14px}.field{gap:23px}.field img{width:200px}.experience{grid-template-columns:95px 1fr;gap:19px;align-items:start}.experience img{width:95px;max-height:110px}.experience h3{font-size:21px}.experience p{font-size:12px}.takeaway h3{font-size:23px}.takeaway p{font-size:14px}.transcript h3{font-size:23px}.transcript p{font-size:14px}.download{align-items:start;flex-direction:column}.rail-image-pair{grid-template-columns:1fr;gap:24px}.rail-image-pair img{height:280px}.music-picture{padding:0}.music-picture img{width:100%;max-height:none}.music-facts{grid-template-columns:1fr;gap:18px}.music-facts dl{display:grid;grid-template-columns:85px 1fr;gap:10px}.music-facts dt{margin:0}.music-prompt p{font-size:21px}.music-results{gap:16px}.music-hero h1{font-size:36px}}
@media(max-width:360px){.nav{gap:15px;font-size:10px}.nav .portfolio-edit-link{font-size:9px}.masthead-note{font-size:7px}.brand-caption{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{body{background:white}.header-shell{position:static}.masthead{height:120px}.brand,.brand img{width:110px;height:110px}.nav,.case-nav,.skip,.download,.back{display:none}.case-layout{display:block}.wrap,.site-header{width:100%}.chapter{break-inside:avoid}.home-hero{padding:25px 0}.foot{margin-top:30px}}

/* Research and writing */
.writing{padding-bottom:72px}.writing-intro{max-width:720px;color:#555;font-size:14px;line-height:2;margin:0 0 34px}.essay-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.essay-card{border-top:1px solid var(--line);padding-top:25px;display:flex;flex-direction:column;min-width:0}.essay-card h3{font-size:34px;line-height:1.6;margin:15px 0 22px}.essay-card h3 a:hover{color:#555}.essay-summary{font-size:14px;line-height:2;color:#555;max-width:520px}.essay-meta{font-size:10px;color:var(--muted);letter-spacing:.05em;margin-top:5px}.essay-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:auto;padding-top:8px}.essay-hero{max-width:850px;margin:0 auto;padding:46px 0 48px}.essay-hero h1{font-size:52px;line-height:1.45;margin:23px 0}.essay-original-title{font-size:11px;color:var(--muted);line-height:1.9;margin-bottom:26px}.essay-hero .case-deck{font-size:17px;max-width:780px}.essay-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.essay-layout .chapter{margin-bottom:58px}.essay-references{padding-left:20px;font-size:12px;line-height:2.1;color:var(--muted)}.essay-references li{margin-bottom:12px}.essay-layout .source .text-link{font-size:11px}
@media(max-width:1050px){.essay-grid{gap:35px}.essay-card h3{font-size:29px}.essay-hero h1{font-size:45px}}
@media(max-width:640px){.nav{gap:14px;font-size:10px}.nav .portfolio-edit-link{font-size:9px}.writing{padding-bottom:48px}.writing-intro{font-size:14px;margin-bottom:25px}.essay-grid{grid-template-columns:1fr;gap:33px}.essay-card{padding-top:22px}.essay-card h3{font-size:28px;line-height:1.65;margin:15px 0 20px}.essay-summary{font-size:14px}.essay-meta{font-size:10px}.essay-actions{gap:23px}.essay-hero{padding:31px 0 34px}.essay-hero h1{font-size:35px;line-height:1.5;margin:20px 0}.essay-original-title{font-size:10px}.essay-hero .case-deck{font-size:15px}.essay-facts{grid-template-columns:1fr;gap:17px}.essay-facts dl{display:grid;grid-template-columns:85px 1fr;gap:10px}.essay-facts dt{margin:0}.essay-layout .chapter{margin-bottom:45px}}
@media(max-width:360px){.nav{gap:11px;font-size:9px}.nav .portfolio-edit-link{font-size:8px}}

/* Third essay and comparative research */
.essay-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.essay-card h3{font-size:29px}.essay-comparison{table-layout:fixed}.essay-comparison caption{text-align:left;font-size:11px;color:var(--muted);margin:0 0 12px}.essay-comparison td,.essay-comparison th{vertical-align:top;padding-right:18px;overflow-wrap:anywhere}.essay-comparison th:first-child{width:24%}.comparison-photo{display:grid;grid-template-columns:.8fr 1fr;gap:35px;align-items:center;margin:35px 0}.comparison-photo figure{margin:0}.comparison-photo img{width:100%;max-width:360px;height:auto}.comparison-photo figcaption{font-size:10px;color:var(--muted);line-height:1.9;margin-top:13px}.comparison-photo h3{font-size:24px}.comparison-photo p{font-size:14px;line-height:2;color:#555}
@media(min-width:641px) and (max-width:1050px){.essay-grid{grid-template-columns:1fr 1fr;gap:35px}.essay-card:last-child{grid-column:1/-1}.essay-card:last-child .essay-summary{max-width:720px}}
@media(max-width:640px){.essay-grid{grid-template-columns:1fr}.essay-card h3{font-size:28px}.essay-comparison{font-size:12px}.essay-comparison td,.essay-comparison th{padding-right:12px}.comparison-photo{grid-template-columns:1fr;gap:20px}.comparison-photo img{max-width:320px}.comparison-photo h3{font-size:23px}}