@charset "UTF-8";
img{height:auto}
.contact-details{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:24px;border-top:1px solid #1114;border-bottom:1px solid #1114;padding:28px 0;margin:0 0 28px}.contact-details>div{min-width:0}.contact-label{display:block;font-size:10px;letter-spacing:1px;margin-bottom:14px}.contact-details a,.contact-details p{font-size:clamp(15px,1.7vw,25px);line-height:1.6;overflow-wrap:anywhere}.contact-details a:hover{text-decoration:underline;text-underline-offset:5px}.wechat-id{display:block;font-size:12px;margin-top:6px}@media(max-width:700px){.contact-details{grid-template-columns:1fr;gap:23px;padding:24px 0}.contact-label{margin-bottom:7px}.contact-details a,.contact-details p{font-size:21px}}
:root{--ink:#111110;--paper:#f4f3ee;--orange:#ff4b25;--muted:#9a9a92;--line:#32322e;--font:Arial,"Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}img{display:block;width:100%}::selection{background:var(--orange);color:var(--ink)}h1,h2,h3,p{margin:0}button{color:inherit}section[id]{scroll-margin-top:18px}.serif{font-family:Georgia,"STSong","SimSun",serif;font-weight:400}.eyebrow{font-size:12px;letter-spacing:1px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;z-index:100;top:10px;left:10px;background:var(--paper);color:var(--ink);padding:14px}
.header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 5.2%;background:var(--ink)}.logo{display:inline-flex;align-items:center;font-size:31px;font-weight:900;letter-spacing:-4px;line-height:1}.logo-line{width:38px;height:2px;background:currentColor;margin:8px 0 0 18px}.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);margin:8px 0 0 5px}.header nav{display:flex;align-items:center;gap:36px;font-size:13px}.nav-link span{font-size:10px;color:var(--muted);margin-left:8px}.nav-link:hover{color:var(--orange)}.nav-contact{border:1px solid #66665d;padding:12px 17px;border-radius:30px}.nav-contact span{margin-left:28px}.nav-contact:hover{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.hero{padding:0 5.2%}.hero-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#a3a39b;padding:23px 0}.hero-content{display:grid;grid-template-columns:1.05fr 1fr;min-height:620px;align-items:center;gap:2%}.hero-copy{position:relative;z-index:1;padding:28px 0 50px}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:var(--orange);border-radius:50%}h1{font-size:clamp(46px,5.8vw,93px);line-height:1.22;letter-spacing:-5px;font-weight:500;margin:32px 0 25px;white-space:nowrap}.comma{color:var(--orange)}h1 .serif{color:var(--orange)}.hero-intro{font-size:14px;color:#aaa99f;line-height:1.9}.round-link{display:inline-flex;gap:17px;align-items:center;margin-top:36px;font-size:13px}.circle-arrow{width:46px;height:46px;border-radius:50%;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:26px;transition:transform .25s,background .25s}.round-link:hover .circle-arrow{transform:rotate(-45deg);background:var(--orange);border-color:var(--orange);color:var(--ink)}.round-link small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;margin-top:7px}.hero-art{height:560px;position:relative;margin:10px 0 30px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:25% 25%;border-right:1px solid #fff1;border-bottom:1px solid #fff1}.hero-image-frame{position:absolute;top:68px;left:4%;width:91%;transform:rotate(-7deg);padding:8px;background:#242421;border:1px solid #77776a;box-shadow:0 25px 70px #0009}.hero-image-frame img{aspect-ratio:4/3;object-fit:cover}.frame-caption{display:flex;justify-content:space-between;padding:13px 3px 5px;font-size:11px;color:#d5d5c8}.hero-mini-frame{position:absolute;width:43%;bottom:22px;left:-2%;padding:6px;background:#d9d8ce;transform:rotate(8deg);box-shadow:0 20px 45px #0008}.hero-mini-frame img{aspect-ratio:4/3;object-fit:cover}.hero-mini-frame span{display:block;font-size:8px;color:var(--ink);padding:8px 2px 3px;letter-spacing:1px}.art-sticker{position:absolute;right:-2%;bottom:15px;background:var(--orange);color:var(--ink);width:145px;height:145px;padding:15px;transform:rotate(7deg);font-size:21px;font-weight:800;line-height:1.1;letter-spacing:-.8px}.art-sticker i{font-family:Georgia,serif}.art-sticker>span{position:absolute;bottom:8px;right:12px;font-size:40px}.art-coordinate{position:absolute;color:var(--muted);font-size:9px;letter-spacing:1px}.art-coordinate-top{top:14px;left:12px}.art-coordinate-bottom{bottom:-22px;right:0}.hero-bottom{display:flex;justify-content:space-between;padding:21px 0 26px;border-top:1px solid var(--line);font-size:10px;letter-spacing:1px;color:#b3b3aa}.hero-bottom>span:last-child span{margin-left:36px}.ticker{background:var(--orange);color:var(--ink);padding:19px 0;overflow:hidden}.ticker>div{display:flex;align-items:center;gap:45px;white-space:nowrap;font-size:37px;font-weight:600;letter-spacing:-1px;width:max-content;animation:ticker 36s linear infinite}.ticker span{font-size:43px;font-weight:400}@keyframes ticker{to{transform:translateX(-50%)}}
.section-light{background:var(--paper);color:var(--ink)}.work,.about,.contact{padding:58px 5.2% 75px}.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.8px;border-bottom:1px solid #1113;padding-bottom:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:47px 0 38px}.section-heading h2{font-size:clamp(42px,5vw,74px);font-weight:500;letter-spacing:-3px}.section-heading sup{font:12px var(--font);vertical-align:top;display:inline-block;margin:13px 0 0 13px;letter-spacing:0}.section-heading p{font-size:12px;line-height:1.9;color:#686861;max-width:300px}.work-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px;gap:20px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid #bdbdb4;padding:10px 17px;background:none;border-radius:40px;font-size:12px;transition:background .2s}.filter span{font-size:9px;margin-left:9px}.filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter:hover:not(.active){background:#dfded5}.work-hint{font-size:10px;color:#74746b;white-space:nowrap}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 30px;align-items:start}.project[hidden]{display:none}.project:nth-child(even){padding-top:62px}.work-grid.filtered .project:nth-child(even){padding-top:0}.project-cover{position:relative;display:block;padding:0;border:0;width:100%;background:#deded5;overflow:hidden;cursor:zoom-in}.project-cover img{aspect-ratio:4/3;object-fit:cover;transition:transform .6s}.project-cover:hover img{transform:scale(1.035)}.project-open{position:absolute;right:15px;bottom:15px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--paper);font-size:22px;transition:background .2s,transform .2s}.project-cover:hover .project-open{background:var(--orange);transform:rotate(45deg)}.project-meta{display:flex;justify-content:space-between;margin-top:18px;gap:15px}.project h3{font-size:18px;font-weight:500;line-height:1.5}.project-type{color:#797970;font-size:10px;line-height:1.5;margin-top:6px;letter-spacing:.5px}.project-index{font-size:10px;padding-top:5px;color:#77776f}.archive-link{border-top:1px solid #bdbdb2;border-bottom:1px solid #bdbdb2;padding:23px 0;margin-top:66px;display:flex;align-items:center;justify-content:space-between;font-size:17px}.archive-link small{display:block;font-size:9px;letter-spacing:1px;color:#77776f;margin-top:10px}.archive-link:hover .circle-arrow{background:var(--ink);color:var(--paper)}
.about .section-label{border-color:var(--line);color:#b0b0a6}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:65px;align-items:center}.about-number{border:1px solid var(--line);padding:24px 28px;position:relative;background:radial-gradient(ellipse at 50% 70%,#ff4b2517,transparent 65%)}.about-number-label{font-size:10px;color:#a4a499;letter-spacing:1px}.ten{font-size:clamp(130px,20vw,300px);letter-spacing:-.1em;line-height:1.25;display:block;color:var(--orange);font-weight:500;position:relative}.ten>span{font-size:50px;position:absolute;right:12px;top:22px;letter-spacing:0;font-weight:400}.about-number-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:#b0b0a6}.about-number-bottom>span{font-size:22px}.about-copy .eyebrow{color:var(--orange)}.about-copy h2{font-size:clamp(28px,3.1vw,47px);font-weight:400;line-height:1.5;margin:22px 0}.about-copy>p:not(.eyebrow){color:#a7a79e;font-size:13px;line-height:2;max-width:430px}.expertise{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 35px}.expertise span{border:1px solid #54544b;border-radius:40px;font-size:11px;padding:8px 14px;color:#c2c2b8}.text-link{display:inline-flex;gap:50px;font-size:12px;padding-bottom:8px;border-bottom:1px solid #858579}.text-link:hover{color:var(--orange)}
.contact{background:var(--orange);color:var(--ink);padding-bottom:36px}.contact-content{display:flex;justify-content:space-between;align-items:center;padding:58px 0 42px;gap:20px}.contact h2{font-size:clamp(35px,6.1vw,90px);font-weight:500;letter-spacing:-3px;line-height:1.5;margin-top:13px}.contact-arrow{width:110px;height:110px;flex-shrink:0;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:75px;transition:background .2s,color .2s}.contact-arrow:hover{background:var(--ink);color:var(--orange)}.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between;font-size:12px}.contact-bottom p{line-height:1.8}.contact-bottom p span{display:block;font-size:17px}.contact-bottom>a{border-bottom:1px solid var(--ink);padding-bottom:7px}footer{padding:35px 5.2%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;color:#aaa99e}footer .logo{color:var(--paper)}footer>a:last-child:hover{color:var(--orange)}
dialog{border:1px solid #5c5c52;border-radius:0;padding:0;width:min(1000px,92vw);max-height:91dvh;background:var(--paper);color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:23px 28px;border-bottom:1px solid #ccc;gap:20px}.dialog-header h2{font-size:22px;font-weight:500;margin-top:7px}.dialog-header .eyebrow{font-size:9px;color:#777}.dialog-close{flex-shrink:0;background:transparent;border:1px solid #aaa;border-radius:50%;width:40px;height:40px;font-size:28px;line-height:1}.dialog-close:hover{background:var(--orange)}.dialog-image-wrap{background:#dfdfd8;min-height:180px}.dialog-image-wrap img{height:auto}.dialog-footer{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.dialog-footer p{color:#666}.dialog-footer a{background:var(--ink);color:var(--paper);padding:13px 20px;white-space:nowrap}.dialog-footer a:hover{background:var(--orange);color:var(--ink)}body.dialog-open{overflow:hidden}
@media(min-width:1600px){.hero-content{min-height:730px}.hero-art{height:660px}.art-sticker{width:170px;height:170px;font-size:25px}.header,.hero,.work,.about,.contact,footer{padding-left:max(5.2%,calc((100vw - 1500px)/2));padding-right:max(5.2%,calc((100vw - 1500px)/2))}}
@media(max-width:1000px){.hero-content{min-height:530px}.hero-art{height:460px}.art-sticker{width:117px;height:117px;font-size:17px;padding:12px}.art-sticker>span{font-size:32px}.hero-image-frame{top:75px}.hero-mini-frame{bottom:42px}.hero-copy{padding-bottom:30px}h1{letter-spacing:-3px}.about-grid{gap:5%}.about-number{padding:20px}.ten>span{font-size:36px}.work-hint{display:none}}
@media(max-width:700px){html{scroll-padding-top:15px}.header{height:73px;padding:0 6%}.header nav{gap:18px}.nav-link{font-size:12px}.nav-link span{display:none}.nav-contact{padding:10px 13px;font-size:11px}.nav-contact span{margin-left:10px}.logo{font-size:27px}.logo-line{width:20px;margin-left:13px}.hero{padding:0 6%}.hero-meta{font-size:8px;padding-top:20px}.hero-meta>span:last-child{display:none}.hero-content{grid-template-columns:1fr;gap:0}.hero-copy{padding:37px 0 20px}h1{font-size:clamp(43px,10.5vw,72px);letter-spacing:-2px;margin:25px 0 22px}.hero-intro{font-size:12px}.round-link{margin-top:25px}.hero-art{height:410px;width:100%;max-width:440px;margin:25px auto 45px}.hero-image-frame{top:45px;left:5%;width:87%}.hero-mini-frame{bottom:16px;left:0;width:40%}.art-sticker{right:0;bottom:0}.hero-bottom{font-size:8px}.hero-bottom>span:last-child span{margin-left:15px}.ticker{padding:13px 0}.ticker>div{font-size:25px;gap:25px}.ticker span{font-size:30px}.work,.about,.contact{padding:38px 6% 48px}.section-label{font-size:8px;gap:15px;letter-spacing:.3px}.section-heading{margin:33px 0 25px;align-items:flex-start;gap:15px}.section-heading h2{font-size:40px;letter-spacing:-2px}.section-heading sup{font-size:10px;margin:6px 0 0 8px}.section-heading p{font-size:10px;max-width:155px;padding-top:6px}.work-tools{margin-bottom:25px}.filters{gap:6px}.filter{padding:9px 11px;font-size:10px}.filter span{margin-left:5px;font-size:8px}.work-grid{grid-template-columns:1fr;gap:30px}.project:nth-child(even){padding-top:0}.project h3{font-size:17px}.project-meta{margin-top:13px}.archive-link{margin-top:38px;font-size:14px}.archive-link small{font-size:8px}.archive-link .circle-arrow{width:38px;height:38px;font-size:22px}.about-grid{grid-template-columns:1fr;margin-top:35px;gap:36px}.about-number{max-width:none;padding:22px}.ten{font-size:160px;line-height:1.2}.ten>span{right:15px;top:8px;font-size:45px}.about-copy h2{font-size:34px}.about-copy>p:not(.eyebrow){font-size:12px}.expertise{margin:20px 0 27px}.contact-content{padding:35px 0;gap:12px}.contact h2{font-size:clamp(29px,7.4vw,46px);letter-spacing:-1px}.contact .eyebrow{font-size:10px;letter-spacing:0}.contact-arrow{width:61px;height:61px;font-size:43px}.contact-bottom{font-size:10px;gap:15px}.contact-bottom p span{font-size:14px}footer{padding:26px 6%;flex-wrap:wrap;gap:22px}footer>span{font-size:9px}footer>a:last-child{font-size:9px}.dialog-header{padding:18px}.dialog-header h2{font-size:18px}.dialog-footer{padding:18px;align-items:flex-start;flex-direction:column;font-size:10px}.dialog-footer a{width:100%;text-align:center}}
@media(max-width:370px){.header nav{gap:11px}.nav-contact{padding:9px 10px}.hero-art{height:350px}.section-heading{flex-direction:column}.section-heading p{max-width:none}.contact-content{align-items:flex-end}.contact-arrow{width:48px;height:48px;font-size:34px}.filter{padding:8px 9px}.logo-line{width:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}*,*::before,*::after{transition:none!important}}