:root{color-scheme:light;--ink:#242b32;--muted:#66717d;--line:#dce0e4;--accent:#375f91;--bg:#fafbfc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{margin:0 5%;padding:28px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{font-size:20px;font-weight:600;letter-spacing:.05em}.brand span{font-size:12px;margin-left:18px;letter-spacing:.14em;font-weight:400}nav{display:flex;gap:36px;font-size:14px}nav span{margin-left:8px;color:var(--muted)}main{margin:0 5%}.intro{padding:78px 0 46px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--muted);font-weight:500}h1{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:clamp(48px,6.5vw,100px);font-weight:400;margin:28px 0 22px;line-height:1.14;letter-spacing:.09em}h1>span{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,9.5vw,145px);letter-spacing:-.055em;margin-top:8px}.period{color:var(--accent)}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between}.intro-bottom p{font-size:20px;line-height:1.65;letter-spacing:.12em;margin:0}.text-link{border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:14px}.text-link span{margin-left:20px;color:var(--muted);font-size:12px;letter-spacing:.08em}figure{margin:0}.art-button{display:block;border:0;padding:0;background:transparent;width:100%;cursor:zoom-in;overflow:hidden}.art-button img{display:block;width:100%;height:auto;transition:transform .6s}.art-button:hover img{transform:scale(1.025)}.cover figcaption{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;padding-top:15px;color:var(--muted)}.works{padding-top:110px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:54px}h2{font-family:"Songti SC",Georgia,serif;font-size:clamp(27px,3vw,43px);font-weight:400;letter-spacing:.04em;margin:12px 0 0}.section-heading p{font-size:14px;color:var(--muted);margin:0 0 6px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:50px 8%;align-items:start}.piece.offset{padding-top:110px}.piece figcaption{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:19px 0 20px;color:var(--muted);font-size:12px}.piece h3{font-size:18px;letter-spacing:.06em;font-weight:400;color:var(--ink);margin:0 0 5px}.piece figcaption div>span{letter-spacing:.08em}.about{margin:110px 0 0;padding:65px 0 75px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:8%}.about h2{margin:0}.about h2 span{font-family:Georgia,serif;display:inline-block;font-size:.8em;letter-spacing:0;margin-left:18px}.about p{max-width:570px;font-size:18px;line-height:1.95;margin:30px 0 0;color:#4c5865}.about p.about-note{font-size:12px;letter-spacing:.15em;margin-top:22px;color:var(--muted)}footer{border-top:1px solid var(--line);margin:0 5%;padding:26px 0;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:20px}footer>span:last-child{letter-spacing:.08em}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}dialog{border:0;background:#111720;color:#fff;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:20px 3%;overflow:auto}dialog::backdrop{background:#111720}dialog[open]{display:flex;flex-direction:column}.viewer-bar,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.viewer-bar{min-height:40px}.viewer-bar button,.viewer-bottom button{background:transparent;border:1px solid #647183;border-radius:0;padding:8px 16px;cursor:pointer;font-size:14px}.viewer-bottom{min-height:76px}.viewer-bottom h2{font:400 18px "PingFang SC",sans-serif;margin:0;text-align:center}#viewer-image{display:block;flex:1;min-height:0;width:100%;object-fit:contain;padding:20px 0}body:has(dialog[open]){overflow:hidden}@media(min-width:1600px){header,main,footer{max-width:1440px;margin-left:auto;margin-right:auto}}@media(max-width:700px){header{padding:21px 0}.brand{font-size:18px}.brand span{display:none}nav{gap:20px}nav span{display:none}.intro{padding:48px 0 32px}.intro-bottom p{font-size:16px}.text-link span{display:none}h1{margin:24px 0}.cover figcaption{font-size:12px}.works{padding-top:65px}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:14px}.gallery{grid-template-columns:1fr;gap:36px}.piece.offset{padding-top:0}.about{margin-top:60px;padding:40px 0;display:block}.about h2{margin-top:18px}.about p{font-size:16px;margin-top:20px}footer{flex-wrap:wrap;font-size:12px}footer>span:last-child{display:none}.viewer-bottom button{padding:8px;font-size:14px}.viewer-bottom h2{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-button img{transition:none}}
/* Color studies: a square-tile entrance to the collection. */
.home{padding:45px 0 0}.home-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:24px}.home-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,5vw,74px);letter-spacing:-.05em;line-height:1.1;margin:12px 0 0}.home-heading h1 .home-chinese{display:inline-block;font-family:"Songti SC",serif;font-size:.43em;letter-spacing:.09em;margin:0 0 0 25px;vertical-align:middle}.home-heading p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 3px}.mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.mosaic-tile,.mosaic-index{position:relative;aspect-ratio:1;min-width:0;overflow:hidden;border:0;border-radius:0;padding:0;background:#263746;text-align:left}.mosaic-tile{cursor:zoom-in;color:white;isolation:isolate}.mosaic-tile img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform .7s,filter .5s}.tile-tint{position:absolute;inset:0;background:var(--tint);mix-blend-mode:color;opacity:.8;transition:opacity .5s}.mosaic-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.66),transparent 60%),var(--tint);background-blend-mode:multiply;opacity:.4;transition:opacity .5s}.tile-caption{position:absolute;inset:auto 20px 19px;z-index:1;display:flex;gap:12px;align-items:flex-end;text-shadow:0 1px 10px #0007}.tile-number{font-size:10px;letter-spacing:.08em;align-self:flex-start;padding-top:5px;opacity:.8}.tile-caption>span:nth-child(2){flex:1}.tile-title{display:block;font-family:"Songti SC",serif;font-size:20px;letter-spacing:.09em}.tile-english{display:block;font-size:10px;letter-spacing:.04em;margin-top:3px}.mosaic-tile:hover img,.mosaic-tile:focus-visible img{transform:scale(1.045);filter:saturate(1)}.mosaic-tile:hover .tile-tint,.mosaic-tile:focus-visible .tile-tint{opacity:.12}.mosaic-tile:hover::after,.mosaic-tile:focus-visible::after{opacity:.25}.mosaic-tile:focus-visible{outline:3px solid white;outline-offset:-5px;z-index:2}.mosaic-index{background:#e9edf0;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.mosaic-index .eyebrow{font-size:10px}.index-title{font:400 clamp(25px,3.5vw,56px)/1.08 Georgia,serif;letter-spacing:-.035em}.index-bottom{display:flex;justify-content:space-between;gap:8px;font-size:11px}.index-bottom span{font-size:19px}.mosaic-index:hover{background:#dce3e9}.home-note{display:flex;justify-content:space-between;gap:15px;margin-top:15px;font-size:10px;letter-spacing:.08em;color:var(--muted)}.gallery>.piece:last-child{grid-column:1/-1;width:65%;margin:0 auto}.viewer-bottom h2{font-size:16px}
@media(max-width:900px){.tile-caption{inset:auto 12px 12px;gap:8px}.tile-title{font-size:17px}.tile-english{font-size:9px}.mosaic-index{padding:18px}.tile-number{display:none}}
@media(max-width:700px){.home{padding-top:30px}.home-heading{align-items:flex-start;margin-bottom:24px}.home-heading p{font-size:12px}.home-heading h1 .home-chinese{display:block;font-size:22px;margin:10px 0 0}.mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-title{font-size:20px}.tile-english{font-size:10px}.mosaic-index{padding:20px}.index-title{font-size:38px}.home-note{font-size:9px;letter-spacing:.03em}.home-note>span:first-child{max-width:55%}.home-note>span:last-child{text-align:right}.gallery>.piece:last-child{grid-column:auto;width:100%}.viewer-bottom h2{font-size:13px}.brand span{display:none}nav{gap:17px}}
@media(prefers-reduced-motion:reduce){.mosaic-tile img,.tile-tint,.mosaic-tile::after{transition:none}}
/* Signature, work navigation, and spatial design collection. */
.brand{display:flex;align-items:center;gap:20px}.brand-signature{width:125px;height:40px;object-fit:contain;mix-blend-mode:multiply}.hero-signature{display:block;width:min(440px,52vw);height:auto;mix-blend-mode:multiply}.about-signature{width:190px;vertical-align:middle;margin-left:20px;mix-blend-mode:multiply}.work-menu{position:relative}.work-menu>button{border:0;background:none;padding:0;cursor:pointer;font-size:14px}.work-menu>button span{margin-left:5px}#work-options{position:absolute;top:100%;left:-20px;padding:20px;min-width:175px;background:var(--bg);box-shadow:0 10px 24px #242b3212;z-index:5;display:none}#work-options a{display:block;padding:8px 0;white-space:nowrap}.work-menu:hover #work-options,.work-menu:focus-within #work-options,.work-menu.open #work-options{display:block}#work-options a:hover{text-decoration:underline}.mosaic{grid-template-columns:repeat(4,minmax(0,1fr))}.mosaic-tile:first-child{grid-column:span 2;aspect-ratio:2/1}.mosaic-index{grid-column:span 2;aspect-ratio:2/1}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px 5%}.design-card{min-width:0}.design-image{width:100%;padding:0;border:0;background:#edf0ed;position:relative;cursor:zoom-in;display:block}.design-image img{width:100%;display:block;height:auto}.design-card .design-image{aspect-ratio:1.5;display:flex;align-items:center;overflow:hidden}.design-card .design-image img{object-fit:contain;max-height:100%}.design-image>span{position:absolute;bottom:12px;right:12px;padding:7px 14px;background:#fafbfceF;font-size:12px}.design-card .eyebrow{margin-top:22px;font-size:10px}.design-card h3{font:400 25px/1.3 Georgia,serif;margin:12px 0}.design-card p,.riverbank p{color:var(--muted);max-width:760px}.riverbank{margin-top:100px;padding-top:55px;border-top:1px solid var(--line);scroll-margin-top:35px}.riverbank h3{font-weight:400;font-size:22px}.credits{border-left:2px solid #799892;padding-left:20px;line-height:2}.credits span{font-size:21px;color:var(--ink);letter-spacing:.1em}.boards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}.boards figcaption{display:flex;justify-content:space-between;font-size:11px;margin-top:10px}.boards a{text-decoration:underline}.design-section{padding-top:130px}@media(max-width:700px){.brand{gap:10px}.brand-signature{width:85px;height:30px}.hero-signature{width:55vw}.home-heading h1 .home-chinese{font-size:21px}.mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-tile:first-child,.mosaic-index{grid-column:span 2;aspect-ratio:2/1}.design-grid{grid-template-columns:1fr;gap:40px}.boards{grid-template-columns:repeat(2,1fr)}.design-section{padding-top:75px}.about-signature{width:140px}.home-heading p{max-width:115px}.tile-title{font-size:17px}.riverbank{margin-top:65px}.boards figcaption{flex-wrap:wrap;gap:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}