:root{--color-black:#030303;--color-black-soft:#080807;--color-panel:#0a0a09db;--color-panel-strong:#0e0e0df0;--color-line:#ffffff24;--color-line-strong:#ffffff38;--color-text:#f5f0e7;--color-text-soft:#f5f0e7bd;--color-muted:#f5f0e785;--color-ember:#ff7900;--color-ember-soft:#ff79006b;--color-green:#59e47a;--color-green-soft:#59e47a57;--color-gold:#d9b06d;--shadow-panel:0 22px 80px #0000007a;--shadow-ember:0 0 38px #ff790038;--shadow-green:0 0 34px #59e47a33;--content-max:1720px;--font-body:Satoshi, Outfit, "SF Pro Display", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Instrument Serif", "Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;color:var(--color-text);background:var(--color-black);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:var(--color-black);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body,button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:0}::selection{color:var(--color-black);background:var(--color-ember)}.portfolio-home{min-height:100dvh;color:var(--color-text);--parallax-x:0;--parallax-y:0;background:#030303;position:relative;overflow:hidden auto}.home-main{z-index:2;width:min(var(--content-max), calc(100vw - 88px));grid-template:"hero evidence"minmax(clamp(620px,68vh,760px),auto)"projects projects"/minmax(500px,.92fr) minmax(620px,1.08fr);align-items:stretch;gap:clamp(72px,8vh,112px) clamp(48px,6vw,118px);min-height:calc(100dvh - 82px);margin:0 auto;padding:clamp(8px,1.2vh,18px) 0 clamp(56px,7vh,88px);display:grid;position:relative}.top-nav,.hero-copy,.hero-actions,.project-showcase,.site-footer{pointer-events:auto}.top-nav{z-index:10;width:min(var(--content-max), calc(100vw - 88px));justify-content:space-between;align-items:center;height:82px;margin:0 auto;animation:.68s ease-out both contentReveal;display:flex;position:relative}.brand-mark{grid-auto-flow:column;align-items:center;gap:7px;width:72px;height:28px;display:inline-grid}.brand-mark span{background:linear-gradient(#ffffffeb,#ffffff47);width:2px;height:28px;display:block;transform:skew(-21deg)}.nav-links{align-items:center;gap:clamp(24px,3.2vw,62px);margin-left:auto;display:flex}.nav-links a{color:#f5f0e7c2;letter-spacing:.04em;font-size:clamp(.92rem,.9vw,1.04rem);transition:color .18s,text-shadow .18s}.nav-links a:hover,.nav-links a:focus-visible,.nav-links a.is-active{color:var(--color-text);text-shadow:0 0 18px #ff790033;outline:none}.contact-link{min-width:148px;height:42px;color:var(--color-text);background:#08080885;border:1px solid #ff79006b;border-radius:8px;justify-content:center;align-items:center;gap:18px;margin-left:clamp(28px,4vw,78px);display:inline-flex}.contact-link:after{background:var(--color-ember);content:"";pointer-events:none;border-radius:999px;width:7px;height:7px;box-shadow:0 0 12px #ff7900a6}.contact-link.is-active{border-color:#ff7900b3;box-shadow:0 0 20px #ff790014}.site-footer{z-index:3;width:min(var(--content-max), calc(100vw - 88px));color:#f5f0e76b;font-family:var(--font-mono);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:28px;margin:clamp(88px,8vw,140px) auto 0;padding:30px 0 34px;font-size:.68rem;display:flex;position:relative}.site-footer p{margin:0}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:18px 24px;display:flex}.site-footer a{color:#fff8ecb8;transition:color .18s,transform .18s}.site-footer a:hover,.site-footer a:focus-visible{color:var(--color-ember);outline:none;transform:translateY(-1px)}.hero-copy{z-index:6;grid-area:hero;align-self:center;max-width:700px;padding-bottom:clamp(16px,2.4vh,28px);animation:.72s ease-out 80ms both contentReveal;position:relative}.hero-kicker{color:var(--color-ember);letter-spacing:.02em;margin:0 0 clamp(18px,2.2vh,28px);font-size:clamp(1rem,1.12vw,1.3rem);line-height:1.2}.hero-title{color:#fff8ec;letter-spacing:0;text-shadow:0 2px #ffffff12,0 26px 74px #000000e0;gap:clamp(20px,2.2vw,34px);margin:0;display:grid}.title-en,.title-cn{white-space:nowrap;display:block}.title-en{font-family:var(--font-display);letter-spacing:0;align-items:baseline;gap:clamp(.12em,.72vw,.18em);font-size:clamp(5.25rem,7.15vw,8.55rem);font-weight:650;line-height:.92;display:flex}.title-cn{font-family:"PingFang SC", "Microsoft YaHei UI", "Noto Sans CJK SC", "Source Han Sans SC", var(--font-body);letter-spacing:0;text-shadow:0 22px 64px #000000c7;font-size:clamp(3.35rem,4.62vw,5.45rem);font-weight:450;line-height:1.08}.identity-line{color:#fff8ecf5;flex-wrap:wrap;align-items:center;gap:12px;margin:clamp(30px,3.7vh,48px) 0 0;font-size:clamp(1.18rem,1.42vw,1.58rem);line-height:1.4;display:flex}.identity-line span:not(:last-child):after{color:#fff8ec7a;content:"·";margin-left:12px}.direction-line{color:#f5f0e7bd;margin:10px 0 0;font-size:clamp(.98rem,1.08vw,1.18rem);line-height:1.55}.hero-divider{background:var(--color-ember);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:999px;width:62px;height:3px;margin:clamp(24px,3vh,34px) 0 0;box-shadow:0 0 24px #ff79002e}.hero-subtitle{color:#fff8ecf0;max-width:640px;margin:clamp(24px,3vh,34px) 0 0;font-size:clamp(1.04rem,1.22vw,1.34rem);line-height:1.78}.hero-description{color:#f5f0e7ad;max-width:610px;margin:16px 0 0;font-size:clamp(.94rem,1.02vw,1.08rem);line-height:1.86}.hero-actions{z-index:8;flex-wrap:wrap;gap:16px 20px;margin-top:clamp(30px,4vh,46px);display:flex;position:relative}.hero-button{z-index:1;color:#fff8ece6;pointer-events:auto;background:#0707077a;border:1px solid #ffffff21;border-radius:8px;justify-content:center;align-items:center;gap:11px;width:188px;min-width:188px;min-height:56px;padding:0 26px;font-size:1rem;line-height:1;text-decoration:none;transition:border-color .18s,color .18s,transform .18s,background .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.hero-button:before{opacity:.45;content:"";pointer-events:none;border:1px solid #ffffff0e;border-radius:5px;transition:border-color .18s,opacity .18s;position:absolute;inset:3px}.hero-button:hover,.hero-button:focus-visible{color:#fffaf2;background:#0e0e0dc2;border-color:#ffffff38;outline:none;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0f,0 8px 20px #00000042}.hero-button:hover:before,.hero-button:focus-visible:before{opacity:1;border-color:#ffffff1a}.hero-button--primary{color:#fff8ec;background:#ff79000b;border-color:#ff7900b8}.hero-button--primary:hover,.hero-button--primary:focus-visible{background:#ff790016;border-color:#ff8c25e0;box-shadow:inset 0 1px #ffdfbf14,0 9px 24px #ff790013}.hero-button--primary:before{border-color:#ff79001a}.hero-button--resume{width:188px;min-width:188px}.button-icon{color:currentColor;width:18px;height:18px;font-family:"Segoe UI Symbol", var(--font-mono);flex:0 0 18px;justify-content:center;align-items:center;font-size:.9rem;line-height:18px;display:inline-flex}.evidence-stage{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;grid-area:evidence;align-self:stretch;min-height:0;position:relative}.stage-stack{height:100%;min-height:0;position:relative}.json-window{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:.8;width:clamp(250px,16.65vw,298px);transform:translate3d(calc(var(--parallax-x) * -2px), calc(var(--parallax-y) * -2px), 0);pointer-events:none;will-change:transform;background:linear-gradient(#ffffff06,#0000 52%),#05050575;border:1px solid #ffffff1f;border-radius:7px;transition:border-color .22s,transform .22s,background .22s;animation:.72s ease-out .12s both contentReveal;position:absolute;top:clamp(78px,11vh,128px);right:clamp(0px,1vw,18px);overflow:hidden;box-shadow:0 14px 44px #00000045}.json-window:after{opacity:0;content:"";pointer-events:none;background:linear-gradient(#0000,#ff79000a,#0000);height:60px;animation:14s ease-in-out 2s infinite codeScan;position:absolute;inset:42px 0 auto;transform:translateY(-80%)}.json-window:hover,.json-window:focus-within{opacity:.92;transform:translate3d(calc(var(--parallax-x) * -2px), calc(var(--parallax-y) * -2px - 2px), 0) scale(1.004);background:#07070794;border-color:#ff79003d}.window-bar{border-bottom:1px solid #ffffff12;align-items:center;gap:7px;height:34px;padding:0 12px;display:flex}.window-dot{border-radius:999px;width:7px;height:7px}.window-dot--red{background:#ff5f56}.window-dot--yellow{background:#ffbd2e}.window-dot--green{background:#27c93f}.window-title{color:#f5f0e7cc;margin-left:8px;font-size:.76rem}.code-block{color:#ffc570e0;font-family:var(--font-mono);margin:0;padding:7px 13px 12px;font-size:clamp(.55rem,.51vw,.62rem);line-height:1.5}.code-line{grid-template-columns:21px 1fr;gap:9px;display:grid}.line-number{color:#f5f0e747;text-align:right;-webkit-user-select:none;user-select:none}.line-code{color:#ffb85be6;white-space:pre-wrap}.trace-panel{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:.88;width:min(580px,88%);transform:translate3d(calc(var(--parallax-x) * -2px), calc(var(--parallax-y) * -1px), 0);pointer-events:none;will-change:transform;background:linear-gradient(90deg,#59e47a06,#0000 72%),#030303ad;border:1px solid #ffffff09;border-radius:5px;transition:border-color .22s,transform .22s,background .22s;animation:.72s ease-out .18s both contentReveal;position:absolute;bottom:clamp(108px,18vh,168px);right:0;box-shadow:0 10px 32px #0000003d}.trace-panel:hover{opacity:.96;transform:translate3d(calc(var(--parallax-x) * -2px), calc(var(--parallax-y) * -1px - 2px), 0) scale(1.002);background:#040404bd;border-color:#59e47a16}.trace-panel__header{color:#f5f0e7d1;justify-content:space-between;align-items:center;padding:8px 14px 0;font-size:.74rem;display:flex}.trace-status{color:#f5f0e79e;align-items:center;gap:7px;font-size:.62rem;display:inline-flex}.trace-status:after{background:var(--color-green);content:"";border-radius:999px;width:6px;height:6px;animation:6s ease-in-out infinite statusPulse;box-shadow:0 0 7px #59e47a3d}.trace-steps{grid-template-columns:repeat(6,minmax(54px,1fr));gap:0;padding:10px 14px 9px;display:grid;position:relative}.trace-steps:before{content:"";pointer-events:none;background:linear-gradient(90deg,#59e47a9e,#59e47a42,#ff790075) 0 0/150% 100%;height:1px;animation:15s linear infinite traceLineFlow;position:absolute;top:22px;left:34px;right:34px;box-shadow:0 0 6px #59e47a0f}.trace-runner{z-index:2;filter:drop-shadow(0 0 5px #59e47a1a);opacity:0;pointer-events:none;background-color:#0000;background-image:radial-gradient(circle,#fff8ec85 0 2px,#59e47a61 3px,#0000 7px),radial-gradient(circle,#ff79001f,#0000 12px);background-position:100% 0,100% 0;background-repeat:no-repeat;background-size:200% 100%,200% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:8px;animation:14s cubic-bezier(.55,0,.28,1) infinite traceRunner;position:absolute;top:18px;left:34px;right:34px}.trace-step{z-index:1;text-align:center;justify-items:center;gap:4px;display:grid;position:relative}.trace-icon{color:#f5f0e7e6;width:22px;height:22px;animation:9s ease-in-out infinite traceNodePulse;animation-delay:calc(var(--step-index) * .46s);background:#090a09;border:1px solid #59e47a2e;border-radius:999px;place-items:center;font-size:.68rem;display:grid;box-shadow:0 0 8px #59e47a08}.trace-step:last-child .trace-icon{color:var(--color-ember);border-color:#ff79004d}.trace-label{color:#f5f0e7e6;white-space:nowrap;font-size:.61rem;font-weight:500}.trace-time{color:#f5f0e77a;white-space:nowrap;font-size:.53rem}.project-showcase{z-index:6;grid-area:projects;grid-template-columns:1.1fr 1.25fr 1fr;align-items:start;gap:clamp(26px,2.8vw,52px);animation:.72s ease-out .22s both contentReveal;display:grid;position:relative;transform:none}.project-card{z-index:1;min-height:150px;box-shadow:none;color:inherit;cursor:pointer;pointer-events:auto;will-change:transform;background:linear-gradient(#ff79000a,#0000 66%);border-top:1px solid #ff790066;border-radius:0;grid-template-columns:44px minmax(0,1fr) 30px;align-items:start;gap:clamp(16px,1.5vw,24px);padding:clamp(22px,1.75vw,28px) 0 clamp(18px,1.4vw,24px);text-decoration:none;transition:border-color .18s,transform .18s,background .18s;display:grid;position:relative;overflow:hidden}.project-card:hover,.project-card:focus-visible,.project-card:focus-within{background:linear-gradient(#ff790012,#0000 72%);border-color:#ff7900cc;transform:translateY(-2px)}.project-card:focus-visible{outline-offset:6px;outline:1px solid #fff8ec38}.project-card--green{background:linear-gradient(#59e47a0a,#0000 66%);border-color:#59e47a66}.project-card--green:hover,.project-card--green:focus-visible,.project-card--green:focus-within{background:linear-gradient(#59e47a12,#0000 72%);border-color:#59e47acc}.project-index{color:var(--color-ember);font-family:var(--font-mono);font-size:.9rem}.project-card--green .project-index,.project-card--green .project-arrow{color:var(--color-green)}.project-card__body{z-index:1;min-width:0;position:relative}.project-title{color:#fff7ed;font-family:var(--font-body);letter-spacing:-.025em;margin:0;font-size:clamp(1.22rem,1.28vw,1.52rem);font-weight:620;line-height:1.16}.project-subtitle{color:#f5f0e7a8;margin:8px 0 0;font-size:.84rem;line-height:1.45}.project-detail{margin-top:12px}.project-tags{flex-wrap:wrap;gap:8px;margin-top:12px;transition:opacity .18s,transform .18s;display:flex}.project-value{color:#f5f0e7d9;max-width:38rem;margin:0;font-size:.85rem;line-height:1.66;transition:color .18s}.project-card:hover .project-value,.project-card:focus-visible .project-value,.project-card:focus-within .project-value{color:#fff8eceb}.project-tag{color:#f5f0e7bd;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;align-items:center;min-height:24px;padding:3px 9px;font-size:.7rem;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.project-card:hover .project-tag,.project-card:focus-visible .project-tag,.project-card:focus-within .project-tag{color:#fff8ece6;background:#ff79000d;border-color:#ff790038}.project-card--green:hover .project-tag,.project-card--green:focus-visible .project-tag,.project-card--green:focus-within .project-tag{background:#59e47a0b;border-color:#59e47a38}.project-arrow{color:var(--color-ember);justify-self:end;font-size:1.45rem;line-height:1;transition:transform .18s}.project-card:hover .project-arrow,.project-card:focus-visible .project-arrow,.project-card:focus-within .project-arrow{transform:translate(8px)}.floating-tags{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.tech-tag{left:var(--x);top:var(--y);--tag-shift-x:calc(var(--parallax-x) * 3px);--tag-shift-y:calc(var(--parallax-y) * 3px);border:1px solid var(--tag-border);color:#f5f0e7c2;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);min-height:34px;transform:translate3d(calc(-50% + var(--tag-shift-x)), calc(-50% + var(--tag-shift-y)), 0);white-space:nowrap;animation:15s ease-in-out infinite tagFloat;animation-delay:var(--tag-delay);pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;background:#0a0a0a85;border-radius:8px;align-items:center;gap:9px;padding:0 13px;display:inline-flex;position:absolute}.tech-tag:before{background:var(--tag-color);width:7px;height:7px;box-shadow:0 0 10px var(--tag-color);content:"";border-radius:999px}.tech-tag:after{width:1px;height:min(var(--line), 44px);background:linear-gradient(180deg, var(--tag-color), transparent);opacity:.16;content:"";pointer-events:none;position:absolute;top:100%;left:50%}.tech-tag--green{--tag-color:var(--color-green);--tag-border:#59e47a2b}.tech-tag--orange{--tag-color:var(--color-ember);--tag-border:#ff790033}.cinematic-background{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.cinematic-background,.cinematic-background *,.cinematic-background:before,.cinematic-background:after{pointer-events:none;-webkit-user-select:none;user-select:none}.cinematic-background:before{z-index:3;content:"";background:linear-gradient(90deg,#030303fc 0%,#030303f0 30%,#0303037a 52%,#03030338 72%,#0303037a 100%),linear-gradient(#0303033d 0%,#0303030f 42%,#030303e6 100%);position:absolute;inset:0}.cinematic-background:after{z-index:4;opacity:.12;transform:translate3d(calc(var(--parallax-x) * -1px), calc(var(--parallax-y) * -1px), 0);content:"";background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-size:104px 104px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 46% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 46% 82%,#0000)}.terrain-artwork{z-index:0;opacity:.9;filter:saturate(1.02)contrast(1.04);transform:translate3d(calc(var(--parallax-x) * -4px), calc(var(--parallax-y) * -3px), 0) scale(1.015);will-change:transform;background-image:url(/images/hero-terrain-artwork.png);background-position:100%;background-size:cover;animation:36s ease-in-out infinite alternate artworkBreath;position:absolute;inset:-2.4%}.artwork-dim{z-index:1;background:0 0,radial-gradient(circle at 78% 38%,#ff790017,#0000 28rem),radial-gradient(circle at 80% 58%,#59e47a14,#0000 22rem);position:absolute;inset:0}.terrain-atmosphere{z-index:2;filter:blur(3px);opacity:.48;transform:translate3d(calc(var(--parallax-x) * -3px), calc(var(--parallax-y) * -2px), 0);will-change:transform;background:linear-gradient(108deg,#0000 0 24%,#ff790017 41%,#59e47a14 62%,#0000 82%),radial-gradient(at 65% 32%,#fff8ec14,#0000 18rem);animation:32s ease-in-out infinite alternate atmosphereDrift;position:absolute;inset:8% -8% 16% 36%}.particle{z-index:2;left:var(--px);top:var(--py);width:var(--ps);height:var(--ps);background:var(--pc);box-shadow:0 0 12px var(--pc);opacity:var(--po);animation:particleDrift var(--particle-duration) ease-in-out infinite alternate;animation-delay:var(--particle-delay);will-change:transform;border-radius:999px;position:absolute}@keyframes contentReveal{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}@keyframes codeScan{0%,64%,to{opacity:0;transform:translateY(-80%)}74%{opacity:.3}88%{opacity:0;transform:translateY(210%)}}@keyframes statusPulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes traceLineFlow{0%{background-position:0 0}to{background-position:150% 0}}@keyframes traceRunner{0%{opacity:0;background-position:100% 0,100% 0}12%,82%{opacity:.66}92%,to{opacity:0;background-position:0 0,0 0}}@keyframes traceNodePulse{0%,to{box-shadow:0 0 8px #59e47a06}50%{box-shadow:0 0 9px #59e47a14,0 0 15px #59e47a06}}@keyframes tagFloat{0%,to{transform:translate3d(calc(-50% + var(--tag-shift-x)), calc(-50% + var(--tag-shift-y)), 0)}50%{transform:translate3d(calc(-50% + var(--tag-shift-x)), calc(-50% + var(--tag-shift-y) - 3px), 0)}}@keyframes artworkBreath{0%{opacity:.86;transform:translate3d(calc(var(--parallax-x) * -4px), calc(var(--parallax-y) * -3px), 0) scale(1.015)}to{opacity:.94;transform:translate3d(calc(var(--parallax-x) * -4px + 5px), calc(var(--parallax-y) * -3px - 3px), 0) scale(1.022)}}@keyframes atmosphereDrift{0%{opacity:.36;transform:translate3d(calc(var(--parallax-x) * -3px), calc(var(--parallax-y) * -2px), 0)}to{opacity:.5;transform:translate3d(calc(var(--parallax-x) * -3px + 5px), calc(var(--parallax-y) * -2px - 3px), 0)}}@keyframes particleDrift{0%{transform:translate3d(calc(var(--parallax-x) * 2px - 1px), calc(var(--parallax-y) * 2px + 1px), 0)}to{transform:translate3d(calc(var(--parallax-x) * 2px + 2px), calc(var(--parallax-y) * 2px - 3px), 0)}}@media (width>=1181px) and (width<=1500px){.top-nav,.home-main{width:min(var(--content-max), calc(100vw - 80px))}.home-main{grid-template-rows:minmax(clamp(590px,66vh,710px),auto) auto;grid-template-columns:minmax(520px,.92fr) minmax(620px,1.08fr);gap:clamp(72px,8.5vh,104px) 42px;padding-top:6px;padding-bottom:clamp(60px,7vh,84px)}.hero-copy{max-width:650px}.title-en{font-size:clamp(5.4rem,7.5vw,7.5rem)}.title-cn{font-size:clamp(3.65rem,5vw,5.15rem)}.identity-line{margin-top:22px}.hero-subtitle{margin-top:20px}.hero-description{max-width:620px}.hero-actions{margin-top:30px}.json-window{width:286px}.code-block{padding:7px 13px 12px;font-size:.585rem}.trace-panel{width:590px;bottom:66px;right:0}.project-card{gap:16px;min-height:142px;padding-top:22px}.project-title{font-size:1.24rem}.project-subtitle{font-size:.83rem}.project-tags{gap:6px;margin-top:8px}.project-tag{min-height:22px;padding:2px 8px;font-size:.66rem}}@media (width>=1501px){.hero-title{gap:clamp(18px,1.6vw,28px)}.hero-actions{margin-top:34px}}@media (width>=1181px) and (height<=820px){.home-main{grid-template-rows:minmax(610px,auto) auto;row-gap:clamp(78px,9vh,104px);padding-top:4px;padding-bottom:80px}.hero-copy{align-self:start;max-width:660px;padding-top:clamp(18px,2.5vh,26px);padding-bottom:0}.hero-kicker{margin-bottom:16px;font-size:clamp(.96rem,1.02vw,1.12rem)}.hero-title{gap:clamp(18px,2vh,24px)}.title-en{font-size:clamp(4.75rem,6.6vw,7.05rem);line-height:.94}.title-cn{font-size:clamp(3rem,4.12vw,4.55rem);line-height:1.08}.identity-line{margin-top:24px;font-size:clamp(1.08rem,1.3vw,1.36rem)}.direction-line{margin-top:8px}.hero-divider{margin-top:22px}.hero-subtitle{max-width:600px;margin-top:22px;font-size:clamp(1rem,1.08vw,1.14rem);line-height:1.72}.hero-description{max-width:590px;margin-top:12px;line-height:1.76}.hero-actions{margin-top:26px}.project-showcase{transform:none}.json-window{top:clamp(56px,9vh,86px)}.trace-panel{bottom:clamp(42px,7vh,68px)}}@media (width>=1181px) and (height<=760px){.home-main{grid-template-rows:minmax(650px,auto) auto;row-gap:clamp(88px,12vh,118px);padding-top:0;padding-bottom:92px}.hero-copy{max-width:620px;padding-top:8px}.hero-kicker{margin-bottom:13px}.hero-title{gap:16px}.title-en{font-size:clamp(4.45rem,6.1vw,6.5rem)}.title-cn{font-size:clamp(2.82rem,3.85vw,4.18rem)}.identity-line{margin-top:20px}.hero-divider{margin-top:18px}.hero-subtitle{margin-top:18px;line-height:1.64}.hero-description{margin-top:10px;line-height:1.66}.hero-actions{margin-top:22px}.hero-button{min-height:54px}.project-card{border-top-color:#ff790047}.project-card--green{border-top-color:#59e47a47}}@media (width<=1180px){.portfolio-home{overflow:auto}.top-nav,.home-main,.site-footer{width:min(100% - 40px,960px)}.top-nav{gap:24px;height:auto;padding:24px 0}.nav-links{display:none}.contact-link{margin-left:auto}.home-main{grid-template:"hero""evidence""projects"/1fr;row-gap:34px;height:auto;min-height:auto;padding:24px 0 56px}.hero-copy{max-width:880px}.evidence-stage,.stage-stack{min-height:520px}.json-window{width:min(400px,100%);top:0;right:0}.trace-panel{width:100%;bottom:0;right:0}.floating-tags{display:none}.project-showcase{grid-template-columns:1fr;gap:24px;transform:none}.terrain-artwork{opacity:.68;background-position:62%;inset:-3%}.terrain-atmosphere{opacity:.28;left:18%;right:-24%}}@media (width<=760px){.top-nav,.home-main,.site-footer{width:min(100% - 28px,560px)}.site-footer{gap:20px;display:grid}.site-footer nav{justify-content:flex-start}.contact-link{gap:12px;min-width:116px;height:38px;font-size:.9rem}.brand-mark{width:52px}.title-en{font-size:clamp(4rem,20vw,6.2rem)}.title-cn{white-space:normal;font-size:clamp(2.8rem,14vw,4.6rem)}.identity-line{font-size:1.08rem}.hero-button{width:100%;min-width:0}.evidence-stage,.stage-stack{min-height:auto}.json-window,.trace-panel{width:100%;margin:0;position:relative;top:auto;bottom:auto;right:auto}.stage-stack{gap:18px;display:grid}.code-block{font-size:.68rem;overflow-x:auto}.trace-steps{grid-template-columns:repeat(2,1fr);gap:18px 10px}.trace-steps:before,.trace-runner{display:none}.project-card{grid-template-columns:38px minmax(0,1fr) 24px}.project-title{font-size:1.22rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.portfolio-home{--parallax-x:0!important;--parallax-y:0!important}.terrain-artwork,.terrain-atmosphere,.particle,.tech-tag,.json-window,.trace-panel{transform:none!important}.trace-runner,.json-window:after{display:none!important}.project-card:hover,.project-card:focus-within{transform:none}}.projects-page{min-height:100dvh;color:var(--color-text);background:#030303;position:relative;overflow:hidden}.projects-backdrop{z-index:0;pointer-events:none;background:radial-gradient(circle at 82% 8%,#ff79001a,#0000 26rem),radial-gradient(circle at 18% 38%,#59e47a0b,#0000 32rem),linear-gradient(#050505 0%,#030303 36%,#050504 72%,#030303 100%);min-height:100%;position:absolute;inset:0}.projects-backdrop:before{opacity:.28;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:104px 104px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 76%);mask-image:linear-gradient(#000,#0000 76%)}.projects-backdrop:after{opacity:.5;content:"";background:linear-gradient(90deg,#0000,#ff790070,#59e47a3d,#0000);width:min(86vw,1480px);height:1px;position:absolute;top:82px;left:50%;transform:translate(-50%)}.projects-page .top-nav{z-index:3;position:relative}.projects-page .nav-links a.router-link-active{color:#fff8ec;text-shadow:0 0 18px #ff79002e;box-shadow:inset 0 -1px #ff7900ad}.projects-main{z-index:2;width:min(var(--content-max), calc(100vw - 88px));margin:0 auto;padding:clamp(74px,8vw,132px) 0 46px;position:relative}.projects-intro{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:end;gap:clamp(70px,10vw,180px);min-height:410px;padding-bottom:clamp(88px,9vw,150px);animation:.72s ease-out 80ms both projectsReveal;display:grid}.projects-intro__copy{max-width:980px}.projects-intro__kicker,.section-kicker,.case-card__eyebrow,.case-label{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;margin:0}.projects-intro__kicker,.section-kicker{color:var(--color-ember);font-size:.76rem}.projects-intro h1{color:#fff8ec;font-family:var(--font-display);letter-spacing:-.055em;text-shadow:0 28px 80px #000000d1;margin:24px 0 0;font-size:clamp(5.5rem,10vw,11.5rem);font-weight:600;line-height:.78}.projects-intro__lead{color:#fff8eceb;max-width:900px;margin:clamp(40px,5vw,72px) 0 0;font-size:clamp(1.22rem,1.55vw,1.7rem);line-height:1.82}.projects-intro__audience{color:#f5f0e794;margin:18px 0 0;font-size:clamp(.92rem,1vw,1.08rem);line-height:1.7}.projects-intro__rail{border-top:1px solid #ffffff17;align-self:end;gap:0;display:grid}.projects-intro__rail span{color:#f5f0e79e;min-height:58px;font-family:var(--font-mono);letter-spacing:.035em;border-bottom:1px solid #ffffff12;align-items:center;font-size:.75rem;display:flex}.projects-intro__rail span:first-child,.projects-intro__rail span:nth-child(3),.projects-intro__rail span:nth-child(5){color:#ffb85bbd}.projects-intro__rail span:nth-child(2),.projects-intro__rail span:nth-child(4){color:#78eb91c2}.case-index{animation:.72s ease-out .15s both projectsReveal}.case-index__heading{grid-template-columns:220px minmax(0,1fr);align-items:end;gap:40px;margin-bottom:38px;display:grid}.case-index__heading h2{color:#fff8ece6;max-width:920px;font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(2.1rem,3.2vw,3.7rem);font-weight:500;line-height:1.02}.case-index__list{gap:clamp(44px,5vw,78px);display:grid}.case-card{color:var(--color-text);background:linear-gradient(105deg,#ff79000b,#0000 36%),#05050575;border-top:1px solid #ff79006b;border-bottom:1px solid #ffffff0e;grid-template-columns:76px minmax(0,1fr);transition:border-color .22s,background .22s,transform .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 90px #00000029}.case-card:after{opacity:.55;transform-origin:0;content:"";background:linear-gradient(90deg,#ff7900eb,#0000);width:28%;height:1px;transition:opacity .22s,transform .22s;position:absolute;top:-1px;left:76px;transform:scaleX(.32)}.case-card:hover,.case-card:focus-visible{background:linear-gradient(105deg,#ff790012,#0000 42%),#06060699;border-top-color:#ff7900b3;outline:none;transform:translateY(-3px)}.case-card:hover:after,.case-card:focus-visible:after{opacity:.88;transform:scaleX(1)}.case-card--green{background:linear-gradient(105deg,#59e47a0a,#0000 36%),#05050575;border-top-color:#59e47a6b}.case-card--green:after{background:linear-gradient(90deg,#59e47ae6,#0000)}.case-card--green:hover,.case-card--green:focus-visible{background:linear-gradient(105deg,#59e47a11,#0000 42%),#06060699;border-top-color:#59e47aad}.case-card__rail{color:var(--color-ember);font-family:var(--font-mono);letter-spacing:.08em;border-right:1px solid #fff1;flex-direction:column;justify-content:space-between;align-items:center;padding:34px 0;font-size:.74rem;display:flex}.case-card--green .case-card__rail{color:var(--color-green)}.case-card__rail span:last-child{writing-mode:vertical-rl;color:#f5f0e752;letter-spacing:.18em}.case-card__content{min-width:0;padding:clamp(32px,3.4vw,58px) clamp(32px,4vw,68px) clamp(30px,3.2vw,52px)}.case-card__header{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.case-card__eyebrow,.case-label{color:#f5f0e78f;font-size:.72rem}.case-card h2{color:#fff8ec;font-family:var(--font-display);letter-spacing:-.035em;margin:13px 0 0;font-size:clamp(2.5rem,4.2vw,5rem);font-weight:560;line-height:.98}.case-card__position{color:#f5f0e7c2;margin:12px 0 0;font-size:clamp(1rem,1.08vw,1.18rem)}.case-card__details{color:#f5f0e794;font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:12px;padding:10px 0;font-size:.76rem;display:inline-flex}.case-card__details span{color:var(--color-ember);transition:transform .18s}.case-card__details--available{color:#fff8ecc7}.case-card__details--available:hover,.case-card__details--available:focus-visible{color:var(--color-ember);outline:none}.case-card--green .case-card__details--available:hover,.case-card--green .case-card__details--available:focus-visible,.case-card--green .case-card__details span{color:var(--color-green)}.case-card:hover .case-card__details span,.case-card:focus-visible .case-card__details span{transform:translate(3px,-2px)}.case-card__story{grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr);align-items:start;gap:clamp(42px,4vw,72px);margin-top:clamp(38px,4vw,60px);display:grid}.case-card__narrative{min-width:0}.case-card__block{border-top:1px solid #ffffff16;padding-top:21px}.case-card__problem>p:last-child{color:#fff8eceb;margin:15px 0 0;font-size:clamp(1.06rem,1.12vw,1.22rem);line-height:1.76}.case-card__workflow{margin-top:28px}.case-card__workflow ol{flex-wrap:wrap;align-items:center;gap:10px 0;margin:16px 0 0;padding:0;list-style:none;display:flex}.case-card__workflow li{color:#f5f0e7d6;font-family:var(--font-mono);white-space:nowrap;align-items:center;font-size:clamp(.76rem,.76vw,.87rem);display:inline-flex}.case-card__workflow li:not(:last-child):after{color:#ff79009e;content:"→";margin:0 12px}.case-card--green .case-card__workflow li:not(:last-child):after{color:#59e47a9e}.case-card__proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:30px;display:grid}.case-inline-list{color:#f5f0e7c7;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;padding:0;font-size:.84rem;line-height:1.62;list-style:none;display:flex}.case-inline-list li{padding-left:10px;position:relative}.case-inline-list li:before{background:var(--color-ember);opacity:.72;content:"";border-radius:999px;width:3px;height:3px;position:absolute;top:.67em;left:0}.case-card--green .case-inline-list li:before{background:var(--color-green)}.case-inline-list--evidence{color:#fff8ecdb}.case-card__boundary>p:last-child{color:#f5f0e7b8;margin:14px 0 0;font-size:.88rem;line-height:1.72}.case-card__stack{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.case-card__stack span{color:#f5f0e7b3;min-height:29px;font-family:var(--font-mono);background:#ffffff06;border:1px solid #ffffff17;border-radius:3px;align-items:center;padding:0 10px;font-size:.7rem;display:inline-flex}.case-card__preview{min-width:0;margin:0}.case-card__preview-frame{aspect-ratio:16/10;background:#080a0f;border:1px solid #ffffff1f;position:relative;overflow:hidden;box-shadow:0 26px 70px #00000061}.case-card__preview-frame:after{pointer-events:none;content:"";border:1px solid #ffb85b14;position:absolute;inset:0;box-shadow:inset 0 -80px 90px #0000001f}.case-card--green .case-card__preview-frame:after{border-color:#78eb9117}.case-card__preview img{object-fit:cover;object-position:top center;filter:saturate(.82)brightness(.78);width:100%;height:100%;transition:filter .22s,transform .36s;display:block}.case-card:hover .case-card__preview img,.case-card:focus-visible .case-card__preview img{filter:saturate(.94)brightness(.86);transform:scale(1.012)}.case-card__preview figcaption{color:#fff8ecb8;font-family:var(--font-mono);justify-content:space-between;align-items:flex-start;gap:18px;margin-top:13px;font-size:.7rem;line-height:1.55;display:flex}.case-card__preview figcaption small{color:#f5f0e77a;max-width:55%;font-size:inherit;text-align:right}.case-card__resume{border-top:1px solid #ffffff0e;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);align-items:start;gap:34px;margin-top:28px;padding-top:24px;display:grid}.case-card__resume span{color:#ffb85bb3;font-family:var(--font-mono);letter-spacing:.06em;font-size:.7rem}.case-card--green .case-card__resume span{color:#78eb91b8}.case-card__resume p{color:#f5f0e7cc;margin:0;font-size:.94rem;line-height:1.68}.projects-section{margin-top:clamp(118px,11vw,190px);animation:.72s ease-out .22s both projectsReveal}.section-heading{grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);align-items:end;gap:clamp(60px,9vw,160px);margin-bottom:clamp(38px,4vw,62px);display:grid}.section-heading h2,.boundary-section h2{color:#fff8ec;font-family:var(--font-display);letter-spacing:-.04em;margin:13px 0 0;font-size:clamp(3rem,5vw,6.2rem);font-weight:540;line-height:.95}.section-heading>p{color:#f5f0e7ad;margin:0;font-size:.98rem;line-height:1.75}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(30px,3vw,56px);display:grid}.capability-item{border-top:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px;min-height:108px;display:flex}.capability-item h3{color:#fff8eceb;margin:0;font-size:1.02rem;font-weight:540;line-height:1.4}.capability-projects,.evidence-wall__projects{flex-wrap:wrap;gap:7px;display:flex}.capability-projects span{color:#f5f0e7b3;min-height:30px;font-family:var(--font-mono);background:#ffffff06;border:1px solid #ffffff17;border-radius:3px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:.74rem;display:inline-flex}.capability-projects b{color:currentColor;font-weight:650}.evidence-wall__projects span{color:#f5f0e79e;min-width:34px;height:24px;font-family:var(--font-mono);background:#ffffff06;border:1px solid #ffffff1a;border-radius:3px;justify-content:center;align-items:center;font-size:.64rem;display:inline-flex}.capability-projects .project-code--df,.evidence-wall__projects .project-code--df{color:#ffb85bb8;border-color:#ff79002e}.capability-projects .project-code--rag,.evidence-wall__projects .project-code--rag{color:#78eb91b8;border-color:#59e47a2e}.capability-projects .project-code--mcp,.evidence-wall__projects .project-code--mcp{color:#d9b06da8;border-color:#d9b06d29}.capability-projects .project-code--eval,.evidence-wall__projects .project-code--eval{color:#ffc370c7;border-color:#ffb85b33}.capability-projects .project-code--off,.evidence-wall__projects .project-code--off{color:#c1d79abd;border-color:#78eb912e}.evidence-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(56px,6vw,96px) clamp(48px,6vw,100px);display:grid}.evidence-group{border-top:1px solid #ff79004d;min-width:0}.evidence-group:nth-child(2n){border-top-color:#59e47a3d}.evidence-group__header{grid-template-columns:52px minmax(0,1fr);gap:18px;padding:25px 0 23px;display:grid}.evidence-group__header>span{color:#ffb85bb8;font-family:var(--font-mono);font-size:.7rem}.evidence-group:nth-child(2n) .evidence-group__header>span{color:#78eb91b8}.evidence-group__header h3{color:#fff8ec;font-family:var(--font-display);margin:0;font-size:clamp(1.8rem,2.25vw,2.65rem);font-weight:540;line-height:1}.evidence-group__header p{color:#f5f0e7a3;margin:11px 0 0;font-size:.86rem;line-height:1.65}.evidence-group__list{margin:0;padding:0;list-style:none}.evidence-wall__item{border-top:1px solid #ffffff14;grid-template-columns:52px minmax(0,1fr) auto;align-items:start;gap:16px;min-height:112px;padding:22px 0 19px;display:grid}.evidence-wall__index{color:#ff7900b3;font-family:var(--font-mono);font-size:.68rem}.evidence-wall__item h4{color:#fff8ecf0;margin:0;font-size:1rem;font-weight:560}.evidence-wall__item p{color:#f5f0e7a8;margin:8px 0 0;font-size:.82rem;line-height:1.65}.boundary-section{background:linear-gradient(110deg,#ff790009,#0000 54%);border-top:1px solid #ff790057;border-bottom:1px solid #fff1;grid-template-columns:minmax(120px,.22fr) minmax(0,1fr);gap:clamp(50px,7vw,120px);padding:clamp(48px,6vw,94px) 0;display:grid}.boundary-section__index{color:#ff7900ad;font-family:var(--font-display);font-size:clamp(4rem,7vw,8rem);line-height:.8}.boundary-section__content{max-width:1160px}.boundary-section h2{max-width:1020px}.boundary-section__summary{color:#fff8ece0;max-width:1080px;margin:clamp(34px,4vw,56px) 0 0;font-size:clamp(1.08rem,1.35vw,1.45rem);line-height:1.8}.boundary-section__focus{color:#f5f0e7b3;max-width:1040px;margin:16px 0 0;font-size:1.02rem;line-height:1.75}.boundary-section ul{flex-wrap:wrap;gap:10px 28px;margin:34px 0 0;padding:0;list-style:none;display:flex}.boundary-section li{color:#f5f0e7c2;font-family:var(--font-mono);padding-left:13px;font-size:.78rem;position:relative}.boundary-section li:before{background:var(--color-green);content:"";border-radius:999px;width:4px;height:4px;position:absolute;top:.5em;left:0}.projects-footer{color:#f5f0e761;font-family:var(--font-mono);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:clamp(88px,8vw,140px);padding-top:30px;font-size:.68rem;display:flex}.projects-footer p{margin:0}.projects-footer a{color:#fff8ecb8;align-items:center;gap:10px;transition:color .18s,transform .18s;display:inline-flex}.projects-footer a:hover,.projects-footer a:focus-visible{color:var(--color-ember);outline:none;transform:translateY(-1px)}@keyframes projectsReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=1181px) and (width<=1500px){.projects-main{width:min(var(--content-max), calc(100vw - 80px))}.projects-intro{grid-template-columns:minmax(0,1.32fr) minmax(280px,.68fr);gap:80px;min-height:360px}.case-card__content{padding:38px 42px 36px}.case-card__story{grid-template-columns:minmax(380px,.86fr) minmax(500px,1.14fr);gap:42px}.case-card__proof-grid{grid-template-columns:1fr;gap:24px}.capability-grid{gap:0 32px}.evidence-groups{gap:60px 54px}.evidence-wall__item{grid-template-columns:40px minmax(0,1fr)}.evidence-wall__projects{grid-column:2}}@media (width<=1180px){.projects-main{width:min(100% - 40px,960px);padding-top:62px}.projects-intro{grid-template-columns:1fr;gap:54px;min-height:0;padding-bottom:90px}.projects-intro__rail{max-width:620px}.case-index__heading,.section-heading{grid-template-columns:1fr;gap:22px}.case-card__story{grid-template-columns:1fr;gap:42px}.case-card__narrative{max-width:820px}.case-card__preview{max-width:900px}.capability-grid,.evidence-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading>p{max-width:620px}}@media (width<=760px){.projects-main{width:min(100% - 28px,560px);padding:44px 0 32px}.projects-intro{padding-bottom:72px}.projects-intro h1{font-size:clamp(4.5rem,25vw,7rem)}.projects-intro__lead{margin-top:34px;font-size:1.08rem}.case-index__heading{margin-bottom:26px}.case-index__heading h2{font-size:2.2rem}.case-card{grid-template-columns:1fr}.case-card:after{left:0}.case-card__rail{border-bottom:1px solid #fff1;border-right:0;flex-direction:row;padding:13px 18px}.case-card__rail span:last-child{writing-mode:horizontal-tb}.case-card__content{padding:28px 20px 30px}.case-card__header{display:grid}.case-card h2{font-size:clamp(2.35rem,13vw,4rem)}.case-card__details{padding:0}.case-card__story{margin-top:34px}.case-card__proof-grid{grid-template-columns:1fr}.case-card__preview figcaption{gap:5px;display:grid}.case-card__preview figcaption small{text-align:left;max-width:none}.case-card__workflow li:not(:last-child):after{margin:0 8px}.case-card__resume{grid-template-columns:1fr;gap:12px}.projects-section{margin-top:94px}.section-heading h2,.boundary-section h2{font-size:clamp(2.7rem,15vw,4.4rem)}.capability-grid,.evidence-groups{grid-template-columns:1fr}.evidence-group__header,.evidence-wall__item{grid-template-columns:42px minmax(0,1fr)}.evidence-wall__projects{grid-column:2}.boundary-section{grid-template-columns:1fr;gap:40px}.boundary-section__index{font-size:4rem}.boundary-section ul{display:grid}.projects-footer{gap:20px;display:grid}}@media (prefers-reduced-motion:reduce){.projects-intro,.case-index,.projects-section{animation:none}.case-card:hover,.case-card:focus-visible,.case-card:hover .case-card__preview img,.case-card:focus-visible .case-card__preview img,.projects-footer a:hover,.projects-footer a:focus-visible{transform:none}}.mcp-detail-page{min-height:100dvh;color:var(--color-text);background:#030303;position:relative;overflow:hidden}.detail-backdrop{z-index:0;pointer-events:none;background:linear-gradient(90deg,#ff790006,#0000 34%,#59e47a05 72%,#0000),linear-gradient(#050504 0%,#030303 22%,#050504 56%,#030303 100%);position:absolute;inset:0}.detail-backdrop:before{content:"";background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:112px 112px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 52%);mask-image:linear-gradient(#000,#0000 52%)}.detail-backdrop:after{content:"";background:linear-gradient(90deg,#0000,#ff790073,#59e47a33,#0000);width:min(86vw,1640px);height:1px;position:absolute;top:82px;left:50%;transform:translate(-50%)}.devflow-detail-page .detail-backdrop{background:linear-gradient(90deg,#59e47a08,#0000 32%,#ff790005 74%,#0000),linear-gradient(#040505 0%,#030303 22%,#050504 58%,#030303 100%)}.devflow-detail-page .detail-backdrop:after{background:linear-gradient(90deg,#0000,#59e47a66,#ff790038,#0000)}.devflow-detail-page .detail-hero__dossier{border-top-color:#59e47a57}.devflow-detail-page .detail-button--primary{background:#59e47a11;border-color:#59e47a8f}.ticket-rag-detail-page .detail-backdrop{background:linear-gradient(90deg,#59e47a07,#0000 30%,#ff790008 68%,#0000),linear-gradient(#040504 0%,#030303 24%,#050504 58%,#030303 100%)}.ticket-rag-detail-page .detail-backdrop:after{background:linear-gradient(90deg,#0000,#59e47a52,#ff790057,#0000)}.ticket-rag-detail-page .detail-hero__dossier{border-top-color:#d9b06d61}.ticket-rag-detail-page .detail-button--primary{background:#d9b06d12;border-color:#d9b06d94}.promptops-detail-page .detail-backdrop{background:linear-gradient(90deg,#ff790008,#0000 34%,#59e47a06 72%,#0000),linear-gradient(#050403 0%,#030303 24%,#050504 58%,#030303 100%)}.promptops-detail-page .detail-backdrop:after{background:linear-gradient(90deg,#0000,#ff790070,#59e47a42,#0000)}.promptops-detail-page .detail-hero__dossier{border-top-color:#ffb85b6b}.promptops-detail-page .detail-button--primary{background:#ff790012;border-color:#ffb85b99}.mcp-detail-page .top-nav{z-index:3;position:relative}.mcp-detail-page .nav-links a[href=\/projects]{color:#fff8ec;text-shadow:0 0 18px #ff79002e;box-shadow:inset 0 -1px #ff7900ad}.detail-main{z-index:2;width:min(var(--content-max), calc(100vw - 88px));margin:0 auto;padding:70px 0 48px;position:relative}.detail-kicker{color:var(--color-ember);font-family:var(--font-mono);text-transform:uppercase;margin:0;font-size:.76rem}.detail-hero{border-bottom:1px solid #ffffff17;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);align-items:end;gap:110px;min-height:690px;padding:72px 0 104px;animation:.68s ease-out both detailReveal;display:grid}.detail-hero__copy{max-width:1060px}.detail-hero h1{color:#fff8ec;font-family:var(--font-display);letter-spacing:0;text-wrap:balance;text-shadow:0 34px 90px #000000c2;margin:28px 0 0;font-size:6.6rem;font-weight:560;line-height:.92}.detail-hero__subtitle{color:#fff8ece0;margin:30px 0 0;font-size:1.35rem;font-weight:520}.detail-hero__positioning{color:#f5f0e7bd;max-width:980px;margin:26px 0 0;font-size:1.12rem;line-height:1.9}.detail-hero__actions{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.detail-button{color:#fff8ecd6;background:#070706b8;border:1px solid #ffffff24;border-radius:4px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:0 20px;font-size:.92rem;transition:border-color .18s,color .18s,background .18s,transform .18s;display:inline-flex}.detail-button--primary{color:#fff8ec;background:#ff790013;border-color:#ff79009e}.detail-button--quiet{color:#f5f0e7a8}.detail-button:hover,.detail-button:focus-visible{color:#fff8ec;background:#ff790017;border-color:#ff7900c2;outline:none;transform:translateY(-2px)}.detail-hero__dossier{border-top:1px solid #ff790057;align-self:end;padding:30px 0 0}.detail-hero__signal{font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:24px;font-size:.68rem;display:flex}.detail-hero__signal span{color:#ffb85bb8}.detail-hero__signal strong{color:#78eb91bd;font-weight:520}.detail-hero__dossier>p{color:#f5f0e7a8;margin:24px 0 0;font-size:.92rem;line-height:1.78}.detail-tag-list{flex-wrap:wrap;gap:8px;margin:30px 0 0;padding:0;list-style:none;display:flex}.detail-tag-list li{color:#f5f0e7b8;min-height:30px;font-family:var(--font-mono);background:#ffffff06;border:1px solid #ffffff1a;border-radius:3px;align-items:center;padding:0 10px;font-size:.7rem;display:inline-flex}.project-summary-rail{background:linear-gradient(90deg,#ff790009,#0000 48%,#59e47a06);border-bottom:1px solid #ffffff17;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.project-summary-rail__item{border-right:1px solid #ffffff14;min-height:118px;padding:26px 28px 24px;position:relative}.project-summary-rail__item:last-child{border-right:0}.project-summary-rail__item:before{background:var(--color-ember);content:"";width:42px;height:1px;position:absolute;top:-1px;left:28px}.project-summary-rail__item--green:before{background:var(--color-green)}.project-summary-rail__item span{color:#ffb85bb8;font-family:var(--font-mono);text-transform:uppercase;font-size:.68rem;display:block}.project-summary-rail__item--green span{color:#78eb91b8}.project-summary-rail__item strong{color:#fff8eceb;margin-top:13px;font-size:1rem;font-weight:540;line-height:1.5;display:block}.detail-section{margin-top:168px;animation:.68s ease-out .12s both detailReveal}.problem-section{margin-top:108px}.detail-section-heading{grid-template-columns:minmax(0,1fr) minmax(360px,.55fr);align-items:end;gap:90px;margin-bottom:58px;display:grid}.detail-section-heading h2,.detail-boundary h2{color:#fff8ec;max-width:1100px;font-family:var(--font-display);letter-spacing:0;text-wrap:balance;margin:15px 0 0;font-size:4.6rem;font-weight:540;line-height:.98}.detail-section-heading>p{color:#f5f0e7a8;margin:0;font-size:.96rem;line-height:1.8}.problem-layout{border-top:1px solid #ff790057;grid-template-columns:minmax(0,1.3fr) minmax(380px,.7fr);gap:110px;padding:56px 0 0;display:grid}.problem-statement{color:#fff8eceb;max-width:1060px;font-family:var(--font-display);margin:0;font-size:2.2rem;line-height:1.5}.problem-signals{border-top:1px solid #ffffff17;margin:0}.problem-signals div{border-bottom:1px solid #ffffff13;grid-template-columns:86px minmax(0,1fr);gap:20px;padding:20px 0;display:grid}.problem-signals dt{color:#ffb85bad;font-family:var(--font-mono);font-size:.66rem}.problem-signals dd{color:#f5f0e7b8;margin:0;font-size:.92rem}.architecture-canvas{background:linear-gradient(90deg,#ff790009,#0000 33%,#59e47a06 70%,#0000),#0505049e;border-top:1px solid #ff790061;border-bottom:1px solid #ffffff14;overflow:hidden}.architecture-canvas__header{border-bottom:1px solid #ffffff13;grid-template-columns:2fr 3fr 3fr;display:grid}.architecture-canvas__header span{color:#f5f0e78a;font-family:var(--font-mono);padding:18px 22px;font-size:.68rem}.architecture-canvas__header span:nth-child(2){color:#ffb85ba6}.architecture-canvas__header span:nth-child(3){color:#78eb919e}.architecture-track{grid-template-columns:repeat(var(--architecture-columns,8), minmax(0, 1fr));margin:0;padding:0;list-style:none;display:grid}.architecture-node{border-right:1px solid #ffffff13;min-height:278px;padding:34px 22px 30px;position:relative}.architecture-node:last-child{border-right:0}.architecture-node:after{z-index:1;color:#ff7900ad;content:"→";font-size:.9rem;position:absolute;top:84px;right:-6px}.architecture-node:last-child:after{display:none}.architecture-node--governance{background:#ff790005}.architecture-node--evidence{background:#59e47a04}.architecture-node>span{color:#ffb85bb3;font-family:var(--font-mono);font-size:.72rem}.architecture-node--evidence>span{color:#78eb91b8}.architecture-node h3{color:#fff8eced;margin:26px 0 0;font-size:1.08rem;font-weight:560;line-height:1.35}.architecture-node p{color:#f5f0e7ad;margin:15px 0 0;font-size:.82rem;line-height:1.7}.core-flow{border-top:1px solid #ff790057;margin:0;padding:0;list-style:none}.core-flow li{border-bottom:1px solid #ffffff14;grid-template-columns:120px minmax(260px,.5fr) minmax(0,1fr) 30px;align-items:center;gap:36px;min-height:132px;transition:border-color .18s,background .18s;display:grid}.core-flow li:hover{background:linear-gradient(90deg,#ff790009,#0000 72%);border-bottom-color:#ff790057}.core-flow__index{color:#ffb85bb8;font-family:var(--font-display);font-size:2rem}.core-flow h3{color:#fff8ec;font-family:var(--font-display);margin:0;font-size:1.8rem;font-weight:540}.core-flow p{color:#f5f0e7ad;margin:0;font-size:.94rem;line-height:1.75}.core-flow__arrow{color:#59e47aad;font-family:var(--font-mono)}.module-grid{grid-template-columns:repeat(var(--module-columns,7), minmax(0, 1fr));border-top:1px solid #59e47a52;margin:0;padding:0;list-style:none;display:grid}.ticket-module-grid{--module-columns:4}.module-card{background:linear-gradient(150deg,#59e47a06,#0000 54%),#0607068a;border-bottom:1px solid #ffffff13;border-right:1px solid #ffffff13;min-height:244px;padding:30px 22px 28px}.module-card:nth-child(2n){background:linear-gradient(150deg,#ff790007,#0000 58%),#06070680}.module-card>span{color:#78eb91b8;font-family:var(--font-mono);font-size:.7rem}.module-card:nth-child(2n)>span{color:#ffb85bb8}.module-card h3{color:#fff8ecf0;margin:28px 0 0;font-size:1.16rem;font-weight:560;line-height:1.35}.module-card p{color:#f5f0e7ad;margin:15px 0 0;font-size:.86rem;line-height:1.7}.screenshot-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 54px;display:grid}.screenshot-item{min-width:0;margin:0}.screenshot-item--featured{grid-column:1/-1}.screenshot-item__frame{aspect-ratio:16/10;background:#080909;border:1px solid #ffffff1f;border-radius:4px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 34px 100px #00000061,0 0 0 1px #000000b3}.screenshot-item__frame:after{pointer-events:none;content:"";border:1px solid #ff790014;position:absolute;inset:0}.screenshot-item__chrome{z-index:1;color:#f5f0e794;min-height:44px;font-family:var(--font-mono);background:linear-gradient(#111211,#0a0b0a);border-bottom:1px solid #ffffff17;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 16px;font-size:.64rem;display:grid;position:relative}.screenshot-item__chrome small{color:#78eb9194;font-size:inherit}.screenshot-item__lights{gap:7px;display:flex}.screenshot-item__lights i{background:#ff6b57;border-radius:50%;width:7px;height:7px}.screenshot-item__lights i:nth-child(2){background:#f2bb43}.screenshot-item__lights i:nth-child(3){background:#4acb62}.screenshot-item__viewport{background:#070808;flex:1;min-height:0}.screenshot-item img{object-fit:contain;filter:saturate(.9)contrast(.98)brightness(.94);width:100%;height:100%;transition:filter .22s,transform .32s;display:block}.screenshot-item:hover img{filter:saturate()contrast()brightness(.98);transform:scale(1.008)}.screenshot-item figcaption{grid-template-columns:54px minmax(0,1fr) auto;align-items:start;gap:20px;margin-top:20px;display:grid}.screenshot-item figcaption>span{color:#ffb85bb3;font-family:var(--font-mono);font-size:.7rem}.screenshot-item figcaption h3{color:#fff8ecf0;margin:0;font-size:1.16rem;font-weight:560}.screenshot-item figcaption p{color:#f5f0e7b3;margin:8px 0 0;font-size:.92rem;line-height:1.68}.screenshot-item figcaption small{color:#f5f0e780;max-width:280px;font-family:var(--font-mono);text-align:right;font-size:.7rem}.engineering-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 70px;display:grid}.engineering-group{border-top:1px solid #ff790057;min-width:0}.engineering-group:nth-child(2n){border-top-color:#59e47a47}.engineering-group__header{grid-template-columns:54px minmax(0,1fr);align-items:start;gap:18px;min-height:132px;padding:28px 0 24px;display:grid}.engineering-group__header>span{color:#ffb85bb8;font-family:var(--font-mono);font-size:.7rem}.engineering-group:nth-child(2n) .engineering-group__header>span{color:#78eb91b8}.engineering-group__header h3{color:#fff8ec;font-family:var(--font-display);margin:0;font-size:2.2rem;font-weight:540;line-height:1}.engineering-group__header p{color:#f5f0e7a3;margin:12px 0 0;font-size:.88rem;line-height:1.65}.engineering-group ul{margin:0;padding:0;list-style:none}.engineering-item{border-top:1px solid #ffffff16;grid-template-columns:54px minmax(0,1fr) auto;align-items:start;gap:18px;min-height:132px;padding:25px 0 22px;display:grid}.engineering-item__index{color:#ffb85bb3;font-family:var(--font-mono);font-size:.68rem}.engineering-item h4{color:#fff8ecf0;margin:0;font-size:1.08rem;font-weight:560}.engineering-item p{color:#f5f0e7b3;margin:10px 0 0;font-size:.9rem;line-height:1.7}.engineering-item__scope{color:#78eb91a3;max-width:160px;font-family:var(--font-mono);text-align:right;font-size:.64rem}.detail-boundary{background:linear-gradient(105deg,#ff79000a,#0000 56%);border-top:1px solid #ff79006b;border-bottom:1px solid #ffffff14;grid-template-columns:minmax(120px,.22fr) minmax(0,1fr);gap:90px;padding:82px 0;display:grid}.detail-boundary__index{color:#ff7900b8;font-family:var(--font-display);font-size:7rem;line-height:.82}.detail-boundary__content{max-width:1380px}.detail-boundary__lead{color:#fff8ecd6;max-width:980px;margin:34px 0 0;font-size:1.12rem;line-height:1.8}.trust-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 42px;margin:46px 0 0;display:grid}.trust-panel-column{border-top:1px solid #ffffff14;padding-top:25px;position:relative}.trust-panel-column--positive{border-top-color:#59e47a57}.trust-panel-column--negative{border-top-color:#ff790066}.trust-panel-column--neutral{border-top-color:#d9b06d4d}.trust-panel-column h3{color:#fff8ecf0;margin:0;font-size:1.12rem;font-weight:560}.trust-panel-column header p{color:#f5f0e785;font-family:var(--font-mono);margin:9px 0 0;font-size:.68rem}.trust-panel-column ul{gap:0;margin:25px 0 0;padding:0;list-style:none;display:grid}.trust-panel-column li{color:#f5f0e7bd;border-top:1px solid #ffffff12;padding:17px 0 17px 18px;font-size:.92rem;line-height:1.72;position:relative}.trust-panel-column li:before{content:"";background:#d9b06dc7;border-radius:50%;width:5px;height:5px;position:absolute;top:1.65em;left:0}.trust-panel-column--positive li:before{background:#59e47acc}.trust-panel-column--negative li:before{background:#ff7900d6}.interview-qa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.interview-qa-card{background:linear-gradient(135deg,#59e47a06,#0000 56%),#07070694;border:1px solid #ffffff17;border-top-color:#59e47a57;border-radius:4px;min-height:250px;padding:30px 32px 32px;position:relative}.interview-qa-card:last-child{grid-column:1/-1;min-height:210px}.interview-qa-card>span{color:#59e47ab3;font-family:var(--font-mono);font-size:.7rem}.interview-qa-card h3{color:#fff8ec;grid-template-columns:28px minmax(0,1fr);gap:12px;margin:26px 0 0;font-size:1.14rem;font-weight:560;line-height:1.6;display:grid}.interview-qa-card p{color:#f5f0e7b8;grid-template-columns:28px minmax(0,1fr);gap:12px;margin:20px 0 0;font-size:.96rem;line-height:1.78;display:grid}.interview-qa-card b{color:#ffb85bc7;font-family:var(--font-mono);font-size:.78rem;font-weight:540}.detail-footer{color:#f5f0e76b;font-family:var(--font-mono);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:148px;padding:30px 0 0;font-size:.68rem;display:flex}.detail-footer p{margin:0}.detail-footer div{gap:24px;display:flex}.detail-footer a{color:#fff8ecbd;transition:color .18s}.detail-footer a:hover,.detail-footer a:focus-visible{color:var(--color-ember);outline:none}@keyframes detailReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=1181px) and (width<=1500px){.detail-main{width:min(var(--content-max), calc(100vw - 80px))}.detail-hero{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:72px;min-height:620px}.detail-hero h1{font-size:5.4rem}.detail-section-heading h2,.detail-boundary h2{font-size:3.9rem}.problem-layout{gap:72px}.problem-statement{font-size:1.9rem}.architecture-node{min-height:270px;padding:30px 16px 26px}.architecture-node h3{font-size:1rem}.architecture-node p{font-size:.78rem}.core-flow li{grid-template-columns:90px minmax(220px,.46fr) minmax(0,1fr) 24px;gap:28px}}@media (width<=1180px){.detail-main{width:min(100% - 40px,960px);padding-top:54px}.detail-hero{grid-template-columns:1fr;gap:72px;min-height:0;padding:66px 0 88px}.detail-hero h1{max-width:900px;font-size:5.2rem}.detail-hero__dossier{max-width:680px}.project-summary-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.project-summary-rail__item:nth-child(2){border-right:0}.project-summary-rail__item:nth-child(-n+2){border-bottom:1px solid #ffffff14}.detail-section{margin-top:126px}.problem-section{margin-top:88px}.detail-section-heading{grid-template-columns:1fr;gap:24px}.detail-section-heading>p{max-width:680px}.problem-layout{grid-template-columns:1fr;gap:56px}.problem-signals{max-width:620px}.architecture-canvas{overflow-x:auto}.architecture-canvas__header,.architecture-track{min-width:1260px}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.core-flow li{grid-template-columns:72px minmax(220px,.44fr) minmax(0,1fr) 20px;gap:22px}.screenshot-gallery,.engineering-groups,.interview-qa-grid{grid-template-columns:1fr}.screenshot-item--featured{grid-column:auto}.detail-boundary{grid-template-columns:100px minmax(0,1fr);gap:48px}.trust-panel-grid{grid-template-columns:1fr;gap:42px}.interview-qa-card:last-child{grid-column:auto}}@media (width<=760px){.detail-main{width:min(100% - 28px,560px);padding:40px 0 32px}.detail-hero{padding:50px 0 70px}.detail-hero h1{font-size:3.45rem;line-height:.98}.detail-hero__subtitle{margin-top:22px;font-size:1.12rem}.detail-hero__positioning{font-size:1rem}.detail-hero__actions{display:grid}.detail-button{width:100%}.detail-hero__signal{gap:8px;display:grid}.project-summary-rail{grid-template-columns:1fr}.project-summary-rail__item,.project-summary-rail__item:nth-child(2){border-bottom:1px solid #ffffff14;border-right:0;min-height:104px}.detail-section{margin-top:96px}.problem-section{margin-top:74px}.detail-section-heading{margin-bottom:36px}.detail-section-heading h2,.detail-boundary h2{font-size:2.8rem;line-height:1.02}.problem-statement{font-size:1.5rem}.problem-signals div{grid-template-columns:72px minmax(0,1fr)}.core-flow li{grid-template-columns:44px minmax(0,1fr);gap:8px 14px;padding:24px 0}.core-flow h3{font-size:1.45rem}.core-flow p{grid-column:2}.core-flow__arrow{display:none}.screenshot-gallery{gap:52px}.screenshot-item figcaption{grid-template-columns:38px minmax(0,1fr);gap:14px}.screenshot-item__chrome{grid-template-columns:60px minmax(0,1fr);font-size:.58rem}.screenshot-item__chrome small{display:none}.screenshot-item figcaption small{text-align:left;grid-column:2;max-width:none}.engineering-group__header,.engineering-item{grid-template-columns:40px minmax(0,1fr)}.module-grid{grid-template-columns:1fr}.module-card{min-height:0}.engineering-item__scope{text-align:left;grid-column:2;max-width:none}.detail-boundary{grid-template-columns:1fr;gap:36px;padding:58px 0}.detail-boundary__index{font-size:4rem}.interview-qa-card{min-height:0;padding:26px 22px 28px}.detail-footer{gap:22px;margin-top:100px;display:grid}}@media (prefers-reduced-motion:reduce){.detail-hero,.detail-section{animation:none}.detail-button:hover,.detail-button:focus-visible,.screenshot-item:hover img{transform:none}.mcp-detail-page{scroll-behavior:auto}}