@charset "UTF-8";
:root{--paper:#f4f2ed;--ink:#242b24;--muted:#6b7066;--accent:#73785d;--line:#cecec3;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body[data-language="zh"]{--serif:"STSong","Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button{border:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}figure,h1,h2,h3,p{margin:0}[hidden]{display:none!important}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(1280px,calc(100% - 104px));margin-inline:auto}.skip-link{position:fixed;top:-60px;left:20px;padding:10px 18px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:10px}.site-header{background:var(--paper);position:relative;z-index:5}.header-inner{min-height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px}.wordmark{display:flex;gap:20px;align-items:baseline;white-space:nowrap}.wordmark strong{font-size:17px;font-weight:600;letter-spacing:-.3px}.wordmark>span{font-size:9px;letter-spacing:2px}.navigation{display:flex;gap:30px;margin-left:auto;font-size:12px}.navigation a{padding:12px 0;position:relative}.navigation a:after{position:absolute;content:"";height:1px;background:var(--ink);bottom:9px;left:0;right:100%;transition:right .2s}.navigation a:hover:after{right:0}.header-right{display:flex;align-items:center;gap:20px}.language-switch{display:flex;gap:9px;align-items:center;font-size:11px;white-space:nowrap}.language-switch>span{color:#999d91}.language-switch a{color:var(--muted);padding:8px 0}.language-switch a[aria-current]{color:var(--ink);border-bottom:1px solid var(--ink)}.menu-toggle{display:none;background:none;padding:10px 0;width:26px}.menu-toggle span{display:block;background:var(--ink);height:1px;margin:6px 0;transition:transform .2s}.eyebrow{font-size:10px;letter-spacing:2.2px;line-height:1.5;font-weight:500;text-transform:uppercase}.hero{padding-top:53px}.hero-intro{display:grid;grid-template-columns:minmax(0,1fr) 226px;gap:40px;align-items:end;padding-bottom:36px}.hero h1{font:400 clamp(44px,5.25vw,78px)/1.07 var(--serif);letter-spacing:-3.2px;margin-top:20px}.hero h1 span{display:block}.hero-note{padding-bottom:8px}.hero-note p{font-size:13px;line-height:1.75;color:var(--muted);max-width:220px}.text-link{display:inline-flex;align-items:center;gap:30px;padding:10px 0;border-bottom:1px solid var(--accent);background:transparent;font-size:12px;line-height:1.5;letter-spacing:.3px}.text-link svg{width:18px;height:18px;transition:transform .25s}.text-link:hover svg{transform:translateY(3px)}.hero-note .text-link{margin-top:23px}.hero-image{aspect-ratio:2.5;overflow:hidden;background:#62604a}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.hero-figure figcaption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.35px;color:var(--muted);padding-top:12px}.section{padding-top:112px;scroll-margin-top:30px}.section-head{display:flex;justify-content:space-between;gap:44px;align-items:end;margin-bottom:34px}.section-name{display:flex;gap:24px;align-items:start}.section-number{font:14px/1.5 var(--serif);padding-top:2px;min-width:20px}.section-name .eyebrow{color:var(--muted);margin-bottom:11px;font-size:9px}.section-head h2,.about h2{font:400 45px/1.12 var(--serif);letter-spacing:-1.6px}.section-head>p{font-size:13px;line-height:1.7;color:var(--muted);max-width:285px;padding-bottom:3px}.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px}.film-cover{position:relative;display:block;width:100%;padding:0;aspect-ratio:16/9;overflow:hidden;background:#101714;text-align:left}.film-cover img{width:100%;height:100%;object-fit:contain;transition:opacity .3s}.film-cover:hover img{opacity:.86}.play-disc{position:absolute;bottom:20px;left:20px;width:43px;height:43px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;color:white;background:#15201526;backdrop-filter:blur(3px);transition:background .2s,transform .2s}.play-disc svg{width:16px;height:16px;fill:currentColor;stroke:none;margin-left:2px}.film-cover:hover .play-disc{background:#fff;color:var(--ink);transform:scale(1.05)}.film-number{position:absolute;right:17px;bottom:16px;font-size:10px;letter-spacing:1.5px;color:#fff;text-shadow:0 1px 6px #000}.film-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-top:17px}.film-card h3{font:400 28px/1.2 var(--serif);letter-spacing:-.5px;margin-top:6px}.film-card>p{font-size:13px;line-height:1.65;color:var(--muted);margin-top:8px;max-width:52ch}.photography .section-head>p{max-width:340px}.photography .section-head h2{font-size:42px}.gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.photo-tile{grid-column:span 4;position:relative;display:block;overflow:hidden;background:#dedfd4;padding:0;height:230px}.photo-tile:nth-child(1){grid-column:span 7}.photo-tile:nth-child(2){grid-column:span 2}.photo-tile:nth-child(3){grid-column:span 3}.photo-tile:nth-child(-n+3){height:360px}.photo-tile:nth-child(7),.photo-tile:nth-child(8),.photo-tile:nth-child(9),.photo-tile:nth-child(10){grid-column:span 3;height:220px}.photo-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.photo-tile:nth-child(2) img{object-position:50% 56%}.photo-tile:nth-child(3) img{object-position:68% 50%}.photo-tile:hover img{transform:scale(1.035)}.photo-caption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;color:#fff;text-shadow:0 1px 4px #0007;padding:35px 15px 13px;background:linear-gradient(transparent,#0007);font-size:11px;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}.photo-tile:hover .photo-caption,.photo-tile:focus-visible .photo-caption{opacity:1;transform:none}.gallery-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:10px;letter-spacing:.4px;color:var(--muted)}.gallery-footer button{color:var(--accent)}.about{display:grid;grid-template-columns:1fr 1.08fr;gap:100px;padding-bottom:98px}.about-copy .section-name{margin-bottom:31px}.about-copy>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:440px;margin:14px 0 0 44px}.about-copy .about-lead{font-size:16px;color:var(--ink)}.services{padding-top:6px}.service{border-top:1px solid var(--line)}.service:last-of-type{border-bottom:1px solid var(--line)}.service summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 0;cursor:pointer;font-size:17px}.service summary::-webkit-details-marker{display:none}.service summary>span:first-child{display:flex;align-items:center;gap:20px}.service small{color:var(--muted);font-size:9px;letter-spacing:1px}.plus{position:relative;flex:0 0 15px;width:15px;height:15px}.plus:before,.plus:after{content:"";position:absolute;background:var(--muted);left:0;top:7px;width:15px;height:1px}.plus:after{transform:rotate(90deg);transition:transform .2s}.service[open] .plus:after{transform:rotate(0)}.service>p{font-size:13px;line-height:1.8;color:var(--muted);padding:0 24px 25px 34px}.contact{display:grid;grid-template-columns:1.35fr 1fr;gap:95px;border-top:1px solid var(--line);padding-top:48px;padding-bottom:53px;align-items:end;scroll-margin-top:50px}.contact .eyebrow{color:var(--accent);font-size:9px;margin-bottom:19px}.contact h2{font:400 clamp(36px,4.2vw,62px)/1.1 var(--serif);letter-spacing:-2px}.contact h2>span{display:block}.contact-details{max-width:390px;justify-self:end;padding-bottom:2px}.contact-details>p:first-child{font-size:14px;line-height:1.8;color:var(--muted)}.contact-link{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--ink);padding:14px 19px;margin-top:22px;font-size:13px;gap:35px}.contact-link:hover{background:var(--ink);color:var(--paper)}.contact-meta{font-size:9px;letter-spacing:.5px;color:var(--muted);margin-top:20px}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:21px;padding-bottom:32px;color:var(--muted);font-size:10px}.site-footer>span{letter-spacing:2px;font-size:9px}.site-footer>p{font-family:var(--serif);font-size:12px}.modal-open{overflow:hidden}dialog{padding:0;border:0;color:var(--ink);background:var(--paper);max-height:92dvh;overscroll-behavior:contain}dialog::backdrop{background:#0c1411e8;backdrop-filter:blur(5px)}.film-dialog{width:min(1050px,calc(100% - 60px));max-width:none}.dialog-top{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:22px 27px}.dialog-top .eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.2px}.dialog-top h2{font:400 27px/1.3 var(--serif);margin-top:5px}.icon-button{display:grid;place-items:center;flex-shrink:0;min-width:44px;min-height:44px;background:transparent;color:inherit}.icon-button:hover{background:#a5ad9825}.film-dialog video{display:block;width:100%;aspect-ratio:16/9;max-height:61vh;background:#080d0a}.film-dialog-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;padding:24px 28px 30px}.film-dialog-copy h3{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.film-dialog-copy p{font-size:13px;line-height:1.7;color:var(--muted)}.film-dialog-copy small{font-size:11px;line-height:1.6;display:block;color:var(--muted);margin-top:14px}.photo-dialog{width:min(1300px,calc(100% - 40px));max-width:none;max-height:96dvh;background:#101713;color:var(--paper);overflow:auto}.photo-top{display:flex;align-items:center;justify-content:space-between;padding:6px 15px 0 23px;font-size:11px;color:#abb1a7;letter-spacing:1.5px}.photo-stage{display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;min-height:180px;gap:10px}.photo-stage img{width:100%;height:74dvh;object-fit:contain}.photo-nav span{font-size:25px;font-family:var(--serif)}.photo-dialog h2{font:400 21px/1.3 var(--serif);text-align:center;padding:17px 30px 25px}.photo-dialog .icon-button:focus-visible{outline-color:#fff}.photo-stage{touch-action:pan-y}
body[data-language="zh"] .hero h1{font-size:clamp(43px,5.3vw,77px);letter-spacing:-1.8px;line-height:1.23}body[data-language="zh"] .section-head h2{font-size:40px;letter-spacing:-1px}body[data-language="zh"] .hero-note p{font-size:13px;line-height:1.9}body[data-language="zh"] .film-card h3{font-size:27px;letter-spacing:0}body[data-language="zh"] .film-card>p{line-height:1.85}body[data-language="zh"] .photography .section-head h2{font-size:34px}body[data-language="zh"] .about h2{font-size:40px}body[data-language="zh"] .contact h2{line-height:1.3;letter-spacing:-1px}
@media(min-width:1600px){.hero{padding-top:65px}.hero-intro{padding-bottom:44px}.hero h1{font-size:86px}.hero-image{aspect-ratio:2.65}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.wordmark{gap:13px}.wordmark>span{display:none}.navigation{gap:22px}.hero-intro{grid-template-columns:minmax(0,1fr) 190px;gap:25px}.hero h1{font-size:clamp(42px,5.4vw,60px);letter-spacing:-2px}.hero-note p{font-size:12px}.section{padding-top:90px}.section-head h2{font-size:40px}.section-head>p{max-width:245px}.photography .section-head{align-items:start}.photography .section-head>p{max-width:270px}.photography .section-head h2{font-size:37px}.photo-tile:nth-child(-n+3){height:310px}.photo-tile{height:190px}.about{gap:55px}.about h2{font-size:38px}.about-copy>p{margin-left:0}.contact{gap:50px}.contact h2{font-size:48px}body[data-language="zh"] .photography .section-head h2{font-size:30px}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:73px;gap:16px}.wordmark strong{font-size:15px}.header-right{margin-left:auto;gap:21px}.language-switch{font-size:10px;gap:8px}.menu-toggle{display:block}.navigation{display:none;position:absolute;left:20px;right:20px;top:72px;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 4px;box-shadow:0 8px 15px #242b2407;gap:20px;flex-wrap:wrap;margin:0}.navigation.is-open{display:flex}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{padding-top:36px}.hero-intro{display:block;padding-bottom:26px}.hero .eyebrow{font-size:8px;letter-spacing:1.8px}.hero h1{font-size:clamp(38px,7.6vw,57px);line-height:1.1;letter-spacing:-1.6px;margin-top:17px}.hero-note{display:flex;align-items:end;justify-content:space-between;gap:26px;padding:0;margin-top:24px}.hero-note p{font-size:12px;line-height:1.65;max-width:200px}.hero-note .text-link{margin-top:0;white-space:nowrap;font-size:10px;gap:13px}.hero-image{aspect-ratio:1.6}.hero-image img{object-position:57% 56%}.hero-figure figcaption{font-size:9px;padding-top:9px}.section{padding-top:69px}.section-head{display:block;margin-bottom:26px}.section-name{gap:15px}.section-number{font-size:12px;min-width:15px}.section-head h2,.about h2{font-size:36px;letter-spacing:-1.1px}.section-name .eyebrow{font-size:8px;margin-bottom:9px;letter-spacing:1.7px}.section-head>p{font-size:12px;max-width:315px;margin:16px 0 0 30px}.film-grid{gap:33px 17px}.film-card h3{font-size:22px}.film-card>p{font-size:12px;margin-top:7px}.film-meta{font-size:8px;margin-top:11px;letter-spacing:.6px}.play-disc{width:35px;height:35px;left:11px;bottom:11px}.film-number{right:11px;bottom:11px;font-size:8px}.photography .section-head h2{font-size:34px}.photography .section-head>p{max-width:330px}.gallery-grid{gap:10px}.photo-tile:nth-child(1){grid-column:span 12;height:220px}.photo-tile:nth-child(2),.photo-tile:nth-child(3){grid-column:span 6;height:290px}.photo-tile:nth-child(n+4){grid-column:span 6;height:170px}.photo-tile:nth-child(6){grid-column:span 12;height:210px}.gallery-footer{margin-top:13px;font-size:9px}.gallery-footer .text-link{font-size:11px;gap:20px}.about{grid-template-columns:1fr;gap:28px;padding-bottom:56px}.about-copy .section-name{margin-bottom:23px}.about-copy>p{max-width:520px;font-size:13px}.about-copy .about-lead{font-size:15px}.services{padding-top:0}.service summary{font-size:16px;padding:21px 0}.service>p{font-size:13px}.contact{grid-template-columns:1fr;gap:24px;padding:34px 0 35px}.contact h2{font-size:45px;letter-spacing:-1.6px}.contact .eyebrow{font-size:8px;margin-bottom:15px}.contact-details{max-width:430px;justify-self:start}.contact-details>p:first-child{font-size:13px;max-width:340px}.contact-meta{font-size:9px;margin-top:19px}.contact-link{max-width:350px;font-size:12px;padding:12px 16px}.site-footer{padding:20px 0 26px;gap:10px}.site-footer>span{font-size:8px;letter-spacing:1.5px}.site-footer>p{display:none}.film-dialog{width:calc(100% - 24px);max-height:94dvh}.dialog-top{padding:13px 15px;gap:10px}.dialog-top h2{font-size:24px}.dialog-top .eyebrow{font-size:8px}.film-dialog-copy{grid-template-columns:1fr;gap:19px;padding:19px}.film-dialog video{max-height:none}.photo-dialog{width:calc(100% - 16px);max-height:94dvh}.photo-stage{grid-template-columns:33px minmax(0,1fr) 33px;gap:0}.photo-stage img{height:64dvh}.photo-nav{min-width:33px}.photo-dialog h2{font-size:19px;padding:15px 20px 23px}.photo-top{padding-left:15px}.photo-top .icon-button{min-height:42px}.photo-caption{opacity:1;transform:none;font-size:10px;padding:24px 10px 10px}body[data-language="zh"] .hero h1{font-size:clamp(38px,7vw,54px);letter-spacing:-.7px;line-height:1.3}body[data-language="zh"] .section-head h2,body[data-language="zh"] .about h2{font-size:33px}body[data-language="zh"] .photography .section-head h2{font-size:27px}body[data-language="zh"] .film-card h3{font-size:24px}body[data-language="zh"] .hero-note p{font-size:12px;line-height:1.8}body[data-language="zh"] .contact h2{font-size:43px}}
@media(max-width:540px){.film-grid{grid-template-columns:1fr;gap:35px}.film-card h3{font-size:26px}.film-card>p{font-size:13px}.film-meta{font-size:9px}.play-disc{width:39px;height:39px;bottom:14px;left:14px}.film-number{font-size:9px;bottom:14px;right:14px}.hero-note{gap:20px}.hero-note p{max-width:185px}.photo-tile:nth-child(2),.photo-tile:nth-child(3){height:260px}.photo-tile:nth-child(n+4){height:148px}.photo-tile:nth-child(6){height:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.photo-tile:hover img{transform:none}}

/* Landscape gallery: the selected vertical street photograph was removed. */
.gallery-grid .photo-tile{grid-column:span 3;height:230px}
.gallery-grid .photo-tile:nth-child(-n+2){grid-column:span 6;height:clamp(270px,27vw,350px)}
.gallery-grid .photo-tile:nth-child(n+7){grid-column:span 3;height:220px}
.gallery-grid .photo-tile:nth-child(n+11){grid-column:span 4}
.gallery-grid .photo-tile:nth-child(2) img{object-position:center center}
@media(max-width:760px){
  .gallery-grid .photo-tile:nth-child(-n+2){grid-column:span 12;height:220px}
  .gallery-grid .photo-tile:nth-child(n+3):nth-child(-n+4){grid-column:span 6;height:170px}
  .gallery-grid .photo-tile:nth-child(n+5):nth-child(-n+6){grid-column:span 12;height:210px}
  .gallery-grid .photo-tile:nth-child(n+7){grid-column:span 6;height:170px}
}