@font-face{font-family:"Inter";src:url("/site/fonts/inter-variable.woff") format("woff");font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#464646;--nav-ink:#555;--heading-ink:#383838;--muted:#686868;--paper:#fff;--pad:clamp(24px,3.22vw,64px);--side:25%;--gap:clamp(32px,3.4vw,64px);font-family:"Inter","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;font-weight:300;font-optical-sizing:auto;color:var(--ink);background:var(--paper)}
body{isolation:isolate;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}button{border:0;background:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #545454;outline-offset:5px}button:focus-visible{border-radius:2px}p{margin:0 0 1.5em}h1,h2{font-family:"Times New Roman",Times,"Songti SC",serif;font-weight:300;color:var(--heading-ink);letter-spacing:0;line-height:1.12;margin:0}h1{font-size:clamp(38px,3.4vw,64px)}h2{font-size:clamp(32px,3.4vw,54px)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:20px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}
.backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;background-position:center;background-size:cover;background-repeat:no-repeat}.sidebar{position:fixed;top:var(--pad);left:var(--pad);width:calc(var(--side) - var(--pad) - 26px);z-index:5}.brand{display:inline-block;font-family:"Times New Roman",Times,serif;font-weight:300;color:var(--heading-ink);font-size:clamp(40px,3.4vw,64px);line-height:1.08;letter-spacing:0}.brand:hover{text-decoration:none}.navigation{margin-top:72px;font-size:16px;font-weight:300;color:var(--nav-ink);line-height:1.3}.nav-group{display:flex;flex-direction:column;gap:0}.nav-group+.nav-group{margin-top:34px}.nav-link{display:flex;align-items:center;gap:10px;min-height:35px;width:fit-content}.nav-link[aria-current=page]{font-weight:300;color:#444}.nav-arrow{font-family:"Inter","Helvetica Neue",Arial,sans-serif;font-weight:300;font-size:18px;color:#666}.mobile-menu-button{display:none}.main{margin-left:var(--side);padding:var(--pad) var(--pad) 0 0;min-height:82vh}.main:focus{outline:none}.page-heading{margin-bottom:64px}.footer{margin:120px 0 0 var(--side);padding:0 var(--pad) 48px 0;color:var(--muted);font:12px/1.6 "Courier New",monospace}
.home{padding-top:clamp(64px,9.9vw,180px)}.home .slideshow{height:clamp(260px,27.6vw,540px)}.slideshow{position:relative;isolation:isolate}.slide-viewport{height:100%;overflow:hidden}.slide-track{height:100%;display:flex;transition:transform .8s ease-in-out;will-change:transform}.slide{flex:0 0 100%;display:flex;align-items:center;justify-content:center;height:100%;margin:0;min-width:0}.slide-art{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0}.slide img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;display:block}.slide-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;background:rgba(130,130,130,.28);border-radius:50%;color:white;opacity:0;transition:opacity .2s;font-size:31px;line-height:1;z-index:2}.slide-nav.prev{left:10px}.slide-nav.next{right:10px}.slideshow:hover .slide-nav,.slideshow:focus-within .slide-nav{opacity:1}.pause-control{position:absolute;bottom:10px;right:10px;background:rgba(255,255,255,.92);padding:7px 10px;font-size:12px;opacity:0;transition:opacity .2s}.slideshow:hover .pause-control,.slideshow:focus-within .pause-control{opacity:1}.home-intro{font-size:clamp(20px,1.66vw,30px);line-height:1.3;margin-top:32px;letter-spacing:-.018em}.home-intro p+p{margin-top:28px;line-height:1.5}.home-intro p{margin-bottom:0}
.gallery{display:flex;flex-direction:column;gap:var(--gap)}.gallery-row{display:grid;grid-template-columns:var(--columns);gap:var(--gap);align-items:start}.artwork{min-width:0;margin:0}.artwork-button{width:100%;padding:0;display:block;text-align:left}.artwork img{display:block;width:100%;height:auto}.artwork figcaption{margin-top:9px;color:var(--muted);font:12px/1.5 "Courier New",monospace;overflow-wrap:anywhere}.artwork-button:hover img{filter:brightness(.985)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,90px)}.about .page-heading{margin-bottom:30px}.about-copy,.contact-copy{font-size:clamp(17px,1.2vw,21px);line-height:1.32;letter-spacing:-.012em}.about-copy .zh{line-height:1.55;margin-top:36px}.portrait-wrap{padding:45px 5% 0}.portrait-wrap .slideshow{height:clamp(420px,42vw,720px)}.about-unconventional{margin-top:120px}.about-unconventional p{font-size:24px;line-height:1.5;margin-top:24px}.contact-photo{width:min(100%,580px);margin:0 0 40px}.contact-photo img{width:100%;height:auto;display:block}.contact .page-heading{margin-bottom:54px}.contact-copy{max-width:1040px}.contact-copy .zh{line-height:1.65}.contact-link{text-decoration:underline;text-underline-offset:3px}.contact-open{display:block;text-align:left;padding:0;line-height:inherit}.contact-open:hover .contact-link{color:#444}
dialog{border:0;padding:0;max-width:none;max-height:none;color:var(--ink)}dialog::backdrop{background:rgba(255,255,255,.86)}.lightbox{position:fixed;inset:0;width:100vw;height:100dvh;margin:0;background:white;overflow:hidden}.lightbox-inner{height:100%;display:flex;align-items:center;justify-content:center;padding:64px 72px}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;display:block}.viewer-close{position:absolute;right:20px;top:16px;font-size:32px;width:44px;height:44px;line-height:1}.viewer-nav{position:absolute;top:calc(50% - 24px);width:48px;height:48px;font-size:38px;font-weight:300;line-height:1}.viewer-prev{left:12px}.viewer-next{right:12px}.contact-dialog{width:min(560px,calc(100% - 40px));margin:auto;background:white;box-shadow:0 8px 40px #00000015;padding:28px}.contact-dialog h2{font-family:inherit;font-weight:300;font-size:20px;letter-spacing:0;border-bottom:1px solid #ddd;padding-bottom:20px}.contact-dialog label{display:block;font-size:14px;margin:22px 0 9px}.contact-dialog input,.contact-dialog textarea{width:100%;background:white;border:1px solid #d6d6d6;border-radius:0;padding:12px;line-height:1.4}.contact-dialog textarea{resize:vertical;min-height:180px}.form-note{font-size:13px;line-height:1.6;color:#666;margin:18px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:20px;border-top:1px solid #ddd;padding-top:18px}.dialog-actions button{min-height:40px;padding:8px 16px;border:1px solid #ccc}.dialog-actions button:disabled{color:#909090;background:#f4f4f4}.not-found p{margin:32px 0}.not-found a{text-decoration:underline}
@media(min-width:1800px){.navigation{font-size:18px}.nav-link{min-height:40px}}
@media(max-width:900px){:root{--side:24%;--pad:28px;--gap:30px}.sidebar{width:calc(var(--side) - 36px)}.navigation{font-size:14px;margin-top:55px}.nav-link{gap:6px}.brand{font-size:40px}.page-heading{margin-bottom:42px}.about-grid{grid-template-columns:1fr;gap:24px}.portrait-wrap{padding:0;max-width:480px}.portrait-wrap .slideshow{height:560px}.about-unconventional{margin-top:70px}}
@media(max-width:640px){:root{--pad:22px;--side:0%;--gap:34px}.sidebar{position:relative;top:auto;left:auto;width:auto;padding:24px 22px 0}.brand{font-size:43px}.mobile-menu-button{display:block;position:absolute;right:17px;top:24px;min-width:48px;min-height:44px;font-size:25px;line-height:1}.navigation{margin-top:28px;font-size:15px}.nav-group.years{flex-direction:row;gap:18px;flex-wrap:wrap}.years .nav-link{gap:0;min-height:32px}.years .nav-arrow{display:none}.nav-group.info{margin-top:20px;padding:14px 0;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;gap:6px}.info .nav-link{min-height:38px}.main{margin-left:0;padding:36px 22px 0;min-height:58vh}h1{font-size:39px}.page-heading{margin-bottom:34px}.footer{margin:70px 0 0;padding:0 22px 30px;font-size:12px}.home{padding-top:6px}.home .slideshow{height:280px}.home-intro{font-size:19px;line-height:1.45;margin-top:28px}.home-intro p+p{margin-top:24px;font-size:18px;line-height:1.65}.slide-nav{width:38px;height:38px;font-size:27px;opacity:1;background:rgba(120,120,120,.4)}.slide-nav.prev{left:0}.slide-nav.next{right:0}.pause-control{opacity:1;right:0;bottom:-28px;padding:4px 6px;font-size:12px}.home-intro{margin-top:45px}.gallery{gap:34px}.gallery-row{display:contents}.artwork figcaption{font-size:12px;margin-top:10px;line-height:1.6}.about-grid{display:flex;flex-direction:column;gap:8px}.about-copy,.contact-copy{font-size:17px;line-height:1.55}.about-copy .zh{margin-top:28px}.portrait-wrap{padding-top:8px;width:100%}.portrait-wrap .slideshow{height:min(130vw,540px)}.about-unconventional{margin-top:80px}.about-unconventional h2{font-size:32px;letter-spacing:-.025em}.about-unconventional p{font-size:21px}.contact .page-heading{margin-bottom:34px}.contact-photo{margin-bottom:28px}.lightbox-inner{padding:66px 18px 70px}.viewer-nav{top:auto;bottom:16px}.viewer-prev{left:calc(50% - 75px)}.viewer-next{right:calc(50% - 75px)}.viewer-close{top:10px;right:10px}.contact-dialog{padding:22px}.contact-dialog h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
