:root{--bg: #fff;--ink: #0b0b0b;--muted: #707070;--line: rgba(11, 11, 11, .18);--pad: 10px;--header-height: 40px;--sidebar-width: 180px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}main{min-height:100svh}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:8px 12px;background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:fixed;inset:0 0 auto;z-index:30;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);background:#fffffff7;font-size:13px;line-height:1}.site-header nav{display:flex;align-items:baseline;gap:4px}.site-header a:hover,.site-footer a:hover{opacity:.48}.site-footer{min-height:40px;display:flex;justify-content:space-between;align-items:flex-end;padding:8px var(--pad) 10px;font-size:10px}.home-screen{position:relative;width:100%;height:100svh;overflow:hidden;background:#fff;font-size:13px;line-height:1.15}.home-identity{position:absolute;z-index:3;top:var(--pad);left:var(--pad)}.home-identity p{margin:18px 0 0;font-size:13px}.home-navigation{position:absolute;z-index:3;top:var(--pad);right:var(--pad);display:flex;gap:4px}.home-identity a:hover,.home-navigation a:hover{opacity:.5}.home-hero{position:absolute;z-index:1;inset:50% auto auto 50%;width:min(48vw,640px);height:min(68svh,760px);transform:translate(-50%,-48%);display:grid;place-items:center}.home-hero img{width:100%;height:100%;object-fit:contain;transition:opacity .22s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.home-hero:hover img{opacity:.92;transform:scale(1.004)}.home-hero-empty{font-size:12px;background:#f5f5f5}.home-meta{position:absolute;z-index:3;inset:auto var(--pad) var(--pad);display:flex;justify-content:space-between;font-size:10px;pointer-events:none}.works-page{background:#fff}.works-shell{min-height:100svh;padding-left:var(--sidebar-width)}.works-sidebar{position:fixed;inset:0 auto 0 0;z-index:10;width:var(--sidebar-width);padding:var(--pad);display:flex;flex-direction:column;justify-content:space-between;background:#fff;font-size:12px;line-height:1.25}.works-name:hover,.works-sidebar-bottom a:hover{opacity:.5}.works-sidebar-bottom nav{display:grid;gap:2px;margin-bottom:22px}.works-sidebar-bottom p{margin:0}.works-gallery{width:100%;padding:24px clamp(24px,4vw,72px) 120px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(38px,4.5vw,76px);row-gap:clamp(120px,16vw,230px);align-items:start}.work-tile{display:block;width:100%;max-width:380px;justify-self:center;overflow:hidden;background:transparent}.work-tile img{width:100%;height:auto;object-fit:contain;transition:opacity .22s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.work-tile:hover img{opacity:.88;transform:scale(1.004)}.information-screen{position:relative;width:100%;min-height:100svh;overflow:hidden;background:#fff;font-size:13px;line-height:1.2}.information-identity{position:absolute;top:var(--pad);left:var(--pad)}.information-identity p{margin:18px 0 0}.information-navigation{position:absolute;top:var(--pad);right:var(--pad);display:flex;gap:4px}.information-contact{position:absolute;top:44px;left:68%;font-size:13px}.information-contact p{margin:0 0 4px}.information-identity a:hover,.information-navigation a:hover,.information-contact a:hover{opacity:.5}.information-meta{position:absolute;inset:auto var(--pad) var(--pad);display:flex;justify-content:space-between;font-size:10px}.project-detail{padding-top:var(--header-height)}.project-heading{min-height:22svh;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:18px;padding:46px var(--pad) 14px;font-size:11px}.project-heading h1{margin:0;text-align:center;font-size:14px;font-weight:400;line-height:1}.project-heading p{margin:0}.project-heading p:last-child{text-align:right}.project-gallery{padding:0 var(--pad)}.project-gallery figure{margin:0 auto clamp(54px,10vw,150px)}.project-gallery figure:nth-child(3n+1){width:min(76vw,1180px)}.project-gallery figure:nth-child(3n+2){width:min(50vw,760px);margin-left:5vw}.project-gallery figure:nth-child(3n){width:min(60vw,900px);margin-right:3vw}.project-gallery figure.gallery-inset{width:min(42vw,640px);margin-left:auto;margin-right:10vw}.project-gallery img{width:100%;max-height:96svh;object-fit:contain;background:#f4f4f4}.project-gallery figcaption{margin-top:5px;text-align:right;font-size:9px}.project-information{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:clamp(38px,8vw,140px);padding:22px var(--pad) 110px;border-top:1px solid var(--line)}.project-information h2{margin:0 0 14px;font-size:10px;font-weight:400}.project-description p{margin:0;max-width:680px;font-size:14px;line-height:1.25}.project-credits dl{margin:0}.project-credits dl div{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;padding:3px 0;border-bottom:1px solid var(--line);font-size:10px}.project-credits dt{color:var(--muted)}.project-credits dd{margin:0}.project-end{display:flex;justify-content:center;gap:4px;padding:14px var(--pad) 34px;font-size:13px}.redirect-note{padding:90px var(--pad)}@media(max-width:900px){:root{--sidebar-width: 145px}.home-hero{width:min(62vw,560px);height:min(62svh,680px)}.works-gallery{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:90px}.work-tile{max-width:340px}.information-contact{left:58%}}@media(max-width:640px){:root{--pad: 9px}.home-screen,.information-screen{font-size:12px}.home-identity p,.information-identity p{margin-top:14px;font-size:12px}.home-hero{width:calc(100vw - 34px);height:60svh;transform:translate(-50%,-44%)}.home-meta,.information-meta{font-size:9px}.works-shell{padding-left:0}.works-sidebar{position:sticky;top:0;width:100%;height:42px;padding:0 var(--pad);flex-direction:row;align-items:center;background:#fffffffa}.works-sidebar-bottom{display:flex;align-items:baseline;gap:12px}.works-sidebar-bottom nav{display:flex;gap:4px;margin:0}.works-sidebar-bottom p{display:none}.works-gallery{grid-template-columns:1fr;gap:68px;padding:18px 14px 80px}.work-tile{max-width:430px}.information-contact{top:118px;left:var(--pad);font-size:12px}.project-heading{min-height:24svh;display:block;padding-top:56px;font-size:10px}.project-heading h1{margin:14px 0;text-align:left;font-size:13px}.project-heading p:last-child{text-align:left}.project-gallery figure,.project-gallery figure:nth-child(3n+1),.project-gallery figure:nth-child(3n+2),.project-gallery figure:nth-child(3n),.project-gallery figure.gallery-inset{width:100%;margin:0 0 58px}.project-gallery img{max-height:none}.project-information{grid-template-columns:1fr;padding-bottom:78px}.project-description p{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}html,body,button,input,textarea,select{font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-weight:300;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,a,p,span,nav,h1,h2,h3,dt,dd{font-weight:300}.site-header,.single-image-home,.shenqu-home,.gallery-sidebar,.information-grid,.project-heading,.project-information,.project-end{font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-weight:300!important}.site-header,.single-image-home,.shenqu-home,.gallery-sidebar{font-size:12px!important}.information-grid{font-size:12px;line-height:1.25}.information-intro h1,.information-contact{font-size:12px;font-weight:300;line-height:1.25}.information-contact .contact-group{margin-top:42px}.information-contact p{margin:0}.information-contact a{display:inline-block;margin-top:2px}.project-heading h1,.project-description p{font-weight:300}html,body,button,input,textarea,select{font-family:Arial,Helvetica,sans-serif!important;font-weight:400;letter-spacing:0}body,a,p,span,nav,h1,h2,h3,dt,dd{font-weight:400}.site-header,.shenqu-home,.single-image-home,.gallery-sidebar,.information,.project-heading,.project-information,.project-end{font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important}
