@charset "UTF-8";
:root{color-scheme:dark;--bg:#0e1617;--text:#ecebe2;--muted:#98a8a4;--gold:#e9c486;--line:#2b3b39;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}a:hover{color:var(--gold)}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-size:16px;letter-spacing:2px;font-weight:700}.brand-mark{font-family:Georgia,serif;font-size:45px;font-weight:400;letter-spacing:-5px;color:var(--gold);line-height:1;padding-right:6px}.brand-mark span{font-style:italic}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:var(--muted);margin-top:6px}nav{display:flex;gap:32px;align-items:center;font-size:12px;color:#b7c1b8}.nav-watch{border:1px solid #5d6960;border-radius:30px;padding:11px 20px;color:#e9dfc9}.nav-watch span{padding-left:16px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;padding-top:80px;padding-bottom:90px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#a8b8a5;margin:0 0 28px;line-height:1.8}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:100%;margin-right:7px;vertical-align:middle}.hero h1{font-family:"Songti SC","SimSun",serif;font-weight:500;font-size:clamp(36px,4vw,57px);line-height:1.5;letter-spacing:1px;margin:0 0 22px}.gold{color:var(--gold)}.intro{font-size:14px;line-height:2.1;color:#acb9b0;margin:0 0 32px}.primary{display:inline-flex;align-items:center;gap:38px;padding:17px 23px;border-radius:5px;background:var(--gold);color:#212d27;font-size:13px;font-weight:600;transition:transform .2s}.primary:hover{background:#f5d7a5;color:#17261e;transform:translateY(-2px)}.primary span{font-size:21px;line-height:1}.footnote{font-size:10px;color:#91a296;letter-spacing:1px;margin-top:18px}.hero-art{position:relative;height:460px;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#4f564b50,transparent 63%)}.art-grid{position:absolute;inset:20px;background-image:linear-gradient(#a3b29c06 1px,transparent 1px),linear-gradient(90deg,#a3b29c06 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.orbit{position:absolute;border:1px solid #7b8a6430;border-radius:50%;width:420px;height:420px;top:15px;left:50%;transform:translateX(-50%)}.orbit-two{width:340px;height:340px;top:55px}.art-label{position:absolute;top:0;right:15px;font:9px Georgia,serif;letter-spacing:3px;color:#8b9c8d}.moon{position:absolute;width:115px;height:115px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffecbe,#bca978);top:32px;left:39%;box-shadow:0 0 70px #d7c49b24}.portrait-card{position:absolute;top:146px;width:38%;height:237px;border:1px solid #82977d66;border-radius:9px;overflow:hidden;background:#20312a;box-shadow:0 15px 35px #0005;transform:rotate(-12deg);left:0}.portrait-card img{width:100%;height:100%;object-fit:cover;object-position:50% 14%;mask-image:linear-gradient(#000 70%,transparent)}.portrait-card span{position:absolute;bottom:16px;left:15px;right:15px;font-size:11px;letter-spacing:1px;color:#ddd5ba;display:flex;justify-content:space-between}.portrait-card i{font:10px Georgia,serif;color:#98a28c}.portrait-two{left:30%;top:111px;transform:rotate(2deg);z-index:2;height:266px}.portrait-three{left:60%;top:146px;transform:rotate(13deg)}.art-caption{position:absolute;bottom:23px;left:50%;white-space:nowrap;transform:translateX(-50%);font-size:11px;color:#c8c5ae;letter-spacing:2px}.spark{font-size:19px;margin-right:8px;color:var(--gold)}.coordinate{position:absolute;bottom:0;right:0;color:#677a6d;font:8px monospace;letter-spacing:2px}.projects{padding-top:38px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:9px}.section-heading h2,.about h2{font-family:"Songti SC","SimSun",serif;font-size:29px;font-weight:500;letter-spacing:1px;margin:0}.section-index{font-size:10px;letter-spacing:1px;color:#81968b}.project-card{display:grid;grid-template-columns:1.15fr 1fr;background:#152120;border:1px solid #314039;border-radius:9px;overflow:hidden}.project-cover{position:relative;display:block;min-height:370px;overflow:hidden;background:#151a19}.project-cover img{width:100%;height:100%;object-fit:cover;position:absolute;filter:brightness(.63);transition:transform .7s}.project-cover:hover img{transform:scale(1.035)}.project-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#081212e6)}.cover-badge{position:absolute;z-index:1;top:24px;left:25px;font-size:10px;border:1px solid #a4af8977;background:#101a16af;border-radius:20px;padding:7px 12px;color:#d8dfc7}.cover-badge i{display:inline-block;width:5px;height:5px;background:#b9d3a7;border-radius:50%;margin-right:5px}.cover-title{position:absolute;z-index:1;bottom:38px;left:32px;font-family:"Songti SC","SimSun",serif;font-size:32px;letter-spacing:6px;color:#f4dfb5}.cover-title small{display:block;font:8px Georgia,serif;letter-spacing:3px;margin-top:13px;color:#bcbbab}.cover-arrow{position:absolute;right:30px;bottom:37px;z-index:1;font-size:26px;color:var(--gold)}.project-copy{padding:44px}.project-copy .eyebrow{margin-bottom:16px;font-size:9px;color:#b6b9a3}.project-copy h3{font-size:29px;font-weight:500;letter-spacing:2px;margin:0 0 18px}.project-copy>p:not(.eyebrow){font-size:12px;line-height:2.1;color:#a2b2a7;margin:0 0 23px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:31px}.tags span{font-size:9px;color:#b7c1ae;border:1px solid #3d4e44;padding:5px 9px;border-radius:3px}.text-link{font-size:12px;color:var(--gold);display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid #34473d}.text-link span{font-size:18px}.about{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;padding-top:83px;padding-bottom:83px}.about .eyebrow{margin-bottom:15px}.about h2{line-height:1.7}.about-copy{font-size:12px;line-height:2.2;color:#9cac9e}.about-copy p{margin:0 0 15px}.about-note{display:block;border-left:2px solid #8f9971;padding-left:14px;color:#c4c6ae;font-size:11px;margin-top:22px}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);min-height:85px;font-size:9px;letter-spacing:1px;color:#819285}.footer a{color:#a8b5a5}@media(min-width:1550px){.hero{padding-top:100px;padding-bottom:110px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:20px}.hero-art{height:390px}.portrait-card{height:195px;top:135px}.portrait-two{height:219px;top:108px}.orbit{width:340px;height:340px;top:15px}.orbit-two{width:280px;height:280px;top:45px}.hero h1{font-size:39px}.project-copy{padding:30px}.about{gap:40px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:85px}.brand{font-size:12px;gap:10px}.brand-mark{font-size:36px}.brand small{font-size:8px;letter-spacing:1px}nav{gap:0}nav>a:not(.nav-watch){display:none}.nav-watch{font-size:10px;padding:9px 13px}.nav-watch span{padding-left:10px}.hero{grid-template-columns:1fr;padding:50px 0 37px;gap:30px}.hero h1{font-size:39px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:22px}.intro{font-size:13px;margin-bottom:27px}.desktop-break{display:none}.hero-art{height:370px;width:min(410px,100%);margin:auto}.portrait-card{height:195px;top:121px}.portrait-two{height:219px;top:95px}.moon{top:23px;width:100px;height:100px}.art-caption{bottom:19px;font-size:10px}.section-heading h2{font-size:25px}.section-index{font-size:8px}.project-card{grid-template-columns:1fr}.project-cover{min-height:270px}.project-copy{padding:30px 26px}.project-copy h3{font-size:25px}.about{grid-template-columns:1fr;gap:20px;padding-top:55px;padding-bottom:50px}.about h2{font-size:25px}.footer{flex-wrap:wrap;gap:17px;padding:23px 0;min-height:80px}.footer span:nth-child(2){display:none}.projects{padding-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}