:root{--ink:#111A1E;--ink2:#1A282C;--paper:#F4F0E8;--paper2:#EAE5DA;--copper:#B9956A;--sage:#5B7C78;--line:#D3CFC5;--muted:#626963;--serif:Georgia,"Iowan Old Style",Baskerville,serif;--sans:Inter,"Helvetica Neue","PingFang SC","Noto Sans CJK SC",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--copper);outline-offset:5px}.skip-link{position:absolute;left:12px;top:-70px;padding:12px;background:var(--paper);color:var(--ink);z-index:99}.skip-link:focus{top:12px}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.dark{background:var(--ink);color:var(--paper);background-image:radial-gradient(circle at 80% 40%,#24404050,transparent 44%)}.topline{height:33px;border-bottom:1px solid #354348;background:#0E1517}.topline .container{height:100%;display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:.1em;color:#A9B8B2}.nav{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3C4A4D}.brand{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:700;letter-spacing:.1em}.brand-mark{height:34px;width:34px;border:1px solid var(--copper);display:grid;place-items:center;color:var(--copper);font-size:25px}.navlinks{display:flex;align-items:center;gap:32px}.navlinks a{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#C0CDC7}.navlinks a:hover{color:#DDBB8B}.menu-toggle{display:none}.hero{min-height:665px;display:grid;grid-template-columns:56% 44%;align-items:center;gap:0;padding-block:30px 75px}.hero-copy{padding:22px 14px 30px 0}.eyebrow,.section-label,.art-head,.art-foot,.card-caption,.entries span,.entries small,.terminal-top,.terminal-bottom,.footer-line{font:10px/1.5 monospace;letter-spacing:.13em}.eyebrow{color:var(--copper);margin:0 0 26px}.hero h1{font:normal clamp(60px,6vw,100px)/.99 var(--serif);letter-spacing:-.063em;margin:0}.hero h1 em,.section-head h2 em,.approach h2 em,.lab h2 em,.about h2 em,.footer h2 em{font-weight:normal;color:#CBA77C}.hero-chinese{font-size:18px;font-weight:550;letter-spacing:.06em;margin:29px 0 0}.hero-lead{max-width:490px;font-size:14px;line-height:1.95;color:#AEBFB9;margin:18px 0 34px}.hero-actions{display:flex;align-items:center;gap:24px}.primary{background:var(--paper);color:var(--ink);padding:16px 22px;display:inline-flex;gap:25px;align-items:center;font-size:12px;font-weight:600}.secondary{font-size:12px;color:#CDD5D0;border-bottom:1px solid #768780;padding:12px 0}.primary:hover{background:#E7D4B9}.secondary:hover{color:#DDBB8B}.hero-art{width:100%;min-width:0;position:relative;aspect-ratio:1/1;border:1px solid #324549;background:#111B1F80;overflow:hidden}.hero-art svg{width:100%;height:100%;display:block}.art-head,.art-foot{position:absolute;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;color:#9FB2AA;z-index:1}.art-head{top:18px}.art-foot{bottom:14px}.art-foot button{cursor:pointer;background:none;color:var(--copper);border:1px solid #60736D;padding:10px;font:10px monospace;letter-spacing:.06em}.traced path{stroke-dasharray:4 8;opacity:.4}.hero-art.is-running .traced path{opacity:1;animation:flow 7s linear infinite}.hero-art.is-running .orbit{animation:orbit 40s linear infinite;transform-origin:50% 50%}.pillars{border-top:1px solid #3A4749;padding:26px 0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pillars span{font:11px monospace;letter-spacing:.08em;color:#BACAC3}.pillars b{margin-right:15px;color:var(--copper)}.section{padding:120px 0}.section-label{color:#A08360;margin-bottom:22px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-head h2,.approach h2,.lab h2,.about h2,.footer h2{font:normal clamp(52px,5.5vw,82px)/1.05 var(--serif);letter-spacing:-.055em;margin:0}.section-head h2 em,.lab h2 em,.about h2 em{color:#7A6550}.section-head p{max-width:360px;line-height:1.9;color:var(--muted);font-size:14px}.light{background:var(--paper)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:27px}.project-art{height:320px;display:grid;place-items:center;position:relative;overflow:hidden;background:#17252A}.pattern-two{background:#28443F}.project-art:before{content:"";position:absolute;inset:25px;border:1px solid #A0B1A046}.project-art:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,transparent 95%,#7B94901B 96%),linear-gradient(to bottom,transparent 95%,#7B94901B 96%);background-size:36px 36px}.art-id{position:absolute;left:25px;top:22px;font:10px monospace;letter-spacing:.1em;color:#AABDB3}.illustration{font:17px/1.85 monospace;letter-spacing:.15em;color:#B8A17D;text-align:center}.project-card .card-caption{color:#847A68;margin-top:24px}.project-card h3{font:normal 31px/1.25 var(--serif);margin:10px 0}.project-card p,.steps p,.lab p,.about p,.footer p{max-width:610px;font-size:14px;line-height:1.9;color:var(--muted)}.approach{background:#18272A;color:var(--paper)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:24px}.steps>div{padding:18px 0;border-top:1px solid #5A6B68}.steps b{font:12px monospace;color:var(--copper)}.steps h3{font:normal 28px var(--serif);margin:15px 0 4px}.steps p{color:#AFBFBA}.entries{border-top:1px solid var(--line)}.entries article{display:grid;grid-template-columns:190px 1fr 150px;gap:15px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.entries span,.entries small{color:#81786D}.entries h3{font:normal clamp(20px,2vw,29px)/1.45 var(--serif);margin:0}.entries small{text-align:right}.lab{background:#DFE6DD}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.lab-panel{min-height:270px;background:#152529;color:#A8BDB7;padding:21px;display:flex;flex-direction:column;justify-content:space-between}.terminal-top{display:flex;justify-content:space-between}.terminal-top span{color:var(--copper)}.terminal-center{font:90px var(--serif);color:var(--copper);line-height:1;text-align:center}.terminal-bottom{text-align:center}.about{border-bottom:1px solid var(--line)}.about p{margin-top:28px}.footer{background:#111A1E;color:var(--paper);padding:108px 0 35px}.footer p{color:#A4B7B1;margin:35px 0 90px}.footer-line{border-top:1px solid #475658;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#9CACA6}
@keyframes flow{to{stroke-dashoffset:-120}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:1020px){.container{width:calc(100% - 64px)}.hero{grid-template-columns:52% 48%;min-height:570px}.hero h1{font-size:clamp(49px,6vw,80px)}.hero-art .art-head,.hero-art .art-foot{font-size:8px}.approach-grid{gap:35px}}
@media(max-width:720px){.container{width:calc(100% - 40px)}.topline span:last-child{display:none}.nav{height:70px}.brand{font-size:10px}.menu-toggle{display:flex;gap:10px;align-items:center;background:none;color:var(--paper);border:1px solid #6F7E7B;padding:12px;font:11px monospace;cursor:pointer}.navlinks{position:absolute;left:0;right:0;top:103px;background:#1B2B2F;display:none;flex-direction:column;gap:0;z-index:10;padding:10px 20px 20px;box-shadow:0 20px 28px #0005}.navlinks.open{display:flex}.navlinks a{width:100%;padding:16px;border-bottom:1px solid #415255}.hero{display:flex;flex-direction:column;align-items:stretch;padding:56px 0 45px;min-height:unset}.hero-copy{padding:0}.eyebrow{font-size:9px;margin-bottom:26px}.hero h1{font-size:clamp(50px,12.5vw,70px);line-height:1.03}.hero-chinese{font-size:15px;line-height:1.6;margin-top:23px}.hero-lead{font-size:13px;margin:20px 0 30px}.hero-art{max-width:500px;margin:46px auto 0}.hero-actions{gap:20px}.primary{padding:15px 14px;gap:15px}.pillars{gap:8px;padding:20px 0}.pillars span{font:9px/1.4 monospace}.pillars b{display:block;margin-bottom:5px}.section{padding:82px 0}.section-head{display:block;margin-bottom:35px}.section-head h2,.approach h2,.lab h2,.about h2,.footer h2{font-size:clamp(49px,11vw,72px)}.section-head p{margin-top:24px}.cards{grid-template-columns:1fr;gap:45px}.project-art{height:260px}.approach-grid,.lab-grid{grid-template-columns:1fr;gap:38px}.steps{gap:15px}.entries article{grid-template-columns:1fr;gap:10px;padding:26px 0}.entries small{text-align:left}.footer{padding-top:80px}.footer-line{flex-direction:column;gap:10px}.lab-panel{min-height:235px}}
@media(max-width:360px){.hero h1{font-size:47px}.hero-actions{flex-wrap:wrap}.hero-art .art-foot span{display:none}.pillars{grid-template-columns:1fr 1fr}.pillars span:last-child{grid-column:span 2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* === 3D System Trace: cinematic, controlled, progressively enhanced === */
.scroll-progress{position:fixed;z-index:100;left:0;top:0;height:2px;width:0;background:var(--copper);pointer-events:none;transition:width .12s linear}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero{position:relative}.hero-copy{position:relative;z-index:2}
.hero-copy .eyebrow{animation:rise-in .65s ease both}
.hero-copy h1{animation:rise-in .9s .12s ease both;text-shadow:0 6px 50px #15272C50}
.hero-copy .hero-chinese,.hero-copy .hero-lead,.hero-copy .hero-actions{animation:rise-in .9s .27s ease both}
.hero h1 em{color:#D4AE7E}
.hero-art{isolation:isolate;box-shadow:0 23px 75px #070C1033;transition:border-color .4s;cursor:crosshair}
.hero-art:hover{border-color:#7C7C6B}
.hero-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 49% 43%,transparent 14%,#101A2065 82%),linear-gradient(180deg,#121C21B0,transparent 24%,transparent 73%,#121C21AF);pointer-events:none;z-index:1}
.system-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .9s ease;z-index:0;pointer-events:none}
.scene-enhanced .system-canvas{opacity:1}
.scene-fallback{position:relative;z-index:0;opacity:1;transition:opacity .5s ease;pointer-events:none}
.scene-enhanced .scene-fallback{opacity:0;visibility:hidden}
.art-head,.art-foot{z-index:4}
.scene-telemetry{position:absolute;z-index:4;right:20px;top:54px;display:flex;align-items:center;gap:8px;font:9px monospace;letter-spacing:.08em;color:#95A7A5;white-space:nowrap}
.scene-telemetry strong{color:#D8C09A;font-weight:500;margin-left:4px}
.telemetry-dot{width:5px;height:5px;border-radius:50%;background:var(--copper);box-shadow:0 0 12px #B9956A}
.scene-enhanced .telemetry-dot{animation:status-pulse 2.3s infinite}
.scene-controls{position:absolute;z-index:4;bottom:71px;left:20px;right:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#87928F30;border:1px solid #64726C60;backdrop-filter:blur(14px)}
.scene-controls button{min-width:0;padding:13px 3px;background:#102023AA;color:#A1B1AA;border:0;font:9px monospace;letter-spacing:.05em;cursor:pointer;border-bottom:2px solid transparent;transition:background .25s,border-color .25s,color .25s}
.scene-controls button span{display:block;color:#9C8365;margin-bottom:5px}
.scene-controls button.is-active{background:#233438D9;color:#EFE7D9;border-bottom-color:var(--copper)}
.scene-controls button:hover{background:#39514C99}
.art-foot button:hover{background:var(--copper);color:var(--ink)}
.project-art{transition:box-shadow .4s,transform .5s ease}
.project-card:hover .project-art{transform:translateY(-5px);box-shadow:0 18px 35px #1D302F30}
.project-card:hover .illustration{transform:scale(1.07)}
.project-art .illustration{transition:transform .6s ease}
.project-art:after{pointer-events:none}
@keyframes rise-in{from{opacity:0;transform:translateY(24px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes status-pulse{50%{opacity:.32;box-shadow:0 0 2px #B9956A}}
.js-motion .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .85s cubic-bezier(.2,.85,.2,1)}
.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:720px){
  .hero-art{margin-top:38px}
  .scene-telemetry{right:15px;top:46px;font-size:8px}
  .scene-controls{left:14px;right:14px;bottom:60px}
  .scene-controls button{font-size:8px;padding:9px 2px}
  .scene-controls button span{margin-bottom:3px}
  .art-head,.art-foot{left:14px;right:14px}
  .art-foot{bottom:10px}
  .art-foot button{font-size:9px;padding:7px}
  .art-foot span{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .hero-copy .eyebrow,.hero-copy h1,.hero-copy .hero-chinese,.hero-copy .hero-lead,.hero-copy .hero-actions{animation:none}
  .scene-enhanced .telemetry-dot{animation:none}
  .js-motion .reveal{opacity:1;transform:none;transition:none}
  .system-canvas,.scene-fallback{transition:none}
}