html:has(.portfolio-immersive-main){--portfolio-radius-control:var(--ios-radius-pill,999px);--portfolio-radius-small:var(--ios-radius-md,16px);--portfolio-radius-card:var(--ios-radius-2xl,28px);--portfolio-radius-media:var(--ios-radius-xl,24px);--portfolio-radius-sheet:32px}html:has(.portfolio-immersive-main) .portfolio-nav{border:1px solid var(--portfolio-line-soft)!important;border-radius:var(--portfolio-radius-sheet)!important;background:linear-gradient(180deg, var(--portfolio-nav-bg), var(--portfolio-nav-bg-end))!important;-webkit-backdrop-filter:blur(16px)saturate(1.04)!important;width:calc(100% - 24px)!important;max-width:1440px!important;top:10px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 4px 8px #0000001f!important}html:has(.portfolio-immersive-main) .portfolio-nav .site-nav-pill{border-radius:inherit!important;min-height:58px!important}html:has(.portfolio-immersive-main) .portfolio-nav .site-nav-pill>button{border-radius:var(--portfolio-radius-control)!important}html:has(.portfolio-immersive-main) .portfolio-nav .nav-pill-link{border-radius:var(--portfolio-radius-control)!important}html:has(.portfolio-immersive-main) .portfolio-nav .site-preferences button{border-radius:var(--portfolio-radius-control)!important}html:has(.portfolio-immersive-main) .portfolio-nav .theme-toggle{border-radius:var(--portfolio-radius-control)!important}html:has(.portfolio-immersive-main) .portfolio-nav .theme-mode-control__button{border-radius:var(--portfolio-radius-control)!important}html:has(.portfolio-immersive-main) .portfolio-nav .site-nav-pill>button{min-height:38px!important;padding:.45rem .72rem!important}html:has(.portfolio-immersive-main) .portfolio-nav .nav-pill-link{min-height:38px!important;padding:.45rem .72rem!important}html:has(.portfolio-immersive-main) .portfolio-nav .site-preferences button{border:1px solid var(--portfolio-line-soft)!important;background:color-mix(in srgb, var(--portfolio-ink) 4%, transparent)!important}html:has(.portfolio-immersive-main) .portfolio-nav .theme-toggle{border:1px solid var(--portfolio-line-soft)!important;background:color-mix(in srgb, var(--portfolio-ink) 4%, transparent)!important}html:has(.portfolio-immersive-main) .portfolio-nav .theme-mode-control__button{border:1px solid var(--portfolio-line-soft)!important;background:color-mix(in srgb, var(--portfolio-ink) 4%, transparent)!important}html:has(.portfolio-immersive-main) .portfolio-nav .nav-pill-link:after{display:none!important}html:has(.portfolio-immersive-main) .portfolio-nav .nav-pill-link:is(:hover,:focus-visible){background:color-mix(in srgb, var(--portfolio-ink) 7%, transparent)!important}html:has(.portfolio-immersive-main) .portfolio-nav .site-nav-pill>button:is(:hover,:focus-visible){background:color-mix(in srgb, var(--portfolio-ink) 7%, transparent)!important}html:has(.portfolio-immersive-main) .profile-hero__portrait{isolation:isolate;z-index:2!important;aspect-ratio:3/4!important;max-height:640px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;overflow:visible!important}html:has(.portfolio-immersive-main) .profile-hero__portrait:before{content:none!important;display:none!important}html:has(.portfolio-immersive-main) .profile-hero__portrait:after{display:none!important}html:has(.portfolio-immersive-main) .profile-hero__portrait img{z-index:2!important;object-fit:contain!important;object-position:center!important;opacity:1!important;border-radius:0!important;-webkit-mask-image:none!important;mask-image:none!important}html[data-theme=dark]:has(.portfolio-immersive-main) .profile-hero__portrait img{filter:grayscale(.92)contrast(1.02)brightness(.99)!important}html[data-theme=light]:has(.portfolio-immersive-main) .profile-hero__portrait img{filter:grayscale(.9)contrast()brightness(1.04)!important}html:has(.portfolio-immersive-main) .profile-hero__orbit{opacity:.18;filter:blur(.15px)}html:has(.portfolio-immersive-main) .profile-hero__orbit:after{opacity:.58;box-shadow:0 0 10px color-mix(in srgb, var(--portfolio-ink) 38%, transparent)}html:has(.portfolio-immersive-main) .profile-hero__btn{border:1px solid var(--portfolio-line)!important;border-radius:var(--portfolio-radius-control)!important;background:color-mix(in srgb, var(--portfolio-ink) 4%, transparent)!important;min-height:46px!important;padding:.65rem 1.15rem!important}html:has(.portfolio-immersive-main) .writing-gateway__actions button{border:1px solid var(--portfolio-line)!important;border-radius:var(--portfolio-radius-control)!important;background:color-mix(in srgb, var(--portfolio-ink) 4%, transparent)!important;min-height:46px!important;padding:.65rem 1.15rem!important}html:has(.portfolio-immersive-main) .portfolio-contact-actions>:is(a,button){border:1px solid var(--portfolio-line)!important;border-radius:var(--portfolio-radius-control)!important;background:color-mix(in srgb, var(--portfolio-ink) 4%, transparent)!important;min-height:46px!important;padding:.65rem 1.15rem!important}html:has(.portfolio-immersive-main) .profile-hero__btn--primary{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;border-color:#0000!important}html:has(.portfolio-immersive-main) .writing-gateway__actions button:first-child{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;border-color:#0000!important}html:has(.portfolio-immersive-main) :is(.writing-feature__tags em,.archive-card__label,.archive-card__cta,.project-evidence-row__tags span,#about span.rounded-full){border-radius:var(--portfolio-radius-control)!important}:is(html:has(.portfolio-immersive-main) .archive-card__label,html:has(.portfolio-immersive-main) .archive-card__cta){width:fit-content;padding:.38rem .7rem;border:1px solid var(--portfolio-line)!important;background:color-mix(in srgb, var(--portfolio-ink) 4%, transparent)!important}html:has(.portfolio-immersive-main) .writing-gateway__editorial{overflow:hidden;border:1px solid var(--portfolio-line)!important;border-radius:var(--portfolio-radius-card)!important;background:color-mix(in srgb, var(--portfolio-ink) 3%, transparent)!important;gap:0!important;padding:.5rem!important}:is(html:has(.portfolio-immersive-main) .writing-feature,html:has(.portfolio-immersive-main) .writing-list__item){border-radius:var(--portfolio-radius-small)!important}html:has(.portfolio-immersive-main) .writing-feature{padding-inline:clamp(1rem,2.5vw,2rem)!important}html:has(.portfolio-immersive-main) .writing-list{overflow:hidden;border-radius:calc(var(--portfolio-radius-card) - 6px)!important}html:has(.portfolio-immersive-main) .writing-list__item:is(:hover,:focus-visible){background:color-mix(in srgb, var(--moon-growth) 10%, transparent)!important}html:has(.portfolio-immersive-main) .archive-gateway__grid{overflow:hidden;border-radius:var(--portfolio-radius-card)!important;border:0!important}html:has(.portfolio-immersive-main) .archive-card{overflow:hidden;border:1px solid var(--portfolio-line)!important;border-radius:var(--portfolio-radius-card)!important}html:has(.portfolio-immersive-main) .work-evidence-index{overflow:hidden;border-radius:var(--portfolio-radius-card)!important}html:has(.portfolio-immersive-main) .work-evidence-index__row{border-radius:var(--portfolio-radius-small)!important}html:has(.portfolio-immersive-main) .work-evidence-index__row:is(:hover,:focus-visible){background:color-mix(in srgb, var(--moon-growth) 10%, transparent)!important}html:has(.portfolio-immersive-main) .project-evidence-atlas{border:0!important;gap:clamp(1rem,2.5vw,1.75rem)!important}html:has(.portfolio-immersive-main) .project-evidence-row{overflow:hidden;border:1px solid var(--portfolio-line)!important;border-radius:var(--portfolio-radius-card)!important}html:has(.portfolio-immersive-main) .project-evidence-row__media figure{overflow:hidden;border-radius:var(--portfolio-radius-media)!important}html:has(.portfolio-immersive-main) .project-evidence-row__image{overflow:hidden;border-radius:var(--portfolio-radius-media)!important}html:has(.portfolio-immersive-main) .process-visual{border-radius:var(--portfolio-radius-media)!important}html:has(.portfolio-immersive-main) #process .grid.grid-cols-1.md\:grid-cols-4{border:0!important;gap:clamp(.75rem,1.8vw,1.25rem)!important}html:has(.portfolio-immersive-main) #process .grid.grid-cols-1.md\:grid-cols-4>div{border:0!important}html:has(.portfolio-immersive-main) #process .grid.grid-cols-1.md\:grid-cols-4 .rounded-3xl{border:1px solid var(--portfolio-line)!important;border-radius:var(--portfolio-radius-media)!important;background:color-mix(in srgb, var(--portfolio-ink) 4%, transparent)!important}html[data-theme]:has(.portfolio-immersive-main) #contact .portfolio-contact-actions>:is(a,button){border:1px solid var(--portfolio-line)!important;border-radius:var(--portfolio-radius-control)!important}html[data-theme]:has(.portfolio-immersive-main) #contact .portfolio-contact-actions>:nth-child(2){background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;border-color:#0000!important}html:has(.portfolio-immersive-main) #contact .portfolio-contact-actions>:is(a,button):is(:hover,:focus-visible){border-color:var(--moon-growth)!important;background:color-mix(in srgb, var(--moon-growth) 10%, transparent)!important;color:var(--moon-growth)!important}body:has(.portfolio-immersive-main) [role=dialog][aria-modal=true]>.relative{overflow:auto;border-radius:var(--portfolio-radius-sheet)!important}body:has(.portfolio-immersive-main) .modal-content{overflow:auto;border-radius:var(--portfolio-radius-sheet)!important}body:has(.portfolio-immersive-main) .project-modal{overflow:auto;border-radius:var(--portfolio-radius-sheet)!important}body:has(.portfolio-immersive-main) [role=dialog][aria-modal=true]>.relative>button{border-radius:var(--portfolio-radius-control)!important}body:has(.portfolio-immersive-main) [role=dialog][aria-modal=true] header span.rounded-full{border-radius:var(--portfolio-radius-control)!important}body:has(.portfolio-immersive-main) [role=dialog][aria-modal=true] [class*=rounded-full]{border-radius:var(--portfolio-radius-control)!important}body:has(.portfolio-immersive-main) [role=dialog][aria-modal=true] :is(figure.rounded-2xl,button.rounded-2xl,img.rounded-2xl,.project-image-fallback){border-radius:var(--portfolio-radius-media)!important}body:has(.portfolio-immersive-main) [role=dialog][aria-modal=true] :is(.project-proof-grid,.project-qr-card,section.rounded-3xl){border-radius:var(--portfolio-radius-card)!important}@media (max-width:900px){html:has(.portfolio-immersive-main) .portfolio-nav{top:max(8px, env(safe-area-inset-top))!important;border-radius:var(--portfolio-radius-card)!important;width:calc(100% - 16px)!important}html:has(.portfolio-immersive-main) .portfolio-nav .site-nav-pill{min-height:54px!important}html:has(.portfolio-immersive-main) .profile-hero__portrait{justify-self:center!important;width:min(92%,470px)!important}:is(html:has(.portfolio-immersive-main) .writing-gateway__editorial,html:has(.portfolio-immersive-main) .archive-gateway__grid,html:has(.portfolio-immersive-main) .work-evidence-index,html:has(.portfolio-immersive-main) .project-evidence-row){border-radius:var(--portfolio-radius-media)!important}body:has(.portfolio-immersive-main) [role=dialog][aria-modal=true]>.relative{border-radius:var(--portfolio-radius-card) var(--portfolio-radius-card) 0 0!important}}@media (prefers-reduced-motion:reduce){html:has(.portfolio-immersive-main) .portfolio-nav{transition-duration:.01ms!important}html:has(.portfolio-immersive-main) .portfolio-nav *{transition-duration:.01ms!important}html:has(.portfolio-immersive-main) .writing-list__item{transition-duration:.01ms!important}html:has(.portfolio-immersive-main) .work-evidence-index__row{transition-duration:.01ms!important}html:has(.portfolio-immersive-main) .portfolio-contact-actions>:is(a,button){transition-duration:.01ms!important}}
:root{--season-leaf:#72b88a;--season-leaf-rgb:114, 184, 138;--season-vein:#9fd4a8;--season-vein-rgb:159, 212, 168;--season-stem:#3e7b57;--season-stem-rgb:62, 123, 87}html[data-season=spring]{--season-leaf:#9acb78;--season-leaf-rgb:154, 203, 120;--season-vein:#b7d88f;--season-vein-rgb:183, 216, 143;--season-stem:#708b58;--season-stem-rgb:112, 139, 88}html[data-season=summer]{--season-leaf:#72b88a;--season-leaf-rgb:114, 184, 138;--season-vein:#9fd4a8;--season-vein-rgb:159, 212, 168;--season-stem:#3e7b57;--season-stem-rgb:62, 123, 87}html[data-season=autumn]{--season-leaf:#c98d4a;--season-leaf-rgb:201, 141, 74;--season-vein:#e0b36a;--season-vein-rgb:224, 179, 106;--season-stem:#90663d;--season-stem-rgb:144, 102, 61}html[data-season=winter]{--season-leaf:#8d9189;--season-leaf-rgb:141, 145, 137;--season-vein:#c4c9c2;--season-vein-rgb:196, 201, 194;--season-stem:#68706a;--season-stem-rgb:104, 112, 106}.leaf-vein-progress{--vein-progress:0;z-index:80;pointer-events:none;width:100%;height:34px;color:var(--season-vein);padding:7px 16px 5px;transition:color .42s;position:fixed;inset:0 0 auto}.leaf-vein-progress__canvas{width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(var(--season-leaf-rgb), .22));display:block}.leaf-vein-progress__season{color:var(--season-stem);font-family:var(--font-mono);letter-spacing:.08em;text-shadow:0 1px 10px #ffffffb8;align-items:baseline;gap:5px;line-height:1;transition:color .42s;display:inline-flex;position:absolute;top:4px;right:18px}.leaf-vein-progress__season b{font-size:.68rem;font-weight:700}.leaf-vein-progress__season em{opacity:.68;font-size:.52rem;font-style:normal}.scroll-falling-leaf{z-index:76;width:var(--leaf-size,clamp(72px, 7.9vw, 118px));height:var(--leaf-height,138px);pointer-events:none;opacity:.9;transform:translate3d(var(--leaf-x,14vw), var(--leaf-y,16vh), 0);transform-origin:50%;will-change:transform;transition:opacity .42s,filter .42s;position:fixed;top:0;left:0}.scroll-falling-leaf[data-mobile-intro=hidden]{opacity:0}.scroll-falling-leaf__halo{background:radial-gradient(circle, rgba(var(--season-leaf-rgb), .16), transparent 70%);filter:blur(9px);border-radius:50%;position:absolute;inset:8%}.scroll-falling-leaf__mark{width:100%;height:100%;filter:saturate(1.02) drop-shadow(0 8px 13px rgba(var(--season-leaf-rgb), .2));transition:filter .42s;display:block;position:relative}.scroll-falling-leaf[data-scene=notes] .scroll-falling-leaf__mark,.scroll-falling-leaf[data-scene=projects] .scroll-falling-leaf__mark,.scroll-falling-leaf[data-scene=paper] .scroll-falling-leaf__mark{filter:hue-rotate(-8deg) saturate(1.04) drop-shadow(0 9px 15px rgba(var(--season-leaf-rgb), .28))}html[data-finale-leaf=shake] .scroll-falling-leaf,html[data-finale-leaf=falling] .scroll-falling-leaf,html[data-finale-leaf=landed] .scroll-falling-leaf{opacity:0}.chapter-leaf-transition{z-index:74;pointer-events:none;opacity:0;position:fixed;inset:0;overflow:hidden}.chapter-leaf-transition.is-visible{opacity:1}.chapter-leaf-transition__canvas{width:100%;height:100%;position:absolute;inset:0}.chapter-leaf-transition__leaf:nth-child(2n){animation-name:chapterLeafDriftReverse}@keyframes chapterLeafDriftReverse{0%{opacity:0;transform:translate(18vw,-12vh)rotate(42deg)scale(.72)}18%{opacity:.76}to{opacity:0;transform:translate(-28vw,66vh)rotate(-152deg)scale(.9)}}.gm-card__visual{position:relative}.gm-card__leaf{color:var(--season-leaf);opacity:.46;transform-origin:50% 100%;transition:color .42s,opacity .42s,filter .42s,transform .42s cubic-bezier(.2,.8,.2,1)}.gm-card--project:hover .gm-card__leaf,.gm-card--project:focus-visible .gm-card__leaf{opacity:1;filter:drop-shadow(0 0 10px rgba(var(--season-leaf-rgb), .42));transform:rotate(12deg)translateY(-3px)}.project-evidence-row__media{position:relative}.project-evidence-row__leaf{z-index:3;color:var(--season-leaf);opacity:.52;transform-origin:50% 100%;transition:transform .52s cubic-bezier(.2,.8,.2,1),opacity .42s,filter .42s;position:absolute;top:18px;right:20px}.project-evidence-row:hover .project-evidence-row__leaf,.project-evidence-row:focus-visible .project-evidence-row__leaf{opacity:1;filter:drop-shadow(0 0 12px rgba(var(--season-leaf-rgb), .46));transform:rotate(16deg)translateY(-5px)}.portfolio-contact-actions{grid-template-columns:minmax(270px,1.3fr) minmax(210px,1fr) minmax(168px,.78fr) auto auto;align-items:stretch;gap:12px;display:grid;position:relative;overflow:visible}.contact-leaf-target,.contact-action{border-radius:22px;min-height:78px;text-decoration:none;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,border-color .24s,background .24s}.contact-leaf-target{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:3px 13px;padding:16px 22px;display:grid;box-shadow:0 16px 38px #11111429}.contact-leaf-target:hover,.contact-leaf-target:focus-visible,.contact-action:hover,.contact-action:focus-visible{transform:translateY(-3px)}.contact-leaf-target__icon{grid-row:1/-1}.contact-action__meta{color:currentColor;font-family:var(--font-mono);letter-spacing:.1em;opacity:.62;text-transform:uppercase;font-size:.64rem;font-weight:700;line-height:1;display:block}.contact-action__value{color:currentColor;min-width:0;font-family:var(--font-text);overflow-wrap:anywhere;font-size:clamp(.88rem,1.15vw,1.04rem);font-weight:720;line-height:1.2;display:block}.contact-action{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff8f;align-items:center;gap:10px;padding:14px 18px;display:flex}.contact-action--email,.contact-action--phone{align-content:center;gap:5px;display:grid}.contact-action--email .contact-action__value,.contact-action--phone .contact-action__value{color:var(--text-primary)}.contact-action--quiet{min-width:max-content;color:var(--text-primary);font-family:var(--font-text);white-space:nowrap;justify-content:center;font-size:.88rem;font-weight:680}.three-leaf-return{z-index:90;pointer-events:none;opacity:0;width:100vw;height:100vh;transition:opacity .16s;position:fixed;inset:0}.three-leaf-return.is-active{opacity:1}.contact-leaf-target__icon{color:currentColor;transition:filter .52s,transform .52s cubic-bezier(.2,.8,.2,1);display:inline-block}.portfolio-contact-actions.is-returned .contact-leaf-target__icon{filter:drop-shadow(0 0 9px rgba(var(--season-leaf-rgb), .68));transform:rotate(-9deg)scale(1.12)}html[data-finale-leaf=shake] .particle-narrative{animation:.76s cubic-bezier(.28,.78,.35,1) both finaleTreeShake}@keyframes landingLeafSettle{0%,to{margin-top:0}50%{margin-top:7px}}@keyframes bookmarkBreath{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(-4deg)translateY(4px)}}@keyframes paperBookmarkSettle{0%,to{transform:translate(-50%)rotate(-9deg)translateY(0)}50%{transform:translate(-50%)rotate(-5deg)translateY(5px)}}@keyframes finaleTreeShake{0%,to{transform:translate(0,0)}22%{transform:translate(-3px,1px)rotate(-.3deg)}48%{transform:translate(3px,-1px)rotate(.3deg)}74%{transform:translate(-1px)}}@media (max-width:900px){.portfolio-contact-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.portfolio-contact-actions>a,.portfolio-contact-actions>button{flex:none;max-width:none}.contact-leaf-target{grid-column:1/-1}.contact-action--quiet{min-width:0}}@media (max-width:560px){.portfolio-contact-actions{grid-template-columns:1fr}.contact-leaf-target,.contact-action{grid-column:auto;min-height:66px}.contact-action--quiet{justify-content:flex-start}}@media (max-width:640px){.leaf-vein-progress{height:28px;padding-inline:10px}.leaf-vein-progress__season{top:3px;right:12px}.leaf-vein-progress__season em{display:none}}@media (prefers-reduced-motion:reduce){.chapter-leaf-transition,.scroll-falling-leaf{display:none}html[data-finale-leaf=shake] .particle-narrative{animation:none!important}.three-leaf-return{display:none}}
html:has(.portfolio-immersive-main){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--yx-white:#fff;--yx-soft:#f3f4f6;--yx-ink:#0b0b0d;--yx-muted:#61656d;--yx-faint:#a1a1aa;--yx-blue:#a7c7ff;--yx-blue-soft:#dcebff;--yx-line:#0b0b0d1c;--yx-line-strong:#0b0b0d33;--yx-sans:Inter, "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", sans-serif;--yx-mono:"SFMono-Regular", SFMono-Regular, Consolas, "Liberation Mono", monospace;--bg-primary:var(--yx-white);--bg-primary-rgb:255, 255, 255;--bg-secondary:var(--yx-soft);--bg-secondary-rgb:243, 244, 246;--bg-tertiary:#e5e7eb;--text-primary:var(--yx-ink);--text-primary-rgb:11, 11, 13;--text-primary-90:#0b0b0de6;--text-primary-80:#0b0b0dcc;--text-primary-70:#0b0b0db3;--text-primary-60:#0b0b0d99;--text-primary-50:#0b0b0d80;--text-primary-40:#0b0b0d66;--text-strong:var(--yx-ink);--text-main:#0b0b0dd6;--text-secondary:var(--yx-muted);--text-tertiary:#0b0b0d75;--text-muted:var(--yx-faint);--text-faint:#0b0b0d47;--surface-base:var(--yx-white);--surface-soft:var(--yx-soft);--surface-strong:var(--yx-white);--surface-elevated:var(--yx-white);--glass-bg:#fffffff0;--bg-card:var(--yx-white);--bg-card-5:#ffffffdb;--bg-card-8:#fffffff0;--bg-card-10:var(--yx-white);--bg-card-hover:var(--yx-blue-soft);--bg-nav:#fffffff2;--bg-overlay:#fffffffa;--border-subtle:var(--yx-line);--border-medium:var(--yx-line-strong);--border-strong:#0b0b0d52;--icon-bg:var(--yx-soft);--icon-bg-hover:var(--yx-blue-soft);--icon-color:var(--yx-ink);--icon-muted:var(--yx-muted);--btn-primary-bg:var(--yx-ink);--btn-primary-text:var(--yx-white);--btn-secondary-bg:var(--yx-white);--btn-secondary-text:var(--yx-ink);--btn-secondary-border:var(--yx-line-strong);--nav-bg:var(--bg-nav);--nav-text:var(--yx-muted);--nav-text-active:var(--yx-ink);--accent-color:var(--yx-blue);--accent-rgb:167, 199, 255;--q3-electric:var(--yx-blue);--q3-electric-rgb:167, 199, 255;--q3-signal:#7399d4;--q3-signal-rgb:115, 153, 212;--selection-bg:#a7c7ff61;--progress-track:#0b0b0d14;--progress-fill:var(--yx-ink);--font-display:var(--yx-sans);--font-text:var(--yx-sans);--font-body-sans:var(--yx-sans);--font-ui:var(--yx-sans);--font-mono:var(--yx-mono)}html[data-theme=dark]:has(.portfolio-immersive-main){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--yx-white:#0b0b0d;--yx-soft:#111318;--yx-ink:#fff;--yx-muted:#ffffffa3;--yx-faint:#ffffff6b;--yx-blue-soft:#a7c7ff24;--yx-line:#ffffff21;--yx-line-strong:#ffffff3b;--bg-primary-rgb:11, 11, 13;--bg-secondary-rgb:17, 19, 24;--text-primary-rgb:255, 255, 255;--text-primary-90:#ffffffe6;--text-primary-80:#fffc;--text-primary-70:#ffffffb3;--text-primary-60:#fff9;--text-primary-50:#ffffff80;--text-primary-40:#fff6;--text-strong:#fff;--text-main:#ffffffdb;--text-secondary:var(--yx-muted);--text-tertiary:#ffffff73;--text-muted:var(--yx-faint);--text-faint:#ffffff47;--surface-base:var(--yx-white);--surface-soft:var(--yx-soft);--surface-strong:#171a21;--surface-elevated:#111318;--glass-bg:#111318f2;--bg-card:#111318;--bg-card-5:#ffffff0d;--bg-card-8:#ffffff14;--bg-card-10:#ffffff1a;--bg-card-hover:#a7c7ff24;--bg-nav:#0b0b0df2;--bg-overlay:#0b0b0dfa;--border-subtle:var(--yx-line);--border-medium:var(--yx-line-strong);--border-strong:#ffffff52;--icon-bg:#ffffff0f;--icon-bg-hover:#a7c7ff29;--btn-primary-bg:#fff;--btn-primary-text:#0b0b0d;--btn-secondary-bg:transparent;--btn-secondary-text:#fff;--btn-secondary-border:#ffffff40;--nav-bg:var(--bg-nav);--nav-text:#ffffff9e;--nav-text-active:#fff;--progress-track:#ffffff1f;--progress-fill:#fff}html:has(.portfolio-immersive-main){background:var(--bg-primary);color:var(--text-primary);font-family:var(--yx-sans)}html:has(.portfolio-immersive-main) body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--yx-sans)}html:has(.portfolio-immersive-main) body{background-image:linear-gradient(90deg, rgba(var(--text-primary-rgb), .025) 1px, transparent 1px), linear-gradient(rgba(var(--text-primary-rgb), .018) 1px, transparent 1px);background-size:96px 96px}html:has(.portfolio-immersive-main) :where(h1,h2,h3,h4,p,a,button,span,small,strong,em,label,li){letter-spacing:0!important}html:has(.portfolio-immersive-main) :where(a,button,[role=button]){font-family:var(--yx-sans)}html:has(.portfolio-immersive-main) .skip-link{z-index:100;background:var(--yx-ink);color:var(--yx-white);border-radius:6px}html:has(.portfolio-immersive-main) .particle-narrative{z-index:5;opacity:1;filter:saturate(1.08)contrast(1.22);mix-blend-mode:normal}html[data-theme=light]:has(.portfolio-immersive-main) .particle-narrative{opacity:.98;filter:brightness(2.35)saturate(1.18)contrast(1.26)}html[data-theme=dark]:has(.portfolio-immersive-main) .particle-narrative{opacity:1;filter:saturate(1.08)brightness(1.04)contrast(1.22)}:is(html:has(.portfolio-immersive-main) .flowing-bg,html:has(.portfolio-immersive-main) .leaf-vein-progress,html:has(.portfolio-immersive-main) .scroll-falling-leaf){opacity:.12}html:has(.portfolio-immersive-main) .portfolio-nav{-webkit-backdrop-filter:blur(16px)saturate(1.06);overflow:visible;border:0!important;border-bottom:1px solid var(--yx-line)!important;background:var(--bg-nav)!important;width:100%!important;max-width:none!important;box-shadow:none!important;border-radius:0!important;top:0!important;left:0!important;transform:translate(0,0)!important}html[data-theme=light]:has(.portfolio-immersive-main) .portfolio-nav{--portfolio-nav-bg:#fffffff2;--portfolio-nav-bg-end:#ffffffe6;background:#fffffff2!important}html[data-theme=light]:has(.portfolio-immersive-main) .portfolio-nav .site-nav-pill{--portfolio-nav-bg:#fffffff2;--portfolio-nav-bg-end:#ffffffe6;background:#fffffff2!important}html[data-theme=dark]:has(.portfolio-immersive-main) .portfolio-nav{background:#0b0b0df2!important}html[data-theme=dark]:has(.portfolio-immersive-main) .portfolio-nav .site-nav-pill{background:#0b0b0df2!important}html:has(.portfolio-immersive-main) .portfolio-nav .site-nav-pill{width:min(1440px,100%);margin:0 auto;min-height:76px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0 clamp(20px,5vw,80px)!important}html:has(.portfolio-immersive-main) .portfolio-nav{border:0!important;border-bottom:1px solid var(--yx-line)!important;background:var(--bg-nav)!important;width:100%!important;max-width:none!important;box-shadow:none!important;border-radius:0!important;top:0!important;left:0!important;transform:none!important}html:has(.portfolio-immersive-main) .portfolio-nav .site-nav-pill{min-height:76px!important;box-shadow:none!important;background:0 0!important;border-radius:0!important}html:has(.portfolio-immersive-main) .portfolio-nav .site-nav-pill>button:first-child{background:0 0!important;border-radius:0!important}html:has(.portfolio-immersive-main) .portfolio-nav .nav-pill-link{background:0 0!important;border-radius:0!important}html:has(.portfolio-immersive-main) .portfolio-nav__brand{min-height:44px;color:var(--yx-ink);flex:none;align-items:center;text-decoration:none;display:inline-flex}html:has(.portfolio-immersive-main) .portfolio-nav__brand .yuexu-brand-mark__meta{display:none}html:has(.portfolio-immersive-main) .portfolio-nav__brand .yuexu-brand-mark__logo{width:clamp(132px,11vw,178px)}html:has(.portfolio-immersive-main) .interactive-intro-hero .intro-brand-lockup{display:none!important}html:has(.portfolio-immersive-main) .portfolio-nav>.site-nav-pill>button:first-child{min-height:46px;padding:0}html:has(.portfolio-immersive-main) .yuexu-brand-mark{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;display:inline-flex}html:has(.portfolio-immersive-main) .yuexu-brand-mark__logo{width:clamp(132px,11vw,178px);height:auto;display:block}html:has(.portfolio-immersive-main) .yuexu-brand-mark__logo img{width:100%;height:auto;display:block}html:has(.portfolio-immersive-main) .yuexu-brand-mark__logo-dark{display:none!important}html[data-theme=dark]:has(.portfolio-immersive-main) .yuexu-brand-mark__logo-light{display:none!important}html[data-theme=dark]:has(.portfolio-immersive-main) .yuexu-brand-mark__logo-dark{display:block!important}html:has(.portfolio-immersive-main) .yuexu-brand-mark__meta{color:var(--yx-muted);font-family:var(--yx-mono);text-transform:uppercase;font-size:8px;line-height:1;letter-spacing:.12em!important}html:has(.portfolio-immersive-main) .portfolio-nav__links{justify-content:flex-end;margin-left:auto;gap:clamp(16px,2.2vw,32px)!important}html:has(.portfolio-immersive-main) .portfolio-nav .nav-pill-link{min-height:42px;font-family:var(--yx-mono);text-transform:uppercase;font-size:10px;position:relative;color:var(--nav-text)!important;letter-spacing:.05em!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}html:has(.portfolio-immersive-main) .portfolio-nav .nav-pill-link:after{content:"";background:var(--yx-ink);transform-origin:0;height:1px;transition:transform .16s;position:absolute;bottom:7px;left:0;right:0;transform:scaleX(0)}html:has(.portfolio-immersive-main) .portfolio-nav .nav-pill-link:is(:hover,:focus-visible){color:var(--nav-text-active)!important}html:has(.portfolio-immersive-main) .portfolio-nav .nav-pill-link:is(:hover,:focus-visible):after{transform:scaleX(1)}html:has(.portfolio-immersive-main) .portfolio-nav .nav-bilingual{display:block}html:has(.portfolio-immersive-main) .portfolio-nav .nav-bilingual__en{display:inline!important}html:has(.portfolio-immersive-main) .portfolio-nav .nav-bilingual__cn{display:none!important}html:has(.portfolio-immersive-main) .portfolio-nav .nav-pill-link svg{stroke-width:1.6px;width:14px;height:14px}:is(html:has(.portfolio-immersive-main) .portfolio-nav .theme-toggle,html:has(.portfolio-immersive-main) .portfolio-nav .site-preferences__language){border:0!important;border-left:1px solid var(--yx-line)!important;min-width:34px!important;min-height:34px!important;color:var(--nav-text)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0 8px!important}html[data-immersive-chapter=origin]:has(.portfolio-immersive-main) body:before{content:"";z-index:4;pointer-events:none;background:linear-gradient(90deg, #0b0b0d8f, #0b0b0d29), url(/generated/yuexu/hero-field-v1.webp) right center / cover no-repeat, var(--yx-ink);position:fixed;inset:0}html[data-immersive-chapter=contact]:has(.portfolio-immersive-main) body:before{content:"";z-index:4;pointer-events:none;background:#0b0b0d;position:fixed;inset:0}html:has(.portfolio-immersive-main) .portfolio-immersive-main>.interactive-intro-hero{border-bottom:1px solid #ffffff24;min-height:100svh;padding:clamp(104px,13vh,148px) clamp(20px,5vw,80px) 66px;overflow:hidden;color:#fff!important;background:0 0!important}html:has(.portfolio-immersive-main) .interactive-intro-hero:before{content:"";aspect-ratio:1;pointer-events:none;opacity:.74;border:1px solid #a7c7ff38;border-radius:50%;width:min(68vw,920px);position:absolute;inset:auto -12vw -32vw auto}html:has(.portfolio-immersive-main) .interactive-intro-hero:after{content:"";pointer-events:none;border:1px solid #a7c7ff2e;border-bottom:0;border-radius:50% 50% 0 0;width:min(58vw,780px);height:min(25vw,330px);position:absolute;inset:auto -4vw -18vw auto;transform:rotate(-12deg)}html:has(.portfolio-immersive-main) .interactive-intro-hero .intro-art-lay{opacity:0}html:has(.portfolio-immersive-main) .interactive-intro-hero .intro-brand-lockup{z-index:4;pointer-events:none;gap:12px;width:min(310px,58vw);display:grid;position:absolute;top:clamp(118px,19vh,188px);left:clamp(20px,9vw,140px)}html:has(.portfolio-immersive-main) .interactive-intro-hero .intro-brand-lockup:after{display:none!important}html:has(.portfolio-immersive-main) .interactive-intro-hero .intro-brand-lockup img{width:100%;height:auto;display:block}html:has(.portfolio-immersive-main) .interactive-intro-hero .intro-brand-lockup__personal{color:#ffffffa3;font-family:var(--yx-mono);text-transform:uppercase;font-size:9px;line-height:1.4;letter-spacing:.16em!important}html:has(.portfolio-immersive-main) .interactive-intro-hero .intro-scroll-cue{z-index:5;color:#ffffffad;font-family:var(--yx-mono);text-transform:uppercase;background:0 0;border:0;grid-template-columns:auto 48px;align-items:center;gap:12px;padding:0;font-size:10px;display:grid;bottom:28px;right:clamp(20px,5vw,80px);letter-spacing:.08em!important}html:has(.portfolio-immersive-main) .interactive-intro-hero .intro-scroll-line{background:var(--yx-blue)!important;width:48px!important;height:1px!important}html:has(.portfolio-immersive-main) .portfolio-immersive-main>.profile-hero{border-top:0;border-bottom:1px solid var(--yx-line);grid-template-columns:minmax(0,1fr) minmax(320px,.76fr);grid-template-areas:"copy portrait";align-items:center;gap:40px clamp(48px,8vw,120px);min-height:auto;padding:clamp(96px,11vw,160px) clamp(20px,8vw,128px);background:var(--yx-white)!important}html:has(.portfolio-immersive-main) .profile-hero__index{display:none!important}html:has(.portfolio-immersive-main) .profile-hero__index strong{font-family:var(--yx-mono);letter-spacing:.1em!important}html:has(.portfolio-immersive-main) .profile-hero__copy{max-width:720px}html:has(.portfolio-immersive-main) .profile-hero__name{margin:0 0 22px;font-weight:560;color:var(--yx-ink)!important;font-family:var(--yx-sans)!important;letter-spacing:-.08em!important;font-size:clamp(54px,7vw,100px)!important;line-height:.96!important}html:has(.portfolio-immersive-main) .profile-hero__title{max-width:650px;margin:0 0 22px;font-weight:560;color:var(--yx-ink)!important;font-family:var(--yx-sans)!important;letter-spacing:-.045em!important;font-size:clamp(24px,3vw,42px)!important;line-height:1.12!important}:is(html:has(.portfolio-immersive-main) .profile-hero__meta,html:has(.portfolio-immersive-main) .profile-hero__value){max-width:620px;font-size:16px;line-height:1.78;color:var(--yx-muted)!important;font-family:var(--yx-sans)!important}html:has(.portfolio-immersive-main) .profile-hero__value{margin-top:16px;font-weight:540;color:var(--yx-ink)!important}html:has(.portfolio-immersive-main) .profile-hero__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}html:has(.portfolio-immersive-main) .profile-hero__btn{min-height:44px;font-size:13px;border:1px solid var(--yx-line-strong)!important;color:var(--yx-ink)!important;font-family:var(--yx-sans)!important;background:0 0!important;border-radius:8px!important;padding:0 16px!important}html:has(.portfolio-immersive-main) .profile-hero__btn--primary{border-color:var(--yx-ink)!important;background:var(--yx-ink)!important;color:var(--yx-white)!important}html:has(.portfolio-immersive-main) .profile-hero__btn:hover{transform:translateY(-1px);border-color:var(--yx-ink)!important}html:has(.portfolio-immersive-main) .profile-hero__portrait{aspect-ratio:4/5;border:1px solid var(--yx-line);background:var(--yx-soft);width:min(100%,500px);min-height:0;box-shadow:none;border-radius:0;justify-self:end;overflow:hidden}html:has(.portfolio-immersive-main) .profile-hero__portrait img{object-fit:cover;object-position:center}html:has(.portfolio-immersive-main) .profile-hero__portrait:after{background:linear-gradient(#0000 62%,#0b0b0d9e)}html:has(.portfolio-immersive-main) .profile-hero__orbit{border-color:#a7c7ffdb}html:has(.portfolio-immersive-main) :where(.writing-gateway,.archive-gateway,.works-section,#process,#about,#contact){border-top:1px solid var(--yx-line)}html:has(.portfolio-immersive-main) .portfolio-section-kicker{text-transform:uppercase;font-weight:650;color:var(--yx-muted)!important;font-family:var(--yx-mono)!important;letter-spacing:.13em!important;font-size:10px!important}html:has(.portfolio-immersive-main) .writing-gateway__rail span{text-transform:uppercase;font-weight:650;color:var(--yx-muted)!important;font-family:var(--yx-mono)!important;letter-spacing:.13em!important;font-size:10px!important}html:has(.portfolio-immersive-main) .writing-gateway__rail p{text-transform:uppercase;font-weight:650;color:var(--yx-muted)!important;font-family:var(--yx-mono)!important;letter-spacing:.13em!important;font-size:10px!important}html:has(.portfolio-immersive-main) .work-evidence-index__rail span{text-transform:uppercase;font-weight:650;color:var(--yx-muted)!important;font-family:var(--yx-mono)!important;letter-spacing:.13em!important;font-size:10px!important}html:has(.portfolio-immersive-main) .work-evidence-index__rail p{text-transform:uppercase;font-weight:650;color:var(--yx-muted)!important;font-family:var(--yx-mono)!important;letter-spacing:.13em!important;font-size:10px!important}html:has(.portfolio-immersive-main) .project-evidence-row__index{text-transform:uppercase;font-weight:650;color:var(--yx-muted)!important;font-family:var(--yx-mono)!important;letter-spacing:.13em!important;font-size:10px!important}html:has(.portfolio-immersive-main) .project-evidence-row__intro dt{text-transform:uppercase;font-weight:650;color:var(--yx-muted)!important;font-family:var(--yx-mono)!important;letter-spacing:.13em!important;font-size:10px!important}html:has(.portfolio-immersive-main) .project-evidence-row__media figcaption{text-transform:uppercase;font-weight:650;color:var(--yx-muted)!important;font-family:var(--yx-mono)!important;letter-spacing:.13em!important;font-size:10px!important}html:has(.portfolio-immersive-main) .portfolio-section-kicker:before{background:currentColor;width:28px;height:1px;margin-right:10px}html:has(.portfolio-immersive-main) :where(.writing-gateway,.archive-gateway){width:100%!important;max-width:none!important;margin-inline:0!important}html:has(.portfolio-immersive-main) .writing-gateway{border-top:0!important;border-bottom:1px solid var(--yx-line)!important;background:var(--yx-white)!important;grid-template-columns:150px minmax(0,1fr)!important;gap:clamp(32px,6vw,88px)!important;min-height:auto!important;padding:clamp(88px,10vw,144px) clamp(16px,2vw,32px)!important}html:has(.portfolio-immersive-main) .writing-gateway__rail strong{font-weight:560;line-height:.9;color:var(--yx-ink)!important;font-family:var(--yx-sans)!important;letter-spacing:-.08em!important;font-size:clamp(52px,6vw,88px)!important}html:has(.portfolio-immersive-main) .writing-gateway__head{margin-bottom:40px!important}html:has(.portfolio-immersive-main) :where(.writing-gateway__head h2,.archive-gateway__head h2,.works-section__title){color:var(--yx-ink)!important;font-family:var(--yx-sans)!important;letter-spacing:-.065em!important;font-weight:560!important;line-height:1.02!important}html:has(.portfolio-immersive-main) .writing-gateway__head h2{max-width:12ch;font-size:clamp(40px,5vw,72px)!important}html:has(.portfolio-immersive-main) :where(.writing-gateway__head p:last-child,.archive-gateway__head>p:last-child,.works-section__lead){color:var(--yx-muted)!important;font-family:var(--yx-sans)!important}html:has(.portfolio-immersive-main) .writing-gateway__editorial{border-top:1px solid var(--yx-line)!important;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)!important;gap:0!important;display:grid!important}html:has(.portfolio-immersive-main) .writing-feature{min-height:360px;color:var(--yx-ink);text-align:left;flex-direction:column;align-items:flex-start;padding:24px 28px 24px 0;display:flex;border:0!important;border-right:1px solid var(--yx-line)!important;background:0 0!important;border-radius:0!important}html:has(.portfolio-immersive-main) .writing-feature:hover{background:0 0!important}html:has(.portfolio-immersive-main) .writing-feature--founder>strong{letter-spacing:-.045em;max-width:12ch;line-height:1.08;font-size:clamp(30px,3.2vw,48px)!important}html:has(.portfolio-immersive-main) .writing-feature--founder>p{max-width:34em;font-size:15px!important}html:has(.portfolio-immersive-main) :where(.writing-feature__meta,.writing-list__item>span){color:var(--yx-muted)!important;font-family:var(--yx-mono)!important;letter-spacing:.06em!important;font-size:10px!important}html:has(.portfolio-immersive-main) :where(.writing-feature>strong,.writing-list__item strong){font-weight:560;line-height:1.15;color:var(--yx-ink)!important;font-family:var(--yx-sans)!important;font-size:clamp(20px,2.1vw,30px)!important}html:has(.portfolio-immersive-main) :where(.writing-feature>p,.writing-list__item p){color:var(--yx-muted)!important;font-size:14px!important;line-height:1.65!important}html:has(.portfolio-immersive-main) .writing-feature__tags{margin-top:auto}html:has(.portfolio-immersive-main) .writing-feature__tags em{border:1px solid var(--yx-line);color:var(--yx-muted);border-radius:4px;padding:6px 8px;font-size:10px;font-style:normal}html:has(.portfolio-immersive-main) :where(.writing-feature__cta,.writing-gateway__actions button){align-items:center;gap:8px;margin-top:22px;font-size:12px;font-weight:650;display:inline-flex;border:0!important;border-bottom:1px solid var(--yx-ink)!important;color:var(--yx-ink)!important;background:0 0!important;border-radius:0!important;padding:0 0 8px!important}html:has(.portfolio-immersive-main) .writing-list__item{text-align:left;grid-template-columns:120px minmax(0,1fr);gap:8px 20px;min-height:120px;display:grid;border:0!important;border-bottom:1px solid var(--yx-line)!important;background:0 0!important;border-radius:0!important;padding:20px 34px 20px 28px!important}html:has(.portfolio-immersive-main) .writing-list__item:hover{background:var(--yx-soft)!important}html:has(.portfolio-immersive-main) .writing-list__item :where(strong,p){grid-column:2}html:has(.portfolio-immersive-main) .archive-gateway{background:var(--yx-soft)!important;min-height:auto!important;padding:clamp(88px,10vw,144px) clamp(16px,2vw,32px)!important}html:has(.portfolio-immersive-main) .archive-gateway__head{grid-template-columns:minmax(0,.72fr) minmax(0,1fr) minmax(220px,.5fr);align-items:end;gap:32px;margin-bottom:48px;display:grid}html:has(.portfolio-immersive-main) .archive-gateway__head .portfolio-section-kicker{grid-column:1/-1}html:has(.portfolio-immersive-main) .archive-gateway__head h2{grid-column:2;max-width:10ch;margin:0!important;font-size:clamp(38px,4.4vw,64px)!important}html:has(.portfolio-immersive-main) .archive-gateway__head>p:last-child{grid-column:3;margin:0!important}html:has(.portfolio-immersive-main) .archive-gateway__grid{grid-template-columns:1fr!important;display:grid!important}html:has(.portfolio-immersive-main) .archive-card{border:1px solid var(--yx-line-strong)!important;background:var(--yx-white)!important;min-height:390px!important;box-shadow:none!important;border-radius:12px!important;padding:32px!important}html:has(.portfolio-immersive-main) :where(.archive-card__label,.archive-card__cta){text-transform:uppercase;font-size:10px;color:var(--yx-muted)!important;font-family:var(--yx-mono)!important;letter-spacing:.12em!important}html:has(.portfolio-immersive-main) .archive-card strong{max-width:8ch;font-weight:560;color:var(--yx-ink)!important;font-family:var(--yx-sans)!important;letter-spacing:-.08em!important;font-size:clamp(40px,6vw,84px)!important}html:has(.portfolio-immersive-main) .archive-card p{max-width:34ch;font-size:15px;line-height:1.65;color:var(--yx-muted)!important}html:has(.portfolio-immersive-main) .archive-card__growth-illustration{opacity:.8;filter:saturate(.65)contrast(1.04)}html:has(.portfolio-immersive-main) .portfolio-immersive-main>.works-section{border-bottom:1px solid var(--yx-line);background:var(--yx-white)!important;border-top:0!important;min-height:auto!important;padding:clamp(88px,10vw,144px) 0!important}html:has(.portfolio-immersive-main) .works-section:before{display:none!important}html:has(.portfolio-immersive-main) .works-section .portfolio-section-frame{max-width:1280px!important;padding-left:0!important;padding-right:0!important}html:has(.portfolio-immersive-main) .works-section__title{max-width:12ch;margin:18px 0!important;font-size:clamp(44px,5.5vw,78px)!important}html:has(.portfolio-immersive-main) .works-section__lead{max-width:640px;font-size:16px;line-height:1.7;margin-bottom:48px!important}html:has(.portfolio-immersive-main) .works-section__subtitle{margin-bottom:8px;font-size:18px;font-weight:560;color:var(--yx-ink)!important}html:has(.portfolio-immersive-main) .work-evidence-index{border-top:1px solid var(--yx-line);border-bottom:1px solid var(--yx-line);background:0 0!important;grid-template-columns:150px minmax(0,1fr)!important}html:has(.portfolio-immersive-main) .work-evidence-index__rail{border-right:1px solid var(--yx-line)!important;background:var(--yx-soft)!important;padding:22px 24px!important}html:has(.portfolio-immersive-main) :where(.work-evidence-index__rail strong,.work-evidence-index__no){font-size:13px;font-weight:650;color:var(--q3-signal)!important;font-family:var(--yx-mono)!important}html:has(.portfolio-immersive-main) .work-evidence-index__rows{background:var(--yx-white)}html:has(.portfolio-immersive-main) .work-evidence-index__row{color:var(--yx-ink);border:0!important;border-bottom:1px solid var(--yx-line)!important;background:0 0!important;border-radius:0!important;grid-template-columns:48px minmax(150px,.9fr) minmax(180px,1.1fr) minmax(170px,.9fr)!important;min-height:120px!important;padding:20px 24px!important}html:has(.portfolio-immersive-main) .work-evidence-index__row:last-child{border-bottom:0!important}html:has(.portfolio-immersive-main) .work-evidence-index__row:hover{background:var(--yx-soft)!important}html:has(.portfolio-immersive-main) .work-evidence-index__title strong{font-size:18px;font-weight:560;color:var(--yx-ink)!important;font-family:var(--yx-sans)!important}html:has(.portfolio-immersive-main) :where(.work-evidence-index__title em,.work-evidence-index__proof,.work-evidence-index__result){font-size:13px;line-height:1.5;color:var(--yx-muted)!important;font-family:var(--yx-sans)!important}html:has(.portfolio-immersive-main) .project-evidence-atlas{gap:0;margin-top:64px;display:grid}html:has(.portfolio-immersive-main) .project-evidence-row{border:0!important;border-bottom:1px solid var(--yx-line)!important;min-height:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border-radius:0!important}html:has(.portfolio-immersive-main) .project-evidence-row>.relative{grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr)!important;gap:clamp(34px,6vw,88px)!important;padding:48px 0!important}html:has(.portfolio-immersive-main) .project-evidence-row:hover{background:var(--yx-soft)!important}html:has(.portfolio-immersive-main) .project-evidence-row__intro h3{font-weight:560;line-height:1.06;color:var(--yx-ink)!important;font-family:var(--yx-sans)!important;letter-spacing:-.055em!important;margin:12px 0!important;font-size:clamp(25px,3vw,42px)!important}html:has(.portfolio-immersive-main) :where(.project-evidence-row__intro>p,.project-evidence-row__intro dd){font-size:14px;line-height:1.7;color:var(--yx-muted)!important;font-family:var(--yx-sans)!important}html:has(.portfolio-immersive-main) .project-evidence-row__intro dl div{border-top-color:var(--yx-line)!important}html:has(.portfolio-immersive-main) .project-evidence-row__tags span{font-size:10px;border-color:var(--yx-line-strong)!important;color:var(--yx-muted)!important;background:0 0!important;border-radius:4px!important}html:has(.portfolio-immersive-main) .project-evidence-row__cta{font-size:12px;font-weight:650;color:var(--yx-ink)!important;font-family:var(--yx-sans)!important}html:has(.portfolio-immersive-main) .project-evidence-row__media figure{overflow:hidden;border:1px solid var(--yx-line)!important;background:var(--yx-soft)!important;border-radius:12px!important}html:has(.portfolio-immersive-main) .project-evidence-row__image{filter:saturate(.78)contrast(1.02);object-fit:contain!important;min-height:0!important}html:has(.portfolio-immersive-main) .works-section__more{border:0;border-bottom:1px solid var(--yx-line);width:100%;color:var(--yx-ink);text-align:left;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:24px;padding:20px 0;display:grid}html:has(.portfolio-immersive-main) .works-section__more:hover{color:var(--q3-signal)}html:has(.portfolio-immersive-main) .portfolio-immersive-main>#process{background:var(--yx-soft)!important}:is(html:has(.portfolio-immersive-main) #process .portfolio-section-frame,html:has(.portfolio-immersive-main) #about .portfolio-section-frame){max-width:1280px!important}:is(html:has(.portfolio-immersive-main) #process :where(.portfolio-section-kicker,h2,h3),html:has(.portfolio-immersive-main) #about :where(.portfolio-section-kicker,h2,h3),html:has(.portfolio-immersive-main) #contact :where(.portfolio-section-kicker,h2,h3)){font-family:var(--yx-sans)!important}html:has(.portfolio-immersive-main) .process-visual{border:1px solid var(--yx-line);background:var(--yx-white);box-shadow:none;border-radius:12px;margin:-28px 0 clamp(30px,5vw,56px);padding:clamp(9px,1.3vw,14px)}html:has(.portfolio-immersive-main) .process-visual img{filter:saturate(.78)contrast(1.02);border-radius:6px}html:has(.portfolio-immersive-main) .process-visual figcaption{color:var(--yx-muted);font-family:var(--yx-mono);font-size:10px}html:has(.portfolio-immersive-main) #process .grid.grid-cols-1.md\:grid-cols-4>div>div{background:var(--yx-white)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:8px!important}html:has(.portfolio-immersive-main) .portfolio-immersive-main>#about{background:var(--yx-white)!important}html:has(.portfolio-immersive-main) #about .flex.flex-wrap span{color:var(--yx-muted)!important;background:0 0!important;border-radius:4px!important}html:has(.portfolio-immersive-main) .portfolio-immersive-main>#contact{background:var(--yx-ink)!important;color:#fff!important;border-top-color:#ffffff29!important}html:has(.portfolio-immersive-main) #contact :where(.portfolio-contact-actions>a,.portfolio-contact-actions>button){border-radius:8px!important}html:has(.portfolio-immersive-main) #contact .portfolio-contact-actions>a:first-child{color:#fff!important;border-color:#ffffff3d!important}html:has(.portfolio-immersive-main) #contact .portfolio-contact-actions>button{color:#fff!important;border-color:#ffffff3d!important}html:has(.portfolio-immersive-main) #contact .portfolio-contact-actions>a:nth-child(2){color:var(--yx-ink)!important;background:#fff!important}html:has(.portfolio-immersive-main) #contact>.mt-4{color:#ffffff75!important;border-top-color:#ffffff29!important}@media (max-width:900px){html:has(.portfolio-immersive-main) .portfolio-nav .site-nav-pill{min-height:68px!important;padding:0 18px!important}html:has(.portfolio-immersive-main) .portfolio-nav__links{gap:12px!important}html:has(.portfolio-immersive-main) .portfolio-nav .nav-pill-link:nth-child(n+4){display:none}html:has(.portfolio-immersive-main) .yuexu-brand-mark__logo{width:132px}html:has(.portfolio-immersive-main) .yuexu-brand-mark__meta{display:none}html:has(.portfolio-immersive-main) .portfolio-immersive-main>.interactive-intro-hero{background-position:64%;min-height:92svh;padding:108px 20px 72px}html:has(.portfolio-immersive-main) .interactive-intro-hero .intro-brand-lockup{width:min(250px,62vw);top:126px;left:20px}html:has(.portfolio-immersive-main) .portfolio-immersive-main>.profile-hero{grid-template-columns:1fr;grid-template-areas:"copy""portrait";padding:88px 20px}html:has(.portfolio-immersive-main) .profile-hero__portrait{justify-self:start;width:min(100%,480px)}html:has(.portfolio-immersive-main) .writing-gateway{grid-template-columns:1fr!important;gap:28px!important}html:has(.portfolio-immersive-main) .writing-gateway__rail{grid-template-columns:auto auto;align-items:end;gap:8px 16px;position:static}html:has(.portfolio-immersive-main) .writing-gateway__rail p{grid-column:1/-1}html:has(.portfolio-immersive-main) .writing-gateway__rail strong{font-size:54px!important}html:has(.portfolio-immersive-main) .writing-gateway__editorial{grid-template-columns:1fr!important}html:has(.portfolio-immersive-main) .writing-feature{min-height:280px;padding-right:0;border-right:0!important;border-bottom:1px solid var(--yx-line)!important}html:has(.portfolio-immersive-main) .writing-list__item{grid-template-columns:1fr auto;padding-inline:0!important}html:has(.portfolio-immersive-main) .writing-list__item :where(strong,p){grid-column:1}html:has(.portfolio-immersive-main) .archive-gateway__head{grid-template-columns:1fr;gap:18px}html:has(.portfolio-immersive-main) .archive-gateway__head h2{grid-column:auto}html:has(.portfolio-immersive-main) .archive-gateway__head>p:last-child{grid-column:auto}html:has(.portfolio-immersive-main) .works-section .portfolio-section-frame{padding-left:20px!important;padding-right:20px!important}html:has(.portfolio-immersive-main) #process .portfolio-section-frame{padding-left:20px!important;padding-right:20px!important}html:has(.portfolio-immersive-main) #about .portfolio-section-frame{padding-left:20px!important;padding-right:20px!important}html:has(.portfolio-immersive-main) .work-evidence-index{grid-template-columns:1fr!important}html:has(.portfolio-immersive-main) .work-evidence-index__rail{border-right:0!important;border-bottom:1px solid var(--yx-line)!important}html:has(.portfolio-immersive-main) .work-evidence-index__row{gap:8px 14px;grid-template-columns:36px minmax(0,1fr)!important}html:has(.portfolio-immersive-main) .work-evidence-index__row>:nth-child(n+3){grid-column:2}html:has(.portfolio-immersive-main) .project-evidence-row>.relative{grid-template-columns:1fr!important;gap:28px!important;padding:36px 0!important}html:has(.portfolio-immersive-main) .project-evidence-row:hover{background:0 0!important}}@media (max-width:560px){html:has(.portfolio-immersive-main) .portfolio-nav .site-nav-pill{gap:12px}html:has(.portfolio-immersive-main) .portfolio-nav__links{gap:8px!important}:is(html:has(.portfolio-immersive-main) .portfolio-nav .theme-toggle,html:has(.portfolio-immersive-main) .portfolio-nav .site-preferences__language){min-width:28px!important;padding:0 5px!important}html:has(.portfolio-immersive-main) .interactive-intro-hero .intro-brand-lockup{width:min(220px,64vw);top:116px}html:has(.portfolio-immersive-main) .interactive-intro-hero .intro-scroll-cue{grid-template-columns:auto 30px;gap:8px;font-size:9px;bottom:20px;right:20px}html:has(.portfolio-immersive-main) .interactive-intro-hero .intro-scroll-line{width:30px!important}html:has(.portfolio-immersive-main) .profile-hero__name{font-size:clamp(46px,16vw,72px)!important}html:has(.portfolio-immersive-main) .archive-card{min-height:340px!important;padding:24px!important}}@media (prefers-reduced-motion:reduce){html:has(.portfolio-immersive-main) .particle-narrative{display:none}}html[data-webgl-particles=active]:has(.portfolio-immersive-main) .particle-narrative{z-index:9!important;opacity:1!important;mix-blend-mode:normal!important}:is(html[data-theme=light][data-webgl-particles=active]:has(.portfolio-immersive-main) .particle-narrative[data-scene=lay],html[data-theme=light][data-webgl-particles=active]:has(.portfolio-immersive-main) .particle-narrative[data-scene=moon],html[data-theme=light][data-webgl-particles=active]:has(.portfolio-immersive-main) .particle-narrative[data-scene=orbit]){filter:invert()brightness(1.12)saturate(.96)contrast(1.18)!important;opacity:.96!important}html[data-theme=light][data-webgl-particles=active]:has(.portfolio-immersive-main) .particle-narrative.is-content-safe[data-scene]{filter:saturate(1.06)contrast(1.22)!important;opacity:.64!important}html[data-webgl-particles=active]:has(.portfolio-immersive-main) .particle-narrative[data-scene=final]{filter:brightness(1.1)saturate(1.1)contrast(1.16)!important;opacity:1!important}:is(html[data-theme=light][data-webgl-particles=active]:has(.portfolio-immersive-main) .particle-narrative.is-content-safe[data-scene=final],html[data-theme=dark][data-webgl-particles=active]:has(.portfolio-immersive-main) .particle-narrative.is-content-safe[data-scene=final]){filter:brightness(1.1)saturate(1.1)contrast(1.16)!important;opacity:1!important}html[data-webgl-particles=active]:has(.portfolio-immersive-main) .portfolio-immersive-main>:is(.profile-hero,.writing-gateway,.archive-gateway,.works-section,#process,#about){background:#ffffffc7!important}html[data-theme=dark][data-webgl-particles=active]:has(.portfolio-immersive-main) .portfolio-immersive-main>:is(.profile-hero,.writing-gateway,.archive-gateway,.works-section,#process,#about){-webkit-backdrop-filter:none!important;background:#0b0b0d57!important}html[data-webgl-particles=active]:has(.portfolio-immersive-main) .portfolio-immersive-main>#contact{background:0 0!important}html:has(.portfolio-immersive-main){--yx-radius-control:999px;--yx-radius-card:24px;--yx-radius-media:28px}html:has(.portfolio-immersive-main) :where(.project-card,.writing-gateway__editorial,.archive-card,.work-evidence-index,.project-evidence-row>.relative,.project-evidence-row__media figure,.profile-hero__portrait,.process-visual,#process .grid.grid-cols-1.md\:grid-cols-4>div>div,#contact .portfolio-contact-actions>a,#contact .portfolio-contact-actions>button,[role=dialog]>div.relative){overflow:hidden;border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) :where(.portfolio-nav .nav-pill-link,.portfolio-nav .theme-toggle,.portfolio-nav .site-preferences__language,.profile-hero__btn,.writing-gateway__actions button,.works-section__more,#contact .portfolio-contact-actions>a,#contact .portfolio-contact-actions>button){border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) .portfolio-nav .nav-pill-link{min-height:34px;border:1px solid var(--yx-line)!important;background:rgba(var(--text-primary-rgb), .035)!important;padding:0 12px!important}:is(html:has(.portfolio-immersive-main) .portfolio-nav .theme-toggle,html:has(.portfolio-immersive-main) .portfolio-nav .site-preferences__language){border:1px solid var(--yx-line)!important;background:rgba(var(--text-primary-rgb), .035)!important}html:has(.portfolio-immersive-main) .profile-hero__btn{border:1px solid var(--yx-line-strong)!important;background:0 0!important;padding:.65rem 1rem!important}html:has(.portfolio-immersive-main) :where(.writing-feature__tags em,.project-evidence-row__tags span,#about .flex.flex-wrap span){border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) .works-section__more{background:rgba(var(--text-primary-rgb), .025);padding:16px 20px;border:1px solid var(--yx-line)!important}html:has(.portfolio-immersive-main) :where(.writing-feature__cta,.project-evidence-row__cta){border-radius:var(--yx-radius-control)!important;border:1px solid!important;padding:8px 12px!important}html:has(.portfolio-immersive-main) :where([role=dialog] figure,[role=dialog] .project-qr-card,[role=dialog] section.rounded-3xl){overflow:hidden;border-radius:var(--yx-radius-media)!important}html:has(.portfolio-immersive-main) .portfolio-nav .nav-pill-link{border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) .portfolio-nav .theme-toggle{border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) .portfolio-nav .site-preferences__language{border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) .profile-hero__btn{border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) .writing-gateway__actions button{border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) .works-section__more{border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) #contact .portfolio-contact-actions>a{border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) #contact .portfolio-contact-actions>button{border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) .project-card{overflow:hidden;border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) .writing-gateway__editorial{overflow:hidden;border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) .archive-card{overflow:hidden;border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) .work-evidence-index{overflow:hidden;border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) .project-evidence-row>.relative{overflow:hidden;border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) .project-evidence-row__media figure{overflow:hidden;border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) .profile-hero__portrait{overflow:hidden;border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) .process-visual{overflow:hidden;border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) #process .grid.grid-cols-1.md\:grid-cols-4>div>div{overflow:hidden;border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) [role=dialog]>div.relative{overflow:hidden;border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) .writing-feature__tags em{border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) .project-evidence-row__tags span{border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) #about .flex.flex-wrap span{border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) .writing-feature__cta{border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) .project-evidence-row__cta{border-radius:var(--yx-radius-control)!important}html:has(.portfolio-immersive-main) .interactive-intro-hero .intro-scroll-cue{border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) .writing-feature{border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) .writing-list__item{border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) .work-evidence-index__row{border-radius:var(--yx-radius-card)!important}html:has(.portfolio-immersive-main) .project-evidence-row>.relative{grid-template-columns:minmax(360px,.98fr) minmax(0,1.02fr)!important;gap:clamp(42px,5vw,82px)!important;padding-block:clamp(58px,7vw,92px)!important}html:has(.portfolio-immersive-main) .project-evidence-row__intro{grid-template-columns:minmax(40px,.11fr) minmax(0,.89fr);align-content:start;column-gap:clamp(18px,2.4vw,32px);display:grid!important}html:has(.portfolio-immersive-main) .project-evidence-row__index{grid-area:1/1/span 5;padding-top:.35rem}html:has(.portfolio-immersive-main) .project-evidence-row__intro>:not(.project-evidence-row__index){grid-column:2}html:has(.portfolio-immersive-main) .project-evidence-row__intro h3{letter-spacing:-.06em!important;max-width:none!important;margin:0 0 20px!important;font-size:clamp(30px,3.3vw,54px)!important;line-height:1.08!important}html:has(.portfolio-immersive-main) .project-evidence-row__intro>p{max-width:42ch;margin:0!important;font-size:15px!important;line-height:1.82!important}html:has(.portfolio-immersive-main) .project-evidence-row__tags{gap:8px 10px;margin:26px 0 30px!important}html:has(.portfolio-immersive-main) .project-evidence-row__tags span{padding:6px 10px!important;font-size:10px!important;line-height:1.1!important}html:has(.portfolio-immersive-main) .project-evidence-row__intro dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%;margin:0!important;display:grid!important}html:has(.portfolio-immersive-main) .project-evidence-row__intro dl div{min-width:0;padding-top:14px}html:has(.portfolio-immersive-main) .project-evidence-row__intro dd{margin-top:8px;font-size:13px!important;line-height:1.72!important}html:has(.portfolio-immersive-main) .project-evidence-row__cta{justify-self:start;margin-top:30px;padding:10px 14px!important}html:has(.portfolio-immersive-main) .project-evidence-row__media figure{aspect-ratio:1.34}html:has(.portfolio-immersive-main) .project-evidence-row__image{min-height:420px!important}html:has(.portfolio-immersive-main) .archive-card{min-height:clamp(480px,42vw,620px)!important}html:has(.portfolio-immersive-main) .archive-card__growth-illustration{mix-blend-mode:normal;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000002e 10%,#000 29% 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000002e 10%,#000 29% 100%);opacity:1!important;filter:none!important;inset:0 0 0 34%!important}html:has(.portfolio-immersive-main) .archive-card__growth-illustration img{mix-blend-mode:multiply;opacity:.96;object-fit:cover!important;object-position:70% center!important}html:has(.portfolio-immersive-main) .archive-card>:where(.archive-card__label,strong,p,.archive-card__cta){z-index:2;max-width:min(40%,420px);position:relative}@media (max-width:1080px){html:has(.portfolio-immersive-main) .project-evidence-row>.relative{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)!important;gap:34px!important}html:has(.portfolio-immersive-main) .project-evidence-row__intro{grid-template-columns:36px minmax(0,1fr);column-gap:16px}}@media (max-width:900px){html:has(.portfolio-immersive-main) .project-evidence-row>.relative{grid-template-columns:1fr!important;gap:34px!important;padding-block:48px!important}html:has(.portfolio-immersive-main) .project-evidence-row__intro{grid-template-columns:38px minmax(0,1fr);column-gap:14px}html:has(.portfolio-immersive-main) .project-evidence-row__intro dl{grid-template-columns:1fr;gap:16px}html:has(.portfolio-immersive-main) .project-evidence-row__media figure{aspect-ratio:1.35}html:has(.portfolio-immersive-main) .project-evidence-row__image{min-height:300px!important}html:has(.portfolio-immersive-main) .archive-card__growth-illustration{-webkit-mask-image:linear-gradient(#0000 0%,#0000001f 22%,#000 48% 100%);mask-image:linear-gradient(#0000 0%,#0000001f 22%,#000 48% 100%);inset:34% 0 0!important}html:has(.portfolio-immersive-main) .archive-card>:where(.archive-card__label,strong,p,.archive-card__cta){max-width:100%}}@media (max-width:560px){html:has(.portfolio-immersive-main) .project-evidence-row__intro{grid-template-columns:1fr}html:has(.portfolio-immersive-main) .project-evidence-row__index{grid-column:1}html:has(.portfolio-immersive-main) .project-evidence-row__intro>:not(.project-evidence-row__index){grid-column:1}html:has(.portfolio-immersive-main) .project-evidence-row__index{grid-row:auto}html:has(.portfolio-immersive-main) .project-evidence-row__intro h3{margin-top:10px!important;font-size:clamp(30px,10vw,44px)!important}}