:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0e0d0b;--ink-soft:#141210;--ink-deep:#050504;--sand:#f2eadc;--sand-soft:#ece4d4;--sand-strong:#e3d8c4;--earth:#1b1611;--earth-soft:#4a3f32;--gold:#bc9b6a;--gold-deep:#8b7140;--border-dark:#f2eadc1f;--border-light:#1b16112e;--shadow-warm:0 24px 60px #2319082e;--z-grain:0;--z-page:1;--z-header:50;--z-loader:120;--font-display:"Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "Iowan Old Style", serif;--font-body:"PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Helvetica Neue", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", "IBM Plex Mono", "Menlo", monospace;--container-width:1280px;--container-gutter:2rem;--section-space:6rem;--hero-space-start:6.75rem;--hero-space-end:4.75rem;--type-hero-title:3.9rem;--type-hero-quote:1.45rem;--type-section-title:2.35rem;--type-card-title:1.75rem;--type-contact-title:2.65rem;--type-statement:1.8rem;--transition-base:.3s cubic-bezier(.22, 1, .36, 1);--transition-slow:.5s cubic-bezier(.22, 1, .36, 1)}html{background:var(--ink);scroll-behavior:smooth;scroll-padding-top:6rem}*{box-sizing:border-box}::selection{color:var(--ink);background:#bc9b6ab3}html,body{max-width:100vw;margin:0;overflow-x:hidden}body{background:var(--ink);min-height:100vh;color:var(--sand);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body[data-menu-open=true]{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.page-loader{z-index:var(--z-loader);background:radial-gradient(circle at 50% 42%,#bc9b6a29,#0000 24%),linear-gradient(#050504fa 0%,#0e0d0b 100%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.page-loader:before{content:"";opacity:.08;background-image:linear-gradient(#f2eadc14 1px,#0000 1px),linear-gradient(90deg,#f2eadc0d 1px,#0000 1px);background-size:100% 3.5rem,3.5rem 100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 78%);mask-image:radial-gradient(circle,#000 0%,#0000 78%)}.page-loader__word{justify-items:center;gap:.85rem;padding:1.5rem 1.75rem;display:grid;position:relative}.page-loader__word:before{content:"chenjin.ai";color:#f2eadc5c;font-family:var(--font-mono);letter-spacing:.34em;text-transform:uppercase;font-size:.68rem}.page-loader__label{max-width:min(30rem,100vw - 2rem);min-height:1.2em;color:var(--gold);font-family:var(--font-display);letter-spacing:.08em;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:0 0 10px #bc9b6a29,0 0 32px #bc9b6a1f;font-size:1.25rem;font-style:italic;font-weight:400;line-height:1.3}.portfolio-page{background:var(--ink);min-height:100vh;position:relative}.portfolio-page__grain{pointer-events:none;z-index:var(--z-grain);opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.portfolio-page svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}.container{width:min(var(--container-width), calc(100% - var(--container-gutter)));margin:0 auto;position:relative}.container--narrow{max-width:900px}.portfolio-main,.site-footer,.site-header{z-index:var(--z-page);position:relative}.section-dark,.section-light,.section-warm{position:relative}.section-dark{background:var(--ink);color:var(--sand)}.section-light{background:var(--sand);color:var(--earth)}.section-warm{background:var(--sand-soft);color:var(--earth)}.site-header{z-index:var(--z-header);position:fixed;inset:0 0 auto}.site-header__bar{width:min(1440px, calc(100% - var(--container-gutter)));height:4rem;transition:color var(--transition-base), background-color var(--transition-base), border-color var(--transition-base), backdrop-filter var(--transition-base), box-shadow var(--transition-base);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto;padding:0 1.5rem;display:flex}.site-header[data-theme=dark] .site-header__bar{color:var(--sand)}.site-header.is-scrolled[data-theme=dark] .site-header__bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e0d0bbf;border-color:#f2eadc14}.site-header[data-theme=light] .site-header__bar{color:var(--earth);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f2eadcdb;border-color:#1b161114}.brand-mark{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;white-space:nowrap;font-size:.75rem}.brand-mark span{color:var(--gold)}.site-nav{align-items:center;gap:2rem;display:none}.site-nav__link{color:inherit;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;opacity:.58;transition:opacity var(--transition-base), color var(--transition-base);font-size:.7rem}.site-nav__link:hover{opacity:1}.menu-toggle{width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.menu-toggle svg{width:1.4rem;height:1.4rem}.mobile-menu{z-index:49;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#0505048a;justify-content:flex-end;padding:1rem;display:flex;position:fixed;inset:0}.mobile-menu.is-open{opacity:1;pointer-events:auto}.mobile-menu__panel{width:min(24rem,100%);height:calc(100% - 4.75rem);transition:transform var(--transition-base);background:#0e0d0bf0;border:1px solid #f2eadc14;border-radius:1.5rem;margin-top:4.75rem;padding:1rem;transform:translate(1rem);box-shadow:0 20px 60px #00000047}.mobile-menu.is-open .mobile-menu__panel{transform:translate(0)}.mobile-menu__header{color:#f2eadcb3;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid #f2eadc14;justify-content:space-between;align-items:center;padding-bottom:1rem;font-size:.7rem;display:flex}.mobile-menu__close{width:2.5rem;height:2.5rem;color:var(--sand);cursor:pointer;background:#f2eadc14;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobile-menu__links{flex-direction:column;gap:.35rem;padding-top:1rem;display:flex}.mobile-menu__link{color:var(--sand);font-family:var(--font-display);transition:background-color var(--transition-base);border-radius:1rem;padding:.95rem 1rem;font-size:1.35rem}.mobile-menu__link:hover{background:#f2eadc14}.hero-section{padding:var(--hero-space-start) 0 var(--hero-space-end);overflow:hidden}.hero-section__spotlight{pointer-events:none;background:radial-gradient(at 20% 35%,#bc9b6a1a,#0000 55%),linear-gradient(#0e0d0b14,#0e0d0b00);position:absolute;inset:0}.section-kicker{color:#f2eadc73;max-width:100%;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.55rem .75rem;margin-bottom:2.75rem;font-size:.58rem;line-height:1.8;display:flex}.section-kicker__dot{background:var(--gold);border-radius:50%;width:.38rem;height:.38rem}.section-kicker__divider{color:#f2eadc40}.hero-grid{align-items:center;gap:2.5rem;display:grid;position:relative}.hero-copy{z-index:1;order:1;position:relative}.hero-title{font-family:var(--font-display);font-size:var(--type-hero-title);letter-spacing:0;text-wrap:balance;margin:0;font-weight:400;line-height:.92}.hero-title span{color:var(--gold);font-style:italic;display:block}.hero-meta{color:#f2eadc8f;max-width:29rem;font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;border-top:1px solid #f2eadc24;margin-top:1.35rem;padding-top:1.1rem;font-size:.68rem;line-height:2}.hero-quote{color:#f2eadcd6;max-width:32rem;font-family:var(--font-display);font-size:var(--type-hero-quote);margin:1.7rem 0 0;font-style:italic;line-height:1.5}.hero-summary{color:#f2eadc9e;text-wrap:pretty;max-width:31rem;margin:1.4rem 0 0;font-size:.98rem;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;margin-top:2rem;display:flex}.button{min-height:3rem;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;transition:background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);border:1px solid #0000;align-items:center;gap:.75rem;padding:.9rem 1.2rem;font-size:.66rem;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--gold);color:var(--ink)}.button--primary:hover{background:var(--sand)}.button--ghost{color:#f2eadc94}.button--ghost:hover{color:var(--sand)}.button svg{width:.92rem;height:.92rem}.hero-portrait{order:2;justify-self:end;width:min(100%,22rem);position:relative}.hero-portrait__frame{transition:inset var(--transition-slow);border:1px solid #f2eadc1f;position:absolute;inset:-.7rem}.hero-portrait:hover .hero-portrait__frame{inset:-.45rem}.hero-portrait__image{aspect-ratio:4/5;background:var(--ink-deep);position:relative;overflow:hidden}.hero-portrait__image img{object-fit:cover;filter:grayscale(.02)contrast(1.06)brightness(.98)}.hero-portrait__fade{background:linear-gradient(#0000 55%,#0e0d0b73);position:absolute;inset:0}.hero-portrait__caption{color:#f2eadc66;font-family:var(--font-mono);letter-spacing:.16em;text-align:right;text-transform:uppercase;margin-top:.75rem;font-size:.63rem;line-height:1.7}.section-heading{border-top:1px solid #f2eadc1f;flex-direction:column;gap:1rem;margin-bottom:3.5rem;padding-top:3.75rem;display:flex}.section-heading--light{border-top-color:#1b16111f}.section-heading__eyebrow{color:#f2eadc6b;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.75rem;font-size:.63rem;line-height:1.7}.section-heading--light .section-heading__eyebrow{color:var(--gold-deep)}.section-heading__title{font-family:var(--font-display);font-size:var(--type-section-title);letter-spacing:0;text-wrap:balance;margin:0;font-weight:400;line-height:1.08}.section-heading__title span{color:var(--gold);font-style:italic}.section-heading--light .section-heading__title span{color:var(--gold-deep)}.section-heading__aside{color:#f2eadc94;max-width:24rem;font-family:var(--font-body);text-wrap:pretty;margin:0;font-size:.96rem;line-height:1.8}.section-heading--light .section-heading__aside{color:var(--earth-soft)}.overview-section,.flagship-section,.method-section{padding:var(--section-space) 0}.overview-section{padding-top:calc(var(--section-space) * .62)}.overview-section .section-heading{margin-bottom:2.75rem;padding-top:1.65rem}.contact-section__eyebrow{color:#f2eadc5c;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:.63rem;line-height:1.7}.focus-grid,.method-grid{gap:1px;display:grid}.focus-grid{background:#1b161126}.focus-card{background:var(--sand-soft);flex-direction:column;gap:1.35rem;min-height:16rem;padding:2rem;display:flex}.focus-card__index,.method-card__index,.flagship-panel__label{color:var(--gold-deep);font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;font-size:.6rem}.focus-card h3,.method-card h3{font-family:var(--font-display);font-size:var(--type-card-title);text-wrap:balance;margin:0;font-weight:400;line-height:1.15}.focus-card p,.method-card p{color:var(--earth-soft);text-wrap:pretty;margin:0;font-size:.96rem;line-height:1.85}.flagship-layout{background:#f2eadc1f;gap:1px;display:grid}.flagship-layout--light{background:#1b161126}.flagship-copy,.flagship-panel{background:var(--ink);padding:2rem}.flagship-layout--light .flagship-copy,.flagship-panel--light{background:var(--sand)}.flagship-copy{flex-direction:column;gap:1.15rem;display:flex}.flagship-copy p{color:#f2eadcc7;text-wrap:pretty;margin:0;font-size:1rem;line-height:1.9}.flagship-layout--light .flagship-copy p{color:var(--earth-soft)}.flagship-panel{flex-direction:column;gap:1.4rem;display:flex}.flagship-panel__list{color:#f2eadcb8;text-wrap:pretty;gap:.95rem;margin:0;padding-left:1.1rem;font-size:.94rem;line-height:1.8;display:grid}.flagship-panel--light .flagship-panel__list{color:var(--earth-soft)}.tag-list{flex-wrap:wrap;gap:.65rem;display:flex}.tag-chip{color:#f2eadcb8;min-height:2.1rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere;border:1px solid #f2eadc24;align-items:center;padding:.45rem .85rem;font-size:.63rem;line-height:1.5;display:inline-flex}.tag-chip--light{color:var(--earth-soft);border-color:#1b161124}.method-grid{background:#f2eadc1f}.method-section--light{padding:6rem 0 7rem}.method-section--light .section-heading{margin-bottom:1.6rem;padding-top:2.5rem}.method-card{background:var(--ink);flex-direction:column;gap:1.4rem;min-height:17rem;padding:2rem;display:flex}.method-card p{color:#f2eadcad}.method-section--light .method-grid{background:#1b161126}.method-section--light .method-card{background:var(--sand)}.method-section--light .method-card p{color:var(--earth-soft)}.method-quote{text-align:center;border-top:1px solid #f2eadc14;margin-top:4rem;padding-top:3rem}.method-section--light .method-quote{border-top-color:#1b16111f}.method-quote__eyebrow{color:#f2eadc5c;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.63rem;line-height:1.7}.method-section--light .method-quote__eyebrow{color:var(--gold-deep)}.method-quote__text{color:#f2eadceb;font-family:var(--font-display);font-size:var(--type-statement);text-wrap:balance;margin:2rem 0 0;font-style:italic;font-weight:400;line-height:1.35}.method-section--light .method-quote__text{color:var(--earth)}.contact-section{padding:var(--section-space) 0;text-align:center}.contact-section__title{font-family:var(--font-display);font-size:var(--type-contact-title);letter-spacing:0;text-wrap:balance;margin:1.25rem 0 0;font-weight:400;line-height:1.1}.contact-section__title span{color:var(--gold);font-style:italic}.contact-section__copy{color:#f2eadc9e;text-wrap:pretty;max-width:30rem;margin:1.25rem auto 0;font-size:.96rem;line-height:1.9}.contact-section .button--primary{margin-top:1rem}.contact-points{gap:2rem;margin-top:2.5rem;display:grid}.contact-point{flex-direction:column;align-items:center;gap:.75rem;display:flex}.contact-point__label{color:#f2eadc66;font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;font-size:.63rem}.contact-point a,.contact-point span{color:var(--sand);font-family:var(--font-display);overflow-wrap:anywhere;transition:color var(--transition-base);font-size:1.15rem;font-style:italic}.contact-point a:hover{color:var(--gold)}.social-links{justify-content:center;gap:1rem;margin-top:2.5rem;display:flex}.social-links a{color:#f2eadc8c;width:2.75rem;height:2.75rem;transition:color var(--transition-base), border-color var(--transition-base), transform var(--transition-base);border:1px solid #f2eadc1f;justify-content:center;align-items:center;display:flex}.social-links a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.social-links svg{width:1rem;height:1rem}.site-footer{background:var(--ink);border-top:1px solid #f2eadc14}.site-footer__inner{color:#f2eadc59;font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 0;font-size:.63rem;display:flex}.site-footer__credit{color:#f2eadc85;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;padding:0 0 2.5rem;font-size:.92rem;line-height:1.7;display:flex}.site-footer__credit a{color:var(--gold);transition:opacity var(--transition-base)}.site-footer__credit a:hover{opacity:.82}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (min-width:640px){:root{--container-gutter:3rem}.contact-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}.site-footer__inner{flex-direction:row;justify-content:space-between}}@media (min-width:768px){:root{--section-space:10rem;--hero-space-start:10rem;--hero-space-end:8rem;--type-hero-title:6rem;--type-hero-quote:1.8rem;--type-section-title:3.2rem;--type-card-title:2rem;--type-contact-title:3.6rem;--type-statement:2.25rem}.hero-section{padding:var(--hero-space-start) 0 var(--hero-space-end)}.section-kicker{margin-bottom:5.5rem}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:4.5rem}.hero-copy{order:1}.hero-portrait{order:2;justify-self:end;width:min(100%,26.25rem)}.hero-portrait__caption{margin-top:0;position:absolute;bottom:-2.4rem;right:0}.site-nav{display:flex}.menu-toggle,.mobile-menu{display:none}.focus-grid,.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-section,.flagship-section,.method-section,.contact-section{padding:var(--section-space) 0}.overview-section{padding-top:6.25rem}.overview-section .section-heading{margin-bottom:3rem;padding-top:2rem}.method-section--light{padding:7rem 0 8rem}.method-section--light .section-heading{margin-bottom:2rem;padding-top:2.75rem}}@media (min-width:1024px){:root{--type-hero-title:7.4rem;--type-section-title:3.8rem;--type-contact-title:4.3rem}.focus-grid,.method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flagship-layout{grid-template-columns:minmax(0,1.1fr) minmax(21rem,.9fr)}.section-heading{flex-direction:row;justify-content:space-between;align-items:end;gap:2rem}}@media (max-width:767px){.site-header__bar{padding:0 .25rem}.hero-grid{min-height:34rem;display:block}.hero-copy{max-width:21rem}.hero-portrait{opacity:.34;pointer-events:none;width:16rem;position:absolute;top:6.5rem;right:-13rem}.hero-portrait__frame{inset:-.45rem}.hero-portrait__caption{display:none}.section-heading{margin-bottom:2.5rem;padding-top:2.5rem}.focus-card,.flagship-copy,.flagship-panel,.method-card{padding:1.5rem}.contact-section__title br{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}