:root{--bg:#10100f;--fg:#eeeee7;--muted:#90918a;--line:#30312c;--accent:#d7e5a2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{width:min(1280px,88%);margin-inline:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:600;letter-spacing:2px}.brand-mark{font-size:36px;color:var(--accent);line-height:1}.brand-en{font-size:9px;font-weight:400;color:var(--muted);letter-spacing:2px;margin-left:8px}.header nav{display:flex;gap:35px;font-size:13px}.header nav a:hover{color:var(--accent)}.contact-link span{margin-left:12px}.hero{padding-top:56px}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:#b5b7aa}.edition{margin-left:auto;font-size:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(56px,7.5vw,108px);font-weight:500;letter-spacing:-4px;line-height:1.24;margin:35px 0 26px;position:relative}.serif{font-family:Georgia,"SimSun",serif;color:var(--accent)}.hero-star{position:absolute;right:7%;bottom:8px;font-size:95px;font-weight:400;color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.hero-bottom p{font-size:13px;color:#a7a99e;line-height:1.9;margin:0}.discover{font-size:12px;display:flex;gap:25px;align-items:center}.discover span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #66695a;border-radius:50%;color:var(--accent)}.hero-art{height:440px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 60% 35%,#aaa082 0%,#615a46 27%,#252b25 61%,#151c19 100%);isolation:isolate}.hero-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#fff1 0px,transparent 1px,transparent 4px);opacity:.13;pointer-events:none}.sun{position:absolute;width:240px;height:240px;border-radius:50%;background:#eddfb0;filter:blur(4px);top:35px;left:58%;box-shadow:0 0 100px #cfbc8580}.monolith{position:absolute;z-index:2;height:430px;width:160px;left:43%;top:88px;background:linear-gradient(100deg,#060e0c,#18221c 80%,#5a5d44 81%,#77775a);transform:skewY(-8deg);box-shadow:-35px 40px 80px #070e0d88}.horizon{position:absolute;left:-10%;right:-10%;bottom:-70px;height:200px;background:linear-gradient(#343f32,#101b17);transform:rotate(-8deg);box-shadow:0 -15px 90px #a2aa7026}.art-word{position:absolute;left:40px;top:40px;font-size:12px;line-height:1.6;letter-spacing:4px;color:#e4e6d7}.art-caption{position:absolute;bottom:25px;left:30px;right:30px;z-index:4;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#d4d6c6}.frame-corner{position:absolute;z-index:4;width:12px;height:12px;border-color:#d8dbbf;border-style:solid}.tl{left:20px;top:20px;border-width:1px 0 0 1px}.br{right:20px;bottom:20px;border-width:0 1px 1px 0}.work{padding-top:95px}.section-heading{display:flex;align-items:end;justify-content:space-between}h2{font-size:32px;font-weight:500;line-height:1.5;letter-spacing:-1px;margin:15px 0 0}.small-count{font-size:12px;color:var(--accent);vertical-align:top;margin-left:12px;letter-spacing:0}.section-heading p{font-size:12px;color:var(--muted)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filters button{background:none;border:1px solid var(--line);border-radius:25px;color:#a6a89d;padding:9px 20px;font-size:12px;cursor:pointer}.filters button.active{color:#171b12;background:var(--accent);border-color:var(--accent)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 25px}.project{border:0;background:none;padding:0;text-align:left;color:var(--fg);cursor:pointer;min-width:0}.project-art{height:300px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--art-bg)}.project-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.04)}.project-art:before{content:"";position:absolute;width:35%;height:75%;background:var(--shape);border-radius:var(--radius,0);transform:var(--transform,rotate(-12deg));box-shadow:25px 30px 60px #0006}.project-art.has-image:before{display:none}.project-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,#0004)}.placeholder-label{position:absolute;top:15px;left:15px;padding:6px 9px;background:#10100f70;color:#eee;font-size:10px;z-index:1;border:1px solid #fff2}.art-index{position:absolute;bottom:20px;left:25px;color:#ffffff85;font-size:10px;letter-spacing:3px;z-index:1}.project-arrow{position:absolute;right:20px;bottom:20px;border:1px solid #ffffff70;border-radius:50%;height:32px;width:32px;display:grid;place-items:center;z-index:1;color:#fff;transition:background .2s}.project:hover .project-arrow{background:var(--accent);color:#10100f}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.project h3{font-size:18px;font-weight:400;margin:0}.project-meta span{font-size:10px;color:var(--muted)}.project-sub{font-size:11px;color:var(--muted);margin:9px 0 0}.sample-note{color:#898c7e;font-size:11px;margin:32px 0 0;line-height:1.8}.about{margin-top:100px;border-top:1px solid var(--line);padding-top:55px;padding-bottom:70px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.about h2{font-size:34px}.about-copy{padding-top:26px}.about-copy p{font-size:14px;line-height:2;margin:0 0 16px;max-width:440px}.muted{color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.tags span{border:1px solid var(--line);padding:8px 12px;font-size:10px;color:#b3b5a9}.contact{border-top:1px solid var(--line);padding-top:60px;padding-bottom:70px}.contact h2{font-size:clamp(45px,6vw,76px);line-height:1.3;margin-top:24px}.contact h2 span{color:var(--accent);margin-left:40px}.contact>p{font-size:13px;color:var(--muted);margin-top:25px}#contact-actions{margin-top:25px}#contact-actions a{display:inline-block;border-bottom:1px solid var(--accent);padding-bottom:8px;color:var(--accent);font-size:14px}.pending-contact{font-size:12px;color:#b0b2a5}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-block:27px}footer .brand{font-size:16px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}dialog{border:1px solid #45483b;background:#191b16;color:var(--fg);width:min(750px,92vw);max-height:88vh;padding:40px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.close-dialog{position:absolute;right:12px;top:10px;border:0;background:none;color:var(--fg);padding:10px;cursor:pointer}#dialog-content h2{margin-bottom:15px}#dialog-content p{color:#b8bbae;font-size:14px;line-height:1.9}#dialog-content video,#dialog-content img{width:100%;max-height:55vh;object-fit:contain;margin-top:20px}#dialog-content a{display:inline-block;color:var(--accent);margin-top:15px}.skip{position:fixed;top:-100px;left:20px;z-index:10;padding:15px;background:var(--accent);color:#10100f}.skip:focus{top:10px}
@media(min-width:1600px){.hero-art{height:490px}}@media(max-width:700px){.wrap{width:88%}.header{height:80px}.brand{font-size:20px;gap:7px}.brand-en{display:none}.header nav{gap:22px;font-size:12px}.hero{padding-top:34px}.eyebrow{font-size:8px;letter-spacing:1px}.edition{font-size:7px}h1{font-size:58px;letter-spacing:-3px;margin-top:32px}.hero-star{font-size:49px;right:0;bottom:5px}.hero-bottom{align-items:end;gap:10px;margin-bottom:28px}.hero-bottom p{font-size:11px}.discover{font-size:10px;gap:10px;white-space:nowrap}.discover span{height:30px;width:30px}.hero-art{height:340px}.sun{width:170px;height:170px;left:52%;top:60px}.monolith{width:110px;height:320px;left:40%;top:100px}.art-word{left:24px;top:30px;font-size:9px}.art-caption{left:20px;right:20px;font-size:7px;gap:15px}.work{padding-top:60px}.section-heading{display:block}h2{font-size:25px}.section-heading p{margin-top:12px;font-size:11px}.filters{gap:7px;margin-block:24px}.filters button{padding:8px 13px;font-size:11px}.project-grid{grid-template-columns:1fr;gap:28px}.project-art{height:260px}.project h3{font-size:17px}.about{margin-top:60px;grid-template-columns:1fr;gap:5px;padding-block:38px}.about h2{font-size:30px}.about-copy p{font-size:13px}.contact{padding-block:40px}.contact h2{font-size:48px}.contact h2 span{margin-left:20px}footer{gap:14px;flex-wrap:wrap}footer>span{font-size:9px}dialog{padding:35px 23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}