.project-grid .project-card--website .project-visual img{object-fit:cover;object-position:center top}:root{color:#efeee9;font-synthesis:none;background:#000;font-family:Helvetica Neue ME,Helvetica,Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;color:#efeee9;background:#000}a{color:inherit;text-decoration:none}.portfolio-home{background:#000;min-height:100vh;overflow:hidden}.skip-link{z-index:100;color:#111;background:#efeee9;padding:9px 14px;font-size:13px;position:fixed;top:-56px;left:18px}.skip-link:focus{top:18px}.editorial-hero{color:#efeee9;background:#a9a8a5;width:100%;height:100dvh;min-height:640px;position:relative;overflow:hidden}.hero-background,.hero-tint,.hero-marquee,.hero-portrait{position:absolute}.hero-background{background:radial-gradient(38% 72% at 50% 48%,#fafaf7eb 0%,#dddcd8e6 28%,#9c9b98c2 67%,#5d5d5be6 100%),linear-gradient(112deg,#777775,#d6d5d1 52%,#747472);inset:0}.hero-tint{z-index:1;background:linear-gradient(90deg,#18181759,#0000 35% 67%,#18181752),linear-gradient(#1e1e1d38,#0000 64%,#1a1a1961);inset:0}.hero-marquee{z-index:10;pointer-events:none;width:100%;inset:16vh auto auto;overflow:hidden}.marquee-track{white-space:nowrap;letter-spacing:-.055em;width:max-content;font-size:16vh;font-weight:400;line-height:.92;animation:30s linear infinite marquee;display:flex}.marquee-track span{padding-right:6vw}.hero-portrait{z-index:20;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 34px #00000038);width:min(58vw,640px);height:92vh;inset:auto auto -3% 50%;transform:translate(-50%)}.editorial-header{z-index:80;justify-content:space-between;align-items:flex-start;padding:24px 24px 0;transition:padding .3s,background-color .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0 0 auto}.editorial-header.is-pinned{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14141494;padding-bottom:18px;box-shadow:0 10px 24px #00000014}.editorial-brand{letter-spacing:.045em;align-items:center;gap:10px;font-size:18px;display:flex}.qiye-mark{color:#efeee9;width:22px;height:22px}.desktop-navigation{align-items:flex-start;gap:clamp(28px,4vw,64px);font-size:13px;display:none}.nav-year,.desktop-nav-label{color:#efeee98a;letter-spacing:.12em;margin:0;font-size:10px;line-height:1.5}.desktop-nav-links{flex-direction:column;gap:6px;min-width:112px;display:flex}.desktop-nav-links a{color:#efeee9eb;line-height:1.25;transition:color .3s,opacity .3s}.desktop-nav-links a:hover{color:#efeee9;opacity:.6}.desktop-nav-projects{min-width:132px}.hamburger{z-index:50;color:#efeee9;cursor:pointer;background:0 0;border:0;place-content:center;gap:5px;width:40px;height:40px;padding:0;display:grid;position:relative}.hamburger i{background:currentColor;width:24px;height:1px;transition:transform .5s cubic-bezier(.76,0,.24,1),opacity .3s;display:block}.hamburger.is-open i:first-child{transform:translateY(6px)rotate(45deg)}.hamburger.is-open i:nth-child(2){opacity:0}.hamburger.is-open i:last-child{transform:translateY(-6px)rotate(-45deg)}.hero-rule{z-index:10;transform-origin:0;background:#efeee9;height:2px;position:absolute;bottom:88px;left:24px;right:24px}.hero-footer{z-index:30;justify-content:space-between;align-items:flex-end;padding:0 24px 20px;font-size:12px;line-height:1.4;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-footer p{margin:0}.hero-footer p:last-child{text-align:right}.mobile-drawer{display:none}.work-section{color:#111;background:#efeee9;padding:clamp(90px,12vw,170px) max(20px,50vw - 640px)}.work-section header{grid-template-columns:minmax(100px,.3fr) minmax(0,1fr);gap:30px;margin-bottom:50px;display:grid}.work-section header p,.project p{color:#686868;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px}.work-section h2,.contact-section h2{letter-spacing:-.045em;max-width:760px;margin:0;font-size:clamp(2.2rem,5vw,4.7rem);font-weight:300;line-height:1.04}.project-list{border-top:1px solid #c7c5bf}.project{border-bottom:1px solid #c7c5bf;grid-template-columns:36px minmax(0,.88fr) minmax(240px,.6fr);align-items:center;gap:clamp(20px,4vw,70px);padding:26px 0;display:grid}.project-index{color:#6e6e6e;font-size:12px}.project img{aspect-ratio:16/10;object-fit:cover;filter:saturate(.72);background:#ddd;width:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.project:hover img{transform:scale(.985)}.project h3{letter-spacing:-.035em;margin:12px 0 28px;font-size:clamp(1.4rem,2.3vw,2.4rem);font-weight:400;line-height:1.16}.project-link{font-size:13px;font-weight:500}.contact-section{color:#efeee9;text-align:center;background:#000;flex-direction:column;align-items:center;gap:clamp(30px,5vw,64px);padding:clamp(100px,14vw,190px) max(20px,50vw - 640px);display:flex}.contact-section h2{max-width:900px}.contact-details{color:#efeee9b3;justify-content:center;align-items:center;gap:clamp(22px,5vw,72px);font-size:13px;display:flex}.contact-details span{white-space:nowrap}a:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid #efeee9}@keyframes marquee{to{transform:translate(-50%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translate(-50%)translateY(4vh)scale(1.03)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.anim-fade-in{animation:1.2s ease-out both fade-in}.anim-rise-in{animation:1.4s cubic-bezier(.22,1,.36,1) .3s both rise-in}.anim-fade-up{animation:.9s cubic-bezier(.22,1,.36,1) both fade-up}.brand-delay{animation-delay:.8s}.year-delay{animation-delay:.9s}.nav-delay-one{animation-delay:1s}.nav-delay-two{animation-delay:1.08s}.nav-delay-three{animation-delay:1.16s}.social-delay-one{animation-delay:1.15s}.social-delay-two{animation-delay:1.23s}.footer-left-delay{animation-delay:1.4s}.footer-right-delay{animation-delay:1.55s}.hero-marquee{animation-delay:.5s}.anim-line{animation:1.1s cubic-bezier(.76,0,.24,1) 1.2s both line}@media (width>=640px){.editorial-header{padding:32px 40px 0}.desktop-navigation{display:flex}.hamburger{display:none}.hero-marquee{top:14vh}.marquee-track{font-size:26vh}.hero-rule{bottom:112px;left:40px;right:40px}.hero-footer{padding:0 40px 32px;font-size:14px}.hero-portrait{width:min(92vw,1320px);height:175vh;bottom:-75vh}}@media (width>=1024px){.desktop-navigation{gap:96px}}@media (width<=639px){.editorial-hero{min-height:620px}.hero-background{background:radial-gradient(65% 52% at 50% 38%,#f0efec 0%,#bbb9b5 48%,#737371 100%)}.hero-portrait{opacity:.97;width:190vw;height:135vh;bottom:-44vh}.hero-tint{background:linear-gradient(90deg,#1818174f,#0000 28% 73%,#1818174f),linear-gradient(#18181733,#0000 55%,#1818178c)}.hero-footer{font-size:11px}.hero-rule{bottom:78px}.mobile-drawer{z-index:40;visibility:hidden;pointer-events:none;display:block;position:fixed;inset:0}.mobile-drawer.is-open{visibility:visible;pointer-events:auto}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0006;border:0;transition:opacity .5s;position:absolute;inset:0}.is-open .drawer-backdrop{opacity:1}.drawer-panel{background:#141414;width:80%;max-width:384px;padding:40px 32px;transition:transform .6s cubic-bezier(.76,0,.24,1);position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.is-open .drawer-panel{transform:translate(0)}.drawer-close{color:#efeee9;opacity:0;background:0 0;border:0;transition:transform .5s cubic-bezier(.76,0,.24,1) .3s,opacity .5s .3s;position:absolute;top:24px;right:24px;transform:rotate(90deg)}.is-open .drawer-close{opacity:1;transform:rotate(0)}.drawer-group{flex-direction:column;display:flex}.drawer-group p{color:#efeee980;letter-spacing:.2em;text-transform:uppercase;margin:0 0 20px;font-size:10px}.drawer-index{padding-top:72px}.drawer-index a{opacity:0;font-size:clamp(2.1rem,10vw,2.7rem);line-height:1.18;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.drawer-social{margin-top:76px}.drawer-social a{opacity:0;font-size:14px;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(16px)}.drawer-group p{opacity:0;transition:opacity .45s .25s,transform .45s .25s;transform:translateY(18px)}.is-open .drawer-group p,.is-open .drawer-group a{opacity:1;transform:translateY(0)}.is-open .drawer-index a:first-of-type{transition-delay:.3s}.is-open .drawer-index a:nth-of-type(2){transition-delay:.38s}.is-open .drawer-index a:nth-of-type(3){transition-delay:.46s}.is-open .drawer-index a:nth-of-type(4){transition-delay:.54s}.drawer-social p{transition-delay:.5s}.is-open .drawer-social a:first-of-type{transition-delay:.55s}.is-open .drawer-social a:nth-of-type(2){transition-delay:.61s}.work-section header{grid-template-columns:1fr;gap:16px}.project{grid-template-columns:24px 1fr;gap:14px}.project img,.project div{grid-column:2}.contact-section{gap:30px}.contact-section h2{font-size:clamp(2.15rem,10vw,3.5rem)}.contact-details{gap:16px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.hero-portrait{transform:translate(-50%)}.marquee-track{animation-iteration-count:1}}.module-heading{position:relative}.work-section .module-heading{grid-template-columns:minmax(100px,.3fr) minmax(0,1fr)}.work-section .module-heading>span{grid-column:2;place-self:start;margin-top:12px}.module-heading>span{color:#706f6a;letter-spacing:.08em;font-size:11px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-grid .project{background:0 0;border:1px solid #c7c5bf;flex-direction:column;gap:0;min-width:0;padding:0;display:flex}.project-grid .project:hover{border-color:#111}.project-visual{aspect-ratio:4/3;background:#cfcec9;place-items:center;padding:clamp(16px,2vw,28px);display:grid;position:relative;overflow:hidden}.project-grid .project-visual img{object-fit:contain;filter:saturate(.72);background:#f4f3ef;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1);display:block;box-shadow:0 18px 32px #18181629}.project-grid .project:hover img{transform:translateY(-3px)scale(1.01);box-shadow:0 23px 38px #18181633}.project-visual--pending{color:#20201e;background:#cfcec9;justify-content:space-between;align-items:flex-end;display:flex}.project-visual--pending:before{z-index:0;content:"";background:#e9e8e3;position:absolute;inset:clamp(16px,2vw,28px);box-shadow:0 18px 32px #18181629}.project-visual--pending>*{z-index:1;position:relative}.project-visual--pending span{letter-spacing:-.04em;max-width:8ch;font-size:clamp(1.5rem,2.7vw,2.45rem);font-weight:300;line-height:1}.project-visual--pending small{color:#62615d;letter-spacing:.1em;align-self:flex-start;font-size:10px}.project-card-copy{flex-direction:column;flex:1;align-items:flex-start;padding:20px;display:flex}.project-grid .project-card-copy p{color:#6a6964;font-size:11px}.project-grid .project-card-copy h3{letter-spacing:-.035em;margin:12px 0 28px;font-size:clamp(1.35rem,2vw,2rem);font-weight:400;line-height:1.12}.project-card-copy .project-link{margin-top:auto}.project-link--muted{color:#777570}.work-section{padding-bottom:clamp(72px,8vw,110px)}.experience-section{color:#111;background:#dbdad5;padding:clamp(72px,8vw,110px) max(20px,50vw - 640px)}.experience-section .module-heading{grid-template-columns:minmax(100px,.3fr) minmax(0,1fr);gap:30px;display:grid}.experience-section .module-heading>span{grid-column:2;margin-top:12px}.experience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:52px;display:grid}.experience-card{background:#efeee96b;border:1px solid #1113;flex-direction:column;min-height:315px;padding:clamp(22px,3vw,36px);display:flex}.experience-card>span{color:#77756f;font-size:12px;display:block}.experience-card h3{letter-spacing:-.045em;margin:clamp(48px,7vw,88px) 0 14px;font-size:clamp(1.65rem,2.7vw,2.55rem);font-weight:400}.experience-card p{color:#575650;max-width:27ch;margin:0;font-size:14px;line-height:1.55}.experience-card small{color:#77756f;letter-spacing:.12em;margin-top:auto;padding-top:28px;font-size:10px}@media (width<=860px){.project-grid,.experience-grid{grid-template-columns:1fr}.project-grid .project{grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);display:grid}.project-visual{aspect-ratio:auto;min-height:230px}.project-card-copy{padding:24px}.experience-grid{margin-top:38px}.experience-card{min-height:250px}.experience-card h3{margin-top:46px}}@media (width<=620px){.module-heading>span{place-self:start;margin-top:8px}.project-grid{gap:14px}.project-grid .project{display:flex}.project-visual{aspect-ratio:4/3;min-height:0}.project-card-copy{padding:20px}.experience-section{padding-top:78px;padding-bottom:78px}.experience-grid{gap:12px}.experience-card{min-height:220px;padding:24px}.experience-card h3{margin-top:38px}}.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-history-card{background:#efeee957;grid-column:1/-1;min-height:0;padding:clamp(28px,4vw,56px)}.work-history-heading{border-bottom:1px solid #1113;justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:clamp(30px,4vw,54px);display:flex}.work-history-heading h3{letter-spacing:-.045em;margin:0;font-size:clamp(1.7rem,3.3vw,3.1rem);font-weight:400;line-height:1}.work-history-heading p{color:#77756f;letter-spacing:.1em;max-width:none;margin:0;font-size:11px}.work-timeline{margin:0;padding:0;list-style:none}.work-timeline>li{border-bottom:1px solid #1113;grid-template-columns:minmax(156px,.34fr) minmax(0,1fr);gap:clamp(28px,5vw,76px);padding:clamp(30px,4vw,50px) 0;display:grid}.work-timeline>li:last-child{border-bottom:0;padding-bottom:0}.work-timeline time{color:#595853;letter-spacing:-.015em;border-right:1px solid #1113;padding-right:clamp(18px,3vw,40px);font-size:clamp(.9rem,1.25vw,1.05rem);line-height:1.35;position:relative}.work-timeline time:after{z-index:1;content:"";background:#dbdad5;border:1px solid #595853;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;right:-5px}.timeline-content{min-width:0}.timeline-content h4{color:#111;letter-spacing:-.035em;margin:0;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400;line-height:1.18}.timeline-role{letter-spacing:.02em;max-width:none;color:#5d5c57!important;margin:8px 0 24px!important;font-size:13px!important}.timeline-details{gap:10px;max-width:75ch;display:grid}.timeline-details p{color:#4f4e49;grid-template-columns:80px minmax(0,1fr);gap:16px;max-width:none;margin:0;font-size:14px;line-height:1.65;display:grid}.timeline-details span{color:#77756f;letter-spacing:.08em;font-size:11px}.experience-tags{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.experience-tags li{color:#696863;font-size:11px;line-height:1.4}.experience-tags li+li:before{color:#96948e;content:"/";margin-right:8px}.experience-placeholder{min-height:300px}@media (width<=860px){.experience-grid{grid-template-columns:1fr}.work-history-card{padding:30px 24px}.work-timeline>li{grid-template-columns:1fr;gap:12px;padding:30px 0}.work-timeline time{color:#77756f;letter-spacing:.06em;border-right:0;padding:0;font-size:12px}.work-timeline time:after{display:none}.timeline-role{margin-bottom:20px!important}.timeline-details p{grid-template-columns:74px minmax(0,1fr)}.experience-placeholder{min-height:220px}}.desktop-navigation{gap:clamp(18px,2vw,32px)}.desktop-nav-label{margin-bottom:3px}.desktop-nav-links{gap:10px}@media (width>=1024px){.desktop-navigation{gap:32px}}.education-card,.strengths-card{min-height:360px}.education-card .education-period{color:#77756f;letter-spacing:.08em;margin:clamp(44px,6vw,76px) 0 14px;font-size:12px}.education-card h3,.strengths-card h3{letter-spacing:-.04em;margin:0 0 13px;font-size:clamp(1.65rem,2.6vw,2.35rem);font-weight:400;line-height:1.12}.education-card .education-degree{color:#575650;max-width:none;font-size:15px}.education-card small,.strengths-card small{margin-top:auto}.strengths-card h3{margin-top:clamp(44px,6vw,76px)}.strength-list{gap:15px;margin:0;padding:0;list-style:none;display:grid}.strength-list li{color:#575650;padding-left:18px;font-size:14px;line-height:1.65;position:relative}.strength-list li:before{content:"";background:#77756f;border-radius:50%;width:5px;height:5px;position:absolute;top:.72em;left:0}@media (width<=860px){.education-card,.strengths-card{min-height:0}.education-card .education-period,.strengths-card h3{margin-top:46px}}.hero-portrait-shell{z-index:20;width:min(58vw,640px);height:92vh;position:absolute;bottom:-3%;left:50%;transform:translate(-50%)}.hero-portrait-shell .hero-portrait{width:100%;height:100%;display:block;position:static;transform:none}.hero-portrait-motion{width:100%;height:100%}.hero-magnet{width:100%;height:100%;transition:transform .6s ease-in-out}.hero-magnet.is-active{will-change:transform;transition:transform .3s ease-out}@media (width>=640px){.hero-portrait-shell{width:min(92vw,1320px);height:175vh;bottom:-75vh}}@media (width<=639px){.hero-portrait-shell{width:190vw;height:135vh;bottom:-44vh}.hero-portrait-shell .hero-portrait{opacity:.97}}@media (prefers-reduced-motion:reduce){.hero-magnet{transform:none!important}}