:root{color-scheme:dark;--ink:#080808;--paper:#e5dfd3;--muted:#aaa295;--gold:#d2af77;--line:#3e372b;--serif:Georgia,"Times New Roman",serif;--mono:"Courier New",monospace;--sans:Arial,"Microsoft JhengHei",sans-serif;scroll-behavior:smooth;scroll-padding-top:94px}*{box-sizing:border-box}body{background:var(--ink);color:var(--paper);font-family:var(--sans);margin:0;font-weight:400}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}a:hover,button:hover{color:var(--gold)}::selection{background:var(--gold);color:var(--ink)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--paper);color:var(--ink);padding:16px;position:fixed;top:12px;left:16px;transform:translateY(-180%)}.skip-link:focus{transform:none}.enhanced-only{display:none!important}html.enhanced .enhanced-only{display:flex!important}.site-header{z-index:10;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;display:flex;position:absolute;top:0;left:3.6%;right:3.6%}.brand{letter-spacing:.14em;white-space:nowrap;font-family:Georgia,PMingLiU,serif;font-size:22px}.brand span{margin:0 .1em;font-size:.85em}.site-header nav{font:11px var(--mono);letter-spacing:.13em;align-items:center;gap:34px;display:flex}.site-header nav>a,.sound-control{align-items:center;min-height:44px;padding:0;display:inline-flex}.sound-control{border-left:1px solid var(--line);font:inherit;letter-spacing:inherit;margin-left:15px;padding-left:27px}.hero{isolation:isolate;background:#080808;height:100svh;min-height:700px;max-height:1200px;position:relative;overflow:hidden}.stage{z-index:-1;transform-origin:50% 47%;filter:brightness(.88);position:absolute;inset:0}.stage picture,.stage img{width:100%;height:100%;display:block}.stage img{object-fit:cover;object-position:center center}.hero-marginal{color:#b0a38c;font:10px var(--mono);letter-spacing:.16em;flex-direction:column;gap:9px;line-height:1.5;display:flex;position:absolute;top:43%}.left-marginal{left:5%}.right-marginal{text-align:right;right:5%}.hero-copy{text-align:center;position:absolute;bottom:82px;left:24px;right:24px}.hero h1{font:400 clamp(46px,5.3vw,84px)/1 var(--serif);letter-spacing:.12em;text-indent:.12em;white-space:nowrap;text-shadow:0 2px 20px #000}.hero-subtitle{letter-spacing:.2em;color:#d0c6b6;margin-top:13px;font-size:12px}.hero-subtitle>span:first-child{color:var(--gold);padding:0 10px}.entry-link{min-height:44px;font:11px var(--mono);letter-spacing:.16em;border-bottom:1px solid #b59565;align-items:center;gap:19px;margin-top:20px;padding:5px 3px 6px;display:inline-flex}.entry-translation{font:11px var(--sans);letter-spacing:.14em;color:#b9af9e}.hero-bottom{min-height:44px;font:10px var(--mono);letter-spacing:.12em;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;bottom:26px;left:3.6%;right:3.6%}.edition{color:#aaa295}.edition-number{color:var(--gold);margin-left:12px}.view-works{border-bottom:1px solid var(--gold);padding:15px 0}.motion-controls{align-items:center;gap:20px}.motion-controls button{font:10px var(--mono);letter-spacing:.1em;min-height:44px;color:var(--muted);padding:0}.motion-controls button:hover{color:var(--paper)}.section-shell{padding-left:7%;padding-right:7%}.works-section{border-top:1px solid var(--line);background:#0c0c0b;padding-top:110px;padding-bottom:115px}.section-heading{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:55px;display:flex}.eyebrow{font:10px/1.7 var(--mono);letter-spacing:.17em;color:var(--gold)}h2{font:400 clamp(46px,5vw,78px)/1.06 var(--serif);letter-spacing:-.025em}.section-heading h2{margin-top:18px}em{font-weight:400}.section-intro{letter-spacing:.08em;color:#bfb7a9;margin-bottom:5px;font-size:13px;line-height:2.1}.works-list{border-top:1px solid var(--line)}.work-row{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr 42%;align-items:center;gap:30px;padding:40px 0;display:grid}.work-number{font:400 52px/1 var(--serif);color:var(--gold);align-self:start;padding-top:10px}.work-copy h3{font:400 clamp(28px,3vw,44px)/1.08 var(--serif);max-width:350px;margin:13px 0 12px}.work-chinese{letter-spacing:.1em;color:#c4bbae;font-size:13px}.project-link{min-height:44px;font:10px var(--mono);letter-spacing:.1em;border-bottom:1px solid #746243;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:inline-flex}.project-link-cn{font:11px var(--sans);color:var(--muted)}.work-figure{overflow:hidden}.work-figure img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.work-figure figcaption{font:9px var(--mono);letter-spacing:.1em;color:var(--muted);justify-content:space-between;padding-top:10px;display:flex}.work-figure figcaption span{font-family:var(--sans);letter-spacing:.12em}.about-section{border-bottom:1px solid var(--line);background:#12120f;padding-top:95px;padding-bottom:110px}.about-grid{grid-template-columns:1.15fr 1fr;gap:11%;margin-top:30px;display:grid}.about-lead{letter-spacing:.09em;font-family:Georgia,PMingLiU,serif;font-size:23px;line-height:1.65}.about-copy>p+p{color:#bfb7a9;letter-spacing:.055em;max-width:420px;margin-top:23px;font-size:13px;line-height:2.2}.text-link{min-height:44px;font:10px var(--mono);letter-spacing:.12em;border-bottom:1px solid #746243;align-items:center;display:inline-flex}.about-copy .text-link{margin-top:24px}.site-footer{justify-content:space-between;align-items:center;gap:30px;padding-top:34px;padding-bottom:34px;display:flex}.site-footer p{font:10px var(--mono);letter-spacing:.18em;color:var(--muted)}.site-footer .brand{font-size:19px}.project-details{background:#10100e}.project-detail{border-bottom:1px solid var(--line);padding:55px 0}.project-detail h2{margin-top:16px;font-size:48px}.project-detail h3{font:17px var(--sans);letter-spacing:.12em;margin:12px 0 26px}.project-detail img{object-fit:cover;width:100%;height:auto;max-height:350px}.cover-note{color:var(--muted);margin-top:10px;font-size:11px}.detail-description{letter-spacing:.035em;margin-top:27px;font-size:15px;line-height:1.9}.focus-list{color:var(--gold);flex-wrap:wrap;gap:10px 24px;margin:20px 0;padding:0;font-size:12px;list-style:none;display:flex}.availability{color:var(--muted);margin:28px 0 10px;font-size:12px;line-height:1.8}.dialog-ready .project-details{display:none}dialog{width:min(800px,100% - 32px);max-height:88svh;color:var(--paper);overscroll-behavior:contain;background:#11110f;border:1px solid #5c4c35;padding:28px 35px}dialog::backdrop{backdrop-filter:blur(8px);background:#000c}.dialog-toolbar{z-index:2;border-bottom:1px solid var(--line);background:#11110f;justify-content:space-between;align-items:center;gap:20px;padding-bottom:14px;display:flex;position:sticky;top:0}.dialog-toolbar button{font:11px var(--mono);letter-spacing:.15em;min-height:44px}dialog .project-detail{border:0;padding-top:26px;padding-bottom:12px}dialog .project-detail h2{font-size:42px}dialog .project-detail .text-link{display:none}@media (aspect-ratio>=2) and (width>=701px){.hero{min-height:760px}.stage img{object-fit:cover;object-position:center 35%}.hero h1{font-size:68px}}@media (width<=1000px){.work-row{grid-template-columns:44px 1fr 40%;gap:22px}.work-number{font-size:42px}.section-shell{padding-left:5%;padding-right:5%}.hero h1{font-size:clamp(43px,5.8vw,64px)}.hero-marginal{font-size:9px}.work-copy h3{font-size:33px}.work-copy .eyebrow{font-size:9px}.project-link{margin-top:20px}.site-header nav{gap:24px}}@media (width<=700px){:root{scroll-padding-top:24px}.site-header{height:76px;left:22px;right:22px}.brand{font-size:19px}.site-header nav{letter-spacing:.07em;gap:17px;font-size:10px}.sound-control{margin-left:0;padding-left:14px}.hero{height:100svh;min-height:740px;max-height:1000px}.stage{width:100%;height:100%;inset:0}.stage img{object-fit:cover}.hero-marginal{display:none}.hero-copy{bottom:107px;left:16px;right:16px}.hero h1{letter-spacing:.12em;white-space:normal;font-size:clamp(42px,10vw,64px);line-height:.97}.hero h1 span{display:block}.hero h1 span+span{margin-top:7px}.hero-subtitle{margin-top:15px;font-size:12px}.hero-subtitle>span{display:none}.entry-link{gap:13px;margin-top:18px;font-size:10px}.entry-translation{font-size:10px}.hero-bottom{grid-template-columns:1fr auto;gap:12px;font-size:9px;display:grid;bottom:20px;left:22px;right:22px}.edition{grid-area:2/1;font-size:8px}.edition-number{margin-left:6px}.view-works{grid-area:1/2/3;font-size:10px}.motion-controls{grid-area:1/1;gap:18px}.motion-controls button{min-height:44px;font-size:9px}.section-shell{padding-left:24px;padding-right:24px}.works-section{padding-top:65px;padding-bottom:65px}.section-heading{margin-bottom:32px;display:block}.section-heading h2{margin-top:13px;font-size:49px}.section-intro{margin-top:22px;font-size:12px}.work-row{grid-template-columns:38px 1fr;gap:14px;padding:28px 0 34px}.work-number{font-size:39px}.work-copy h3{margin-top:10px;font-size:34px}.work-chinese{font-size:12px}.work-figure{grid-column:1/-1;margin-top:10px}.project-link{margin-top:14px}.work-figure figcaption{font-size:8px}.about-section{padding-top:58px;padding-bottom:65px}.about-grid{grid-template-columns:1fr;gap:32px;margin-top:23px}.about-grid h2{font-size:48px}.about-lead{font-size:21px}.about-copy>p+p{font-size:13px}.site-footer{grid-template-columns:1fr auto;gap:17px;padding-top:27px;padding-bottom:27px;display:grid}.site-footer p{grid-column:1;font-size:8px}.site-footer .text-link{grid-area:1/2/3;font-size:9px}dialog{padding:18px 21px}dialog .project-detail h2{font-size:36px}.project-detail h3{font-size:15px}.detail-description{font-size:14px}}@media (width<=370px){.site-header{left:17px;right:17px}.brand{font-size:17px}.site-header nav{gap:12px;font-size:9px}.sound-control{padding-left:11px}.hero h1{font-size:39px}.hero-bottom{left:17px;right:17px}.motion-controls{gap:10px}.section-heading h2{font-size:43px}}@media (prefers-reduced-motion:reduce){:root:not(.motion-enabled){scroll-behavior:auto}:root:not(.motion-enabled) *,:root:not(.motion-enabled) :before,:root:not(.motion-enabled) :after{transition:none!important;animation:none!important}}html.reduced-motion{scroll-behavior:auto}html.reduced-motion *,html.reduced-motion :before,html.reduced-motion :after{transition:none!important;animation:none!important}.site-header nav>a{justify-content:center;min-width:44px}@media (width>=371px) and (width<=700px){.site-header nav{gap:12px;font-size:11px}}.quick-preview{width:fit-content;min-height:44px;font:10px var(--mono);letter-spacing:.08em;color:var(--muted);align-items:center;gap:12px;margin-top:6px;display:flex}.quick-preview span+span{font-family:var(--sans);font-size:11px}dialog .project-detail .case-link{margin-top:12px;display:inline-flex}.stage-scene{width:100%;height:100%;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(1.018);transform-origin:50% 47%;position:relative}#hero-atmosphere{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}html.reduced-motion .stage-scene{transform:none}@media (prefers-reduced-motion:reduce){html:not(.motion-enabled) .stage-scene{transform:none}}.entry-translation:empty{display:none}@media (width>=701px){.hero-marginal{color:#c4b59e;letter-spacing:0;gap:0;line-height:1.4;top:42%}.hero-marginal:before{content:"";opacity:.65;background:#a58a60;width:28px;height:1px;margin-bottom:20px;display:block}.left-marginal{align-items:flex-start;left:6.5%}.marginal-kicker{font:9px/1.6 var(--mono);letter-spacing:.2em;color:#ac9b83}.marginal-title{font:italic 400 clamp(23px,2.15vw,34px)/1.2 var(--serif);letter-spacing:.015em;margin-top:9px}.right-marginal{text-align:left;font:italic 400 clamp(20px,1.8vw,28px)/1.5 var(--serif);letter-spacing:.025em;align-items:flex-start;right:6.5%}.right-marginal:before{margin-bottom:14px}}.hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0003,#0000 20% 57%,#00000080 100%);position:absolute;inset:0}
