@charset "UTF-8";
:root{--bg:#101110;--surface:#161815;--ink:#f0f0e8;--muted:#aaaDA5;--line:#333630;--accent:#c8d1b8;--gutter:clamp(24px,5.3vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:#111}p{line-height:1.7;margin:0}h1,h2{margin:0;font-weight:400}h2{font-family:Georgia,"Songti SC",serif;font-size:clamp(40px,4.4vw,72px);line-height:1.12;letter-spacing:-.035em;white-space:pre-line}em{font-weight:normal;color:var(--accent)}.skip-link{position:fixed;top:-80px;left:20px;padding:14px;background:white;color:black;z-index:100}.skip-link:focus{top:12px}.header{height:92px;position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid #ffffff22;background:#0b0e0a30}.brand{display:inline-flex;align-items:center;gap:11px;font-size:28px;font-weight:600;letter-spacing:-1.5px}.brand-dot{color:var(--accent)}nav{display:flex;gap:38px;margin-left:auto;margin-right:50px;font-size:13px}nav a{position:relative;padding:12px 0}nav a:after{content:"";position:absolute;bottom:5px;left:0;width:0;height:1px;background:var(--accent);transition:width .25s}nav a:hover:after{width:100%}.language{background:none;border:none;color:var(--ink);font-size:13px;cursor:pointer;padding:10px 0 10px 24px;border-left:1px solid #ffffff30}.language span{margin-left:9px}.hero{min-height:760px;height:100svh;max-height:1100px;position:relative;overflow:hidden;background:#111612;display:flex;align-items:center}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;filter:saturate(.35) brightness(.64);transform:scale(1.035);animation:image-in 2s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,7,.65),rgba(6,9,7,.08) 80%),linear-gradient(0deg,#101110 0%,transparent 30%)}.hero-copy{position:relative;z-index:1;padding:110px var(--gutter) 95px;width:100%}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--accent);margin:0 0 22px}.hero h1{font-family:Georgia,serif;font-size:clamp(88px,10.8vw,170px);letter-spacing:-.065em;line-height:1.02;margin-left:-7px}.hero h1 span{color:var(--accent)}.hero-line{font-family:Georgia,"Songti SC",serif;font-size:clamp(30px,3vw,46px);line-height:1.17;letter-spacing:-.025em;margin:26px 0 22px;white-space:pre-line}.hero-description{font-size:14px;color:#d2d4cb;white-space:pre-line;max-width:440px}.button{display:inline-flex;gap:38px;align-items:center;font-size:13px;margin-top:30px;padding:15px 21px;background:var(--ink);color:#171916;border:1px solid var(--ink);transition:background .25s,transform .25s}.button:hover{background:var(--accent);transform:translateY(-3px)}.hero-bottom{position:absolute;bottom:24px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#afb4a8}.hero-bottom a{display:flex;gap:20px}.hero-enter{animation:enter .9s cubic-bezier(.2,.65,.2,1) both}.hero-enter:nth-child(2){animation-delay:.1s}.hero-enter:nth-child(3){animation-delay:.2s}.hero-enter:nth-child(4){animation-delay:.3s}.hero-enter:nth-child(5){animation-delay:.4s}.section{padding:90px var(--gutter);border-bottom:1px solid var(--line);scroll-margin-top:0}.section-label{display:flex;gap:20px;font-size:10px;letter-spacing:.15em;margin-bottom:56px;color:var(--muted)}.section-label>span:first-child{color:var(--accent)}.about{padding-top:105px;padding-bottom:110px}.about-body{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:start}.about-details{padding-top:7px;font-size:16px;max-width:460px}.about-details p+p{margin-top:24px}.muted{color:var(--muted)}.projects{background:#141513}.project-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:48px}.project-heading>p{white-space:pre-line;font-size:14px;color:var(--muted);padding-bottom:6px}.project-art{height:440px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#292d26,#191c18 50%,#101310);isolation:isolate}.project-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#a0b4930c 25%);z-index:-1}.planet{position:absolute;left:50%;top:49%;width:168px;height:168px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 25% 20%,#c6cdbd 0%,#7f8a74 18%,#363e33 43%,#0c100c 75%);box-shadow:10px 18px 65px #070a07}.orbit{position:absolute;left:50%;top:49%;border:1px solid #99a58d40;border-radius:50%;width:380px;height:150px;transform:translate(-50%,-50%) rotate(-26deg)}.orbit-two{width:590px;height:225px}.orbit-three{width:810px;height:310px;border-color:#99a58d25}.spark{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);left:calc(50% + 168px);top:calc(49% - 82px);box-shadow:0 0 18px #c8d1b877}.spark-two{width:3px;height:3px;left:calc(50% - 258px);top:calc(49% + 136px)}.art-index{position:absolute;top:25px;left:28px;font-size:10px;letter-spacing:.2em;color:#959d8f}.art-caption{position:absolute;bottom:30px;left:30px;font-size:10px;letter-spacing:.25em}.art-note{position:absolute;bottom:30px;right:30px;font-size:9px;letter-spacing:.15em;color:#959d8f}.project-foot{display:flex;justify-content:space-between;align-items:center;padding-top:21px;font-size:12px;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:9px;color:var(--accent)}.status i{height:5px;width:5px;background:var(--accent);border-radius:50%}.contact{padding-bottom:70px}.contact-main h2{margin-bottom:36px}.email{display:inline-flex;align-items:center;gap:40px;font-size:clamp(20px,2.5vw,36px);border-bottom:1px solid #68725c;padding-bottom:12px;letter-spacing:-.025em;transition:color .2s}.email:hover{color:var(--accent)}.email span{transition:transform .25s}.email:hover span{transform:translate(4px,-4px)}.contact-main>p{font-size:13px;margin-top:18px}.company-info{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:85px;padding-top:32px;border-top:1px solid var(--line);font-size:13px}.small-label{font-size:9px;color:var(--muted);letter-spacing:.16em;margin-bottom:16px}.company-cn{font-size:12px;color:var(--muted);margin-top:5px}address{font-style:normal;line-height:1.8;max-width:520px;color:#c3c7bd}footer{padding:35px var(--gutter);display:flex;gap:35px;align-items:center;justify-content:space-between}.footer-brand{font-size:35px}footer>div{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted);margin-right:auto}.back-top{font-size:11px;display:flex;gap:16px}.reveal{transition:opacity .8s ease,transform .8s ease}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(24px)}html[lang="zh-CN"] h2{font-size:clamp(35px,4vw,62px);line-height:1.35;letter-spacing:.01em}html[lang="zh-CN"] .hero-line{line-height:1.4}
@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes image-in{from{transform:scale(1.09);opacity:.6}to{transform:scale(1.035);opacity:1}}
@media(min-width:1600px){.hero-copy{max-width:1800px;margin:auto}.hero-image{object-position:center 55%}}@media(max-width:800px){.header{height:76px}nav{gap:22px;margin-right:25px}.brand{font-size:24px}.brand img{width:26px;height:26px}.hero{height:860px;min-height:680px;max-height:100svh}.hero-copy{padding-top:100px;padding-bottom:100px}.hero-image{object-position:67% center}.hero-shade{background:linear-gradient(90deg,#070b08aa,#070b0833),linear-gradient(0deg,#101110,transparent 70%)}.hero h1{font-size:108px}.about-body{grid-template-columns:1fr;gap:35px}.about-details{max-width:580px}.section{padding-top:65px;padding-bottom:65px}.section-label{margin-bottom:35px}.project-heading{align-items:flex-start;flex-direction:column;gap:25px}.project-art{height:360px}.company-info{gap:35px}.hero-bottom>span:last-child{display:none}}
@media(max-width:520px){.header{height:72px}.brand{font-size:23px;gap:8px}.brand img{width:24px;height:24px}nav{display:none}.language{padding-left:17px}.hero{min-height:720px;height:100svh;max-height:950px}.hero-copy{padding-top:95px;padding-bottom:100px}.hero h1{font-size:clamp(80px,22vw,112px);margin-left:-4px}.hero-line{font-size:32px;margin-top:25px}.eyebrow{font-size:8px;letter-spacing:.16em;max-width:300px}.hero-description{font-size:13px;max-width:260px}.hero-image{object-position:63% center}.hero-bottom{font-size:8px;gap:20px;bottom:25px}.hero-bottom a{gap:9px}.button{margin-top:28px}.about-details{font-size:15px}h2{font-size:40px}.project-art{height:340px}.planet{width:130px;height:130px}.orbit{width:280px;height:120px}.orbit-two{width:440px;height:190px}.orbit-three{width:600px;height:260px}.art-index{left:20px;top:22px}.art-caption{left:20px;bottom:24px;font-size:8px}.art-note{right:20px;bottom:24px;font-size:7px;letter-spacing:.06em}.project-foot{font-size:10px}.email{font-size:21px;gap:17px}.company-info{grid-template-columns:1fr;margin-top:55px;font-size:12px}.contact-main h2{font-size:42px}footer{flex-wrap:wrap;gap:20px}footer>div{order:3;flex-basis:100%;font-size:9px}.back-top{margin-left:auto}.footer-brand{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}}