@import url('/base.css');
:root{--bg:#101211;--surface:#1c1f1d;--line:#ffffff24;--ink:#eeeee7;--muted:#a2a69f;--accent:#d4e5ac;--rx:0deg;--ry:0deg}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent);color:#101211}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:13px;font-weight:800;font-size:18px;letter-spacing:1.3px}.logo-mark{width:36px;height:36px;background:var(--accent);color:#101211;display:flex;align-items:center;justify-content:center;font-size:25px;letter-spacing:-5px;padding-right:4px}.logo-mark span{font-size:19px;margin-top:-7px}.wordmark-sub{font-size:9px;color:var(--muted);font-weight:400;letter-spacing:1.4px;margin-left:20px}nav{display:flex;align-items:center;gap:35px;font-size:12px}nav a{transition:color .2s}nav a:hover,nav a.active{color:var(--accent)}nav span{font-size:9px;vertical-align:super;margin-left:8px;color:var(--muted)}nav .admin-link{border:1px solid var(--line);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:20px}.hero{position:relative;min-height:690px;height:calc(100svh - 150px);max-height:1000px;margin:24px 24px 0;overflow:hidden;background:#262d27}.hero-image-wrap{position:absolute;inset:0}.hero-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;animation:hero-enter 1.7s cubic-bezier(.2,.6,.2,1) both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070e0bc9 0%,#07100b28 68%),linear-gradient(0deg,#07100bc4 0%,transparent 60%)}.hero-grain{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.hero-topline{position:absolute;top:32px;left:3vw;right:3vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#e0e5da}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:9px;box-shadow:0 0 10px #d4e5ac66}.hero-copy{position:relative;z-index:1;padding:130px 5vw 70px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;color:var(--muted);margin:0 0 24px}.hero .eyebrow{color:#d4e5ac;margin-bottom:30px}.hero h1{font-size:clamp(70px,8.2vw,130px);font-weight:600;letter-spacing:-5px;line-height:1.07;margin:0;display:flex;flex-wrap:wrap;max-width:850px}.outline-text{-webkit-text-stroke:1px #eceee3;color:transparent;margin-left:8px}.hero-english{display:block;width:100%;font-family:Georgia,'Times New Roman',serif;font-size:.62em;font-weight:400;font-style:italic;letter-spacing:-3px;line-height:1.06;margin-top:16px;color:#e3e8d9}.hero-bottom{display:flex;gap:44px;align-items:center;margin-top:35px}.hero-bottom p{font-size:15px;letter-spacing:3px;color:#e2e6db}.round-link{display:grid;place-items:center;height:49px;width:49px;border:1px solid #e2e6db66;border-radius:50%;font-size:22px;transition:background .3s,transform .3s}.round-link:hover{background:var(--accent);color:#101211;transform:translateY(5px)}.hero-caption{position:absolute;bottom:30px;right:3vw;text-align:right;font-size:11px;line-height:2;letter-spacing:1px}.hero-caption span{display:block}.hero-caption span+span{font-size:8px;opacity:.65}.ticker{display:flex;align-items:center;gap:3vw;padding:34px 5vw;border-bottom:1px solid var(--line);font-size:clamp(16px,2vw,30px);font-weight:600;letter-spacing:-.8px}.asterisk{font-size:34px;color:var(--accent);font-weight:400}.ticker-cn{margin-left:auto;font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:400}.works-section{padding:110px 6vw 100px;max-width:1800px;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-heading h2{font-size:clamp(38px,5vw,70px);font-weight:500;letter-spacing:-2px;margin:0}.serif-dot{color:var(--accent);font-family:Georgia}.section-heading>p{max-width:270px;font-size:12px;color:var(--muted);line-height:2.1;letter-spacing:1px;margin:0 0 8px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:35px 0 24px;margin-bottom:48px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid transparent;background:transparent;color:var(--muted);padding:10px 18px;border-radius:24px;font-size:12px;cursor:pointer;transition:.25s}.filter:hover{color:var(--ink);border-color:var(--line)}.filter.active{color:#101211;background:var(--accent)}.filter-count{font-size:9px;margin-left:7px;opacity:.6}.small-mono{font:10px/1.6 'Courier New',monospace;letter-spacing:1.3px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:5vw;row-gap:80px;align-items:start}.photo-card{grid-column:span 7;min-width:0;position:relative}.photo-card:nth-child(4n+2),.photo-card:nth-child(4n+3){grid-column:span 5}.photo-card:nth-child(4n+2){margin-top:110px}.photo-card:nth-child(4n+3){margin-top:-30px}.photo-card:nth-child(4n+4){margin-top:80px}.photo-button{display:block;padding:0;border:0;background:#232923;width:100%;cursor:pointer;position:relative;text-align:left;color:white;perspective:1200px}.photo-frame{overflow:hidden;position:relative;aspect-ratio:1.35;transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;will-change:transform}.photo-card:nth-child(4n+2) .photo-frame,.photo-card:nth-child(4n+3) .photo-frame{aspect-ratio:.87}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.85)}.photo-button:hover .photo-frame{box-shadow:0 30px 65px #0007;transform:perspective(1200px) translateY(-10px) rotateX(var(--rx)) rotateY(var(--ry))}.photo-button:hover img{transform:scale(1.055);filter:saturate(1)}.photo-gloss{position:absolute;inset:0;background:radial-gradient(circle at var(--px,50%) var(--py,50%),#ffffff1a,transparent 65%);opacity:0;transition:opacity .5s;pointer-events:none}.photo-button:hover .photo-gloss{opacity:1}.photo-view{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:12px;border:1px solid #ffffff80;border-radius:50px;padding:12px 18px;background:#17201850;backdrop-filter:blur(12px);font-size:10px;opacity:0;transform:translateY(12px);transition:.4s}.photo-button:hover .photo-view,.photo-button:focus-visible .photo-view{opacity:1;transform:translateY(0)}.photo-view b{font-size:20px;font-weight:400}.photo-number{position:absolute;left:18px;top:18px;font:10px 'Courier New',monospace;color:#fff9}.photo-meta{display:flex;justify-content:space-between;gap:14px;padding-top:21px;align-items:flex-start}.photo-meta h3{font-size:16px;font-weight:400;letter-spacing:1px;margin:0 0 8px}.photo-meta p{color:var(--muted);font-size:10px;letter-spacing:1px;margin:0}.photo-meta>span{font-size:22px;color:var(--accent);font-weight:300}.demo-note{font-size:11px;color:var(--muted);line-height:1.8;margin:-25px 0 30px;border-left:2px solid #d4e5ac66;padding-left:12px}.button-outline{padding:15px 25px;background:none;border:1px solid #5c6258;color:var(--ink);cursor:pointer;border-radius:30px;font-size:12px;transition:.25s}.button-outline:hover{background:var(--accent);border-color:var(--accent);color:#101211}.load-more{display:block;margin:70px auto 0;min-width:180px}.load-more span{margin-left:25px}.about-section{background:var(--accent);color:#222b1e;padding:80px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about-section .eyebrow{color:#45503c}.about-section h2{font-size:clamp(50px,7vw,100px);line-height:1.2;font-weight:500;margin:0;letter-spacing:-3px}.about-section h2 span{color:#6f7c5d}.about-copy{padding-top:15px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.asterisk.large{color:#27321f;font-size:74px;line-height:1}.about-copy p{font-size:18px;line-height:2.2;margin:30px 0;white-space:pre-line;max-width:500px}.signature{font:italic 26px Georgia,serif;margin:12px 0 25px}.about-copy .small-mono{color:#4d5a41;font-size:8px}footer{display:flex;align-items:center;justify-content:space-between;padding:44px 5vw;gap:25px}footer .wordmark{font-size:15px}footer>span,.back-top{font-size:10px;color:var(--muted)}.lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px 5vw 30px;border:0;background:#090c0bf7;color:var(--ink);overflow:hidden}.lightbox[open]{display:flex;flex-direction:column;align-items:center}.lightbox::backdrop{background:#090b0a}.lightbox-top{display:flex;width:100%;justify-content:space-between;align-items:center;flex-shrink:0}.icon-button{border:1px solid var(--line);border-radius:50%;width:42px;height:42px;background:none;color:var(--ink);cursor:pointer;font-size:17px}.lightbox>img{max-width:90%;max-height:calc(100dvh - 220px);object-fit:contain;margin:auto;min-height:0}.lightbox-arrow{position:absolute;top:45%;background:#ffffff12;color:#fff;border:1px solid #ffffff30;border-radius:50%;width:46px;height:46px;cursor:pointer;font-size:20px}.lightbox-arrow.prev{left:1.5vw}.lightbox-arrow.next{right:1.5vw}.lightbox-caption{display:flex;justify-content:space-between;align-items:end;width:100%;gap:25px;padding-top:16px;flex-shrink:0}.lightbox-caption h3{font-size:19px;font-weight:400;margin:0 0 8px}.lightbox-caption p{font-size:12px;color:var(--muted);margin:0;max-width:700px;max-height:55px;overflow:auto;white-space:pre-line}.lightbox-caption>span{font-size:11px;color:var(--muted);white-space:nowrap}.empty-state{text-align:center;padding:80px 20px;border:1px dashed var(--line);color:var(--muted)}.empty-symbol{font-size:44px;color:var(--accent)}.empty-state h3{font-size:20px;font-weight:400;color:var(--ink)}.empty-state p{font-size:13px}.text-link{display:inline-block;margin-top:20px;color:var(--accent);font-size:13px}.error-message{font-size:13px;color:#f3b4a0;padding:20px;border:1px solid #f3b4a033}.skip-link{position:fixed;top:-80px;left:15px;background:var(--accent);color:#101211;z-index:20;padding:15px}.skip-link:focus{top:10px}@keyframes hero-enter{from{transform:scale(1.07);opacity:.3}to{transform:scale(1);opacity:1}}
@media(min-width:1600px){.hero-copy{padding-top:170px}.hero-bottom{margin-top:50px}}
@media(max-width:800px){.wordmark-sub{display:none}.site-header{height:76px;padding:0 5vw}nav{gap:17px}nav span{display:none}.wordmark{font-size:14px;gap:8px}.logo-mark{width:29px;height:29px;font-size:22px}.hero{margin:12px 12px 0;height:700px;min-height:0;max-height:85svh}.hero-copy{padding:140px 7vw 70px}.hero-topline{font-size:7px;left:6vw;right:6vw}.hero h1{font-size:78px}.hero-english{font-size:.65em}.hero .eyebrow{font-size:8px}.hero-caption{font-size:9px;bottom:20px;right:6vw}.ticker{gap:4vw;padding:25px 6vw;font-size:18px}.ticker .asterisk{font-size:24px}.ticker-cn{display:none}.works-section{padding:70px 6vw}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:none;font-size:12px}.filter-row{margin-bottom:30px;gap:10px;padding:25px 0 20px}.filter{padding:8px 13px;font-size:11px}.small-mono{font-size:9px}.gallery{gap:40px 5vw}.photo-card{grid-column:span 6!important;margin-top:0!important}.photo-frame{aspect-ratio:.85!important}.photo-card:nth-child(even){margin-top:60px!important}.photo-meta{padding-top:14px}.photo-meta h3{font-size:13px}.photo-meta p{font-size:9px;line-height:1.7}.photo-meta>span{display:none}.photo-number{font-size:8px;left:10px;top:10px}.photo-view{display:none}.demo-note{margin:-10px 0 25px;font-size:10px}.about-section{padding:60px 7vw;gap:8vw}.about-copy p{font-size:14px;margin:20px 0}.about-section .eyebrow{font-size:8px}.asterisk.large{font-size:50px}.signature{font-size:22px}footer{flex-wrap:wrap;padding:30px 6vw}footer>span{order:3;flex-basis:100%}.lightbox{padding:20px}.lightbox>img{max-width:100%;max-height:calc(100dvh - 250px)}.lightbox-arrow{top:auto;bottom:115px;width:38px;height:38px}.lightbox-arrow.prev{left:20px}.lightbox-arrow.next{right:20px}.lightbox-caption{display:block}.lightbox-caption>span{display:block;margin-top:12px}.lightbox-caption h3{font-size:16px}}
@media(max-width:420px){.hero h1{font-size:64px}.hero{max-height:none;height:630px}.hero-copy{padding-top:130px}.hero-bottom{gap:25px}.hero-bottom p{font-size:12px}.hero-topline>span+span{display:none}.about-section{grid-template-columns:1fr}.about-section h2 br{display:none}.about-section h2{font-size:47px}.about-copy{padding-top:0}.about-copy .large{display:none}}
@media(max-width:420px){.ticker{font-size:14px;gap:3vw;letter-spacing:-.5px}.ticker .asterisk{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.photo-button:hover .photo-frame,.photo-button:hover img{transform:none!important}}