@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{--bg:#07080a;--surface:#0d0f13;--surface-2:#121419;--line:#ffffff24;--muted:#92979f;--soft:#c6c9ce;--white:#f3f4f5;--acid:#d7ff45;--red:#fb4e32;--mono:"DM Mono", monospace;--sans:"Manrope","Noto Sans SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--white);font-family:var(--sans);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.section-shell{width:min(100%,1920px);margin:auto}.site-header{z-index:50;color:#fff;border-bottom:1px solid #0000;align-items:center;height:94px;padding:0 max(28px,50vw - 850px);transition:background .35s,border-color .35s,height .35s;display:flex;position:fixed;inset:0 0 auto}.site-header.is-scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07080ac2;border-color:#ffffff14;height:76px}.brand{min-width:245px;font-family:var(--mono);letter-spacing:.08em;align-items:center;gap:12px;font-size:12px;display:flex}.brand-mark{align-items:flex-end;gap:2px;width:17px;height:17px;display:inline-flex;transform:skew(-18deg)}.brand-mark i{background:var(--acid);width:4px;display:block}.brand-mark i:first-child{height:7px}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:17px}nav{gap:42px;margin:0 auto;display:flex}nav a{color:#ffffffb3;font-size:13px;font-weight:600;transition:color .2s}nav a:hover{color:var(--acid)}nav em{color:var(--acid);font-family:var(--mono);vertical-align:top;margin-left:5px;font-size:9px;font-style:normal}.header-contact{border:1px solid #ffffff61;border-radius:100px;align-items:center;gap:18px;padding:12px 17px 12px 20px;font-size:12px;font-weight:700;transition:all .25s;display:flex}.header-contact svg,.project-view svg,.work-intro svg,.contact-email svg{width:16px;transition:transform .25s}.header-contact:hover{color:#07080a;border-color:var(--acid);background:var(--acid)}.header-contact:hover svg,.project-card:hover .project-view svg,.work-intro a:hover svg,.contact-email:hover svg{transform:translate(5px)}.menu-button{display:none}.hero{isolation:isolate;align-items:end;height:max(720px,100svh);min-height:720px;display:grid;position:relative;overflow:hidden}.hero-media,.hero-media video,.hero-grid,.hero-vignette{position:absolute;inset:0}.hero-media{z-index:-1;background:#070e15 url(/assets/hero-art.svg) 50%/cover}.hero-media video{object-fit:cover;opacity:.42;filter:saturate(.45)contrast(1.15)brightness(.55);width:100%;height:100%}.hero-grid{opacity:.28;background-image:linear-gradient(#d0ff4b1f 1px,#0000 1px),linear-gradient(90deg,#d0ff4b1f 1px,#0000 1px);background-size:84px 84px;-webkit-mask-image:linear-gradient(#0000 27%,#000);mask-image:linear-gradient(#0000 27%,#000)}.hero-copy{width:min(100% - 56px,1700px);margin:0 auto 82px}.eyebrow,.section-kicker p,.project-info p,.capability>div p,.contact-top{font-family:var(--mono);letter-spacing:.08em;font-size:11px}.eyebrow{color:#c5c9ce;align-items:center;gap:10px;margin:0 0 25px;display:flex}.live-dot{background:var(--acid);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #d7ff4521}.hero h1{letter-spacing:-.073em;max-width:1200px;margin:0;font-size:clamp(70px,9.3vw,177px);font-weight:700;line-height:.98}.hero h1 span{color:#b7ff21}.hero-foot{justify-content:space-between;align-items:end;max-width:1110px;margin:39px 0 0 8px;display:flex}.hero-foot p{color:#ffffff9e;margin:0;font-size:14px;line-height:1.75}.round-link{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090b0f33;border:1px solid #ffffff80;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:110px;height:110px;font-size:11px;font-weight:700;transition:all .35s;display:flex}.round-link svg{width:20px}.round-link:hover{background:var(--acid);border-color:var(--acid);color:#0b0d0d;transform:rotate(-10deg)}.hero-index{transform-origin:0;color:#ffffff8c;font:10px var(--mono);letter-spacing:.1em;align-items:center;gap:13px;display:flex;position:absolute;bottom:83px;left:max(28px,50vw - 850px);transform:translate(-58px)rotate(-90deg)}.hero-index i{background:var(--acid);width:48px;height:1px;display:block}.hero-coordinate{font:10px var(--mono);letter-spacing:.06em;color:#ffffff7a;position:absolute;bottom:31px;right:max(28px,50vw - 850px)}.content-section{padding:148px max(28px,50vw - 850px)}.section-kicker{align-items:center;gap:14px;display:flex}.section-kicker span{border:1px solid var(--line);width:35px;height:35px;color:var(--acid);font:10px var(--mono);border-radius:50%;place-items:center;display:grid}.section-kicker p{color:#b6bbc2;margin:0}.about{border-top:1px solid #ffffff1a}.about-layout{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(80px,11vw,215px);margin-top:74px;display:grid}.about-portrait-wrap{max-width:510px;position:relative}.portrait{aspect-ratio:4/5.25;object-fit:cover;background:#111;width:100%;display:block}.portrait-index{color:var(--acid);font:10px var(--mono);letter-spacing:.12em;position:absolute;top:-28px;right:0}.portrait-glass{color:#101209;clip-path:polygon(0 0,100% 0,100% 76%,76% 100%,0 100%);background:#d0ff4bed;flex-direction:column;justify-content:space-between;width:150px;height:150px;padding:18px;display:flex;position:absolute;bottom:41px;right:-47px}.portrait-glass span{font:9px var(--mono)}.portrait-glass strong{letter-spacing:-.06em;font-size:19px;line-height:1.05}.about-content{padding-bottom:22px}.about-lead{letter-spacing:-.055em;max-width:780px;margin:0;font-size:clamp(25px,2.35vw,40px);line-height:1.38}.about-lead strong{color:var(--acid)}.about-body{color:var(--muted);max-width:650px;margin:37px 0 50px;font-size:15px;line-height:2}.about-contact-grid{border-top:1px solid var(--line);grid-template-columns:1.2fr 1fr;display:grid}.about-contact-grid>*{flex-direction:column;gap:7px;min-height:87px;padding:20px 20px 17px 0;display:flex;position:relative}.about-contact-grid>*+*{border-left:1px solid var(--line);padding-left:24px}.about-contact-grid span{font:9px var(--mono);color:#737a83}.about-contact-grid strong{letter-spacing:.02em;font-size:12px}.about-contact-grid a svg{width:16px;color:var(--acid);position:absolute;bottom:21px;right:10px}.stats-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:145px;display:grid}.stats-row div{min-height:160px;padding:33px 20px}.stats-row div+div{border-left:1px solid var(--line)}.stats-row strong{letter-spacing:-.08em;font-size:50px;font-weight:600;line-height:1}.stats-row strong span{color:var(--acid);letter-spacing:-.06em;margin-left:4px;font-size:22px}.stats-row p{color:#7e858d;font:9px var(--mono);letter-spacing:.1em;margin:20px 0 0}.section-head{justify-content:space-between;align-items:flex-start;display:flex}.work-intro{flex-direction:column;align-items:flex-end;gap:21px;display:flex}.work-intro p{text-align:right;color:#b4b8be;margin:0;font-size:15px;line-height:1.7}.work-intro a{color:var(--acid);align-items:center;gap:11px;font-size:12px;font-weight:700;display:flex}.work-grid{grid-template-columns:1.1fr .9fr;gap:20px;margin-top:68px;display:grid}.project-card{isolation:isolate;background:#15181c;height:clamp(460px,42vw,615px);min-height:460px;position:relative;overflow:hidden}.project-card.project--tall{height:clamp(460px,35vw,525px)}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s;display:block}.project-card:hover img{filter:brightness(1.1);transform:scale(1.055)}.project-shade{background:linear-gradient(#0000 44%,#030405f2),linear-gradient(90deg,#04050661,#0000 50%);position:absolute;inset:0}.project-number{font:10px var(--mono);color:var(--acid);position:absolute;top:24px;left:25px}.project-info{position:absolute;bottom:27px;left:25px}.project-info p{color:#ced2d5;margin:0 0 10px;font-size:9px}.project-info h3{letter-spacing:-.06em;margin:0;font-size:28px;line-height:1}.project-info span{color:#888e95;font:10px var(--mono);margin-top:12px;display:block}.project-view{opacity:0;font:9px var(--mono);color:#111;background:var(--acid);align-items:center;gap:10px;padding:10px 13px;transition:all .3s;display:flex;position:absolute;top:19px;right:20px;transform:translateY(-7px)}.project-card:hover .project-view{opacity:1;transform:translateY(0)}.strength{padding-bottom:180px}.strength h2{letter-spacing:-.077em;margin:80px 0 77px;font-size:clamp(46px,6vw,100px);font-weight:600;line-height:.98}.strength h2 span{color:#b8bdc4}.capability-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.capability{border:1px solid var(--line);background:linear-gradient(140deg,#ffffff09,#0000 36%);min-height:420px;padding:27px;transition:background .35s,border-color .35s,transform .35s;position:relative;overflow:hidden}.capability:hover{background:linear-gradient(140deg,#d7ff451c,#0000 55%);border-color:#d7ff4580;transform:translateY(-7px)}.capability:after{content:"";border:1px solid #d7ff4538;border-radius:50%;width:215px;height:215px;transition:transform .5s;position:absolute;top:-105px;right:-110px}.capability:hover:after{transform:scale(1.35)}.capability-top{color:var(--acid);font:10px var(--mono);justify-content:space-between;align-items:center;display:flex}.capability-top i{opacity:.6;background:currentColor;width:60px;height:1px;display:block}.capability>div:nth-of-type(2){margin-top:87px}.capability>div p{color:var(--acid);margin:0 0 17px;font-size:9px}.capability h3{letter-spacing:-.07em;margin:0;font-size:36px}.capability-desc{color:#999fa7;margin:0;font-size:13px;line-height:1.8;position:absolute;bottom:31px;left:27px;right:45px}.capability-arrow{color:var(--acid);position:absolute;bottom:31px;right:27px}.capability-arrow svg{width:20px}.contact-end{color:#0b0e0b;background:#b6ff20;flex-direction:column;min-height:100svh;padding:37px max(28px,50vw - 850px) 27px;display:flex;position:relative;overflow:hidden}.contact-stars{opacity:.33;background-image:radial-gradient(#10130b 1px,#0000 1px),radial-gradient(#10130b 1px,#0000 1px);background-position:17px 23px,51px 60px;background-size:48px 48px,95px 95px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(140deg,#0000 3%,#000 70%);mask-image:linear-gradient(140deg,#0000 3%,#000 70%)}.contact-top,.contact-main,footer{z-index:1;position:relative}.contact-top{border-bottom:1px solid #0a0d0961;justify-content:space-between;padding-bottom:22px;display:flex}.contact-top p{margin:0}.contact-top span{font:10px var(--mono)}.contact-main{margin:auto 0}.contact-main p{letter-spacing:-.085em;margin:0;font-size:clamp(52px,7.7vw,132px);font-weight:700;line-height:.96}.contact-email{letter-spacing:-.06em;border-bottom:2px solid #0b0e0b;align-items:center;gap:22px;margin-top:45px;padding-bottom:7px;font-size:clamp(18px,2vw,32px);font-weight:700;display:inline-flex}.contact-email svg{width:27px}footer{font:10px var(--mono);letter-spacing:.04em;border-top:1px solid #0a0d0961;justify-content:space-between;align-items:end;padding-top:25px;display:flex}footer div{gap:23px;display:flex}footer a{text-underline-offset:4px;text-decoration:underline}footer p{text-align:right;margin:0;line-height:1.5}@media (width<=900px){.site-header{height:70px;padding-inline:20px}.brand{min-width:0}.brand span{font-size:10px}nav,.header-contact{display:none}nav.is-open{border-bottom:1px solid var(--line);background:#0e1014;flex-direction:column;gap:0;padding:12px 20px 20px;display:flex;position:absolute;inset:70px 0 auto}nav.is-open a{border-bottom:1px solid var(--line);padding:16px 0}.menu-button{color:#fff;background:0 0;border:0;margin-left:auto;padding:10px 0 10px 15px;display:block}.menu-icon{gap:6px;width:25px;display:grid}.menu-icon i{background:currentColor;width:25px;height:1px;display:block}.hero{height:100svh;min-height:630px}.hero-copy{width:calc(100% - 40px);margin-bottom:52px}.hero h1{font-size:clamp(55px,14vw,100px)}.hero-foot{margin-left:0}.hero-foot p{font-size:12px}.round-link{width:83px;height:83px;font-size:9px}.hero-index,.hero-coordinate{display:none}.content-section{padding:95px 20px}.about-layout{grid-template-columns:1fr;gap:67px;margin-top:58px}.about-portrait-wrap{max-width:390px}.portrait-glass{width:115px;height:115px;bottom:-23px;right:-16px}.portrait-glass strong{font-size:15px}.about-content{margin-top:20px}.stats-row{grid-template-columns:1fr 1fr;margin-top:87px}.stats-row div{min-height:135px;padding:25px 14px}.stats-row div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.stats-row div:nth-child(4){border-top:1px solid var(--line)}.stats-row strong{font-size:38px}.section-head{gap:28px}.work-intro p{font-size:12px}.work-grid{grid-template-columns:1fr;margin-top:47px}.project-card,.project-card.project--tall{height:min(117vw,530px);min-height:0}.strength{padding-bottom:100px}.strength h2{margin:55px 0}.capability-grid{grid-template-columns:1fr}.capability{min-height:330px}.capability>div:nth-of-type(2){margin-top:48px}.contact-end{min-height:650px;padding:28px 20px 22px}.contact-top p{font-size:8px}.contact-main p{font-size:clamp(45px,13vw,86px)}.contact-email{margin-top:30px}.contact-email svg{width:20px}}@media (width<=500px){.hero-foot{align-items:flex-end}.hero-foot p{max-width:210px}.about-contact-grid{grid-template-columns:1fr}.about-contact-grid>*+*{border-left:0;border-top:1px solid var(--line);padding-left:0}.section-head{display:block}.work-intro{align-items:flex-start;margin:35px 0 0 49px}.work-intro p{text-align:left}.project-info h3{font-size:24px}footer{flex-direction:column;align-items:flex-start;gap:25px}footer p{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.hero-media video{display:none}}.experience-list{border-top:1px solid var(--line);margin:108px 0 0 min(22vw,378px)}.experience-heading{min-height:74px;font-family:var(--mono);letter-spacing:.08em;color:var(--acid);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;font-size:10px;display:flex}.experience-heading p{max-width:330px;color:var(--muted);font-family:var(--sans);letter-spacing:0;margin:0;font-size:12px;line-height:1.7}.experience-item{border-bottom:1px solid var(--line);grid-template-columns:170px 1fr;gap:25px;padding:27px 0 29px;display:grid}.experience-item>p{color:var(--acid);font:10px var(--mono);letter-spacing:.06em;margin:3px 0 0}.experience-item h3{letter-spacing:-.04em;align-items:baseline;gap:13px;margin:0;font-size:17px;display:flex}.experience-item h3 span{color:#c2c7cc;font:10px var(--mono);letter-spacing:.06em}.experience-item div>p{color:#9298a0;max-width:690px;margin:9px 0 0;font-size:12px;line-height:1.75}.contact-detail{color:#0b0e0ba3;font:12px var(--mono);letter-spacing:.04em;margin:20px 0 0}@media (width<=900px){.experience-list{margin:80px 0 0}.experience-heading{flex-direction:column;align-items:flex-start;gap:9px;padding:17px 0}.experience-item{grid-template-columns:1fr;gap:11px;padding:22px 0}.experience-item h3{flex-direction:column;gap:5px}}.contact-main .contact-detail{color:#0b0e0ba3;font:12px var(--mono);letter-spacing:.04em;margin:20px 0 0;line-height:1.5}:root{--signal:#5367ff}.hero{background:#08090c}.hero-media{z-index:0!important}.hero-media video{opacity:.21!important;filter:saturate(.18)contrast(1.2)brightness(.42)!important}.hero-grid{opacity:.12!important;background-image:linear-gradient(#5367ff38 1px,#0000 1px),linear-gradient(90deg,#5367ff38 1px,#0000 1px)!important}.hero-vignette{background:linear-gradient(90deg,#040507f7 0%,#040507e0 31%,#04050757 63%,#040507b8 100%),linear-gradient(#0000 62%,#040507eb 100%)!important}.hero:after{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(120deg,#0000 0 58%,#5367ff21 58.1% 58.4%,#0000 58.5% 100%);position:absolute;inset:0}.hero-poster{z-index:2;filter:drop-shadow(0 30px 45px #0000008c);pointer-events:none;width:min(53vw,780px);height:min(78vh,915px);position:absolute;top:clamp(98px,11vh,146px);right:max(24px,50vw - 850px);transform:rotate(1.4deg)}.hero-poster:before{content:"";opacity:.75;border:1px solid #5367ffb8;position:absolute;inset:-16px 18px 12px -13px;transform:rotate(-4deg)}.hero-poster:after{content:"";background:var(--signal);width:180px;height:1px;position:absolute;top:44%;right:-75px;transform:rotate(-38deg);box-shadow:0 0 0 5px #5367ff21}.hero-poster img{object-fit:cover;object-position:center;border:1px solid #f3eedcb8;width:100%;height:100%;display:block}.poster-code,.poster-note{color:#f3eedc;font:10px var(--mono);letter-spacing:.1em;mix-blend-mode:normal;line-height:1.45;position:absolute}.poster-code{top:-28px;left:22px}.poster-note{color:var(--signal);text-align:right;bottom:25px;right:-62px}.hero-copy{z-index:3;width:min(100% - 56px,1700px);margin:0 auto 79px;position:relative}.hero-pretitle{font:10px var(--mono);letter-spacing:.13em;color:var(--signal);margin:35px 0 12px}.hero h1{text-wrap:balance;letter-spacing:-.09em!important;max-width:670px!important;font-size:clamp(78px,8.1vw,146px)!important}.hero h1 span{text-shadow:8px 0 0 var(--signal);color:#f4f0e5!important}.hero-foot{align-items:flex-end;max-width:670px!important;margin:32px 0 0 8px!important}.hero-foot p{max-width:405px;color:#ffffffb5!important}.hero .round-link{background:#05070ca6;border-color:#f3eedcb3;width:96px;height:96px}.hero .round-link:hover{background:var(--signal);border-color:var(--signal);color:#f3eedc}.hero-index,.hero-coordinate{z-index:3}.hero-coordinate{color:#ffffff8a!important}.eyebrow span:last-child{color:var(--signal)!important}.live-dot{background:var(--signal)!important;box-shadow:0 0 0 5px #5367ff26!important}@media (width<=1180px){.hero-poster{opacity:.85;width:min(56vw,680px);height:min(68vh,780px);top:13vh;right:-5vw}.hero h1{max-width:600px!important}}@media (width<=900px){.hero-poster{opacity:.48;width:78vw;height:54vh;top:16vh;right:-14vw;transform:rotate(2.6deg)}.poster-code,.poster-note{display:none}.hero-copy{margin-bottom:52px}.hero h1{max-width:520px!important;font-size:clamp(62px,14vw,102px)!important}.hero-pretitle{margin-top:21px}.hero h1 span{text-shadow:5px 0 0 var(--signal)}.hero-foot{max-width:none!important}.hero-foot p{max-width:280px}}@media (width<=500px){.hero-poster{opacity:.32;width:99vw;height:46vh;top:14vh;right:-37vw}.hero-pretitle{font-size:8px}.hero-foot p{max-width:220px}}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-card,.project-card.project--tall{aspect-ratio:16/9;background:#030406;border:1px solid #ffffff17;height:auto;min-height:0}.project-video{object-fit:contain;background:#030406;width:100%;height:100%;transition:none;display:block}.project-video:focus-visible{outline:1px solid var(--signal);outline-offset:-4px}.project-card:hover .project-video{filter:none;transform:none}.project-shade{pointer-events:none;background:linear-gradient(#0000 42%,#0304057a 74%,#030405f5 100%),linear-gradient(90deg,#0405063d,#0000 54%)}.project-info{z-index:1}.project-info span{color:#e8ebefad}.project-view{z-index:2;opacity:1;color:#f3eedc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070cad;border:1px solid #f3eedc61;transform:none}.project-card:hover .project-view{opacity:1;background:var(--signal);border-color:var(--signal);transform:none}@media (width<=900px){.work-grid{grid-template-columns:1fr}.project-card,.project-card.project--tall{aspect-ratio:16/9;height:auto;min-height:0}}.about-advantage-list{gap:13px;max-width:760px;margin:28px 0 46px;padding:0;list-style:none;display:grid}.about-advantage-list li{color:var(--muted);padding-left:18px;font-size:14px;line-height:1.8;position:relative}.about-advantage-list li:before{content:"•";color:var(--signal);position:absolute;left:0}.experience-duties{gap:4px;display:grid}.experience-item .experience-duties p{max-width:690px;margin:0}.resume-project-experience{background:#090b0f;border-top:1px solid #ffffff14}.project-experience-note{color:var(--muted);font:11px var(--mono);letter-spacing:.08em;margin:7px 0 0}.project-experience-grid{background:#ffffff21;border:1px solid #ffffff21;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:67px;display:grid}.project-experience-card{background:#101319;flex-direction:column;justify-content:space-between;min-height:285px;padding:24px;transition:background .25s,color .25s;display:flex;position:relative;overflow:hidden}.project-experience-card:before{content:"";border:1px solid #5367ffb8;border-radius:50%;width:118px;height:118px;transition:transform .35s;position:absolute;bottom:-48px;right:-48px}.project-experience-card>span{color:var(--signal);font:10px var(--mono);letter-spacing:.08em}.project-experience-card h2{z-index:1;color:#e7e9ed;letter-spacing:-.055em;overflow-wrap:anywhere;margin:48px 0 0;font-size:clamp(18px,1.35vw,25px);font-weight:600;line-height:1.4;position:relative}.project-experience-card i{background:#ffffff61;width:34px;height:1px}.project-experience-card:hover{background:var(--signal);color:#f3eedc}.project-experience-card:hover:before{border-color:#f3eedc8f;transform:scale(1.5)}.project-experience-card:hover>span,.project-experience-card:hover h2{color:#f3eedc}.project-experience-card:hover i{background:#f3eedc}@media (width<=1180px){.project-experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.project-experience-grid{grid-template-columns:1fr;margin-top:46px}.project-experience-card{min-height:190px}.project-experience-card h2{margin-top:22px;font-size:21px}}.site-frame{isolation:isolate;min-height:100svh;position:relative}.site-content{z-index:1;position:relative}.kinetic-grid{z-index:0;pointer-events:none;opacity:.9;width:100%;height:100%;position:fixed;inset:0}.about{background:linear-gradient(#07080a70,#07080acc)}.work{background:#0d0f13e6}@media (prefers-reduced-motion:reduce){.kinetic-grid{opacity:.45}}.project-card--clean{cursor:default}.work-grid{gap:24px}.project-card,.project-card.project--tall{border:1px solid #ffffff26;border-radius:14px;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 14px 32px #00000038}.project-card:hover{border-color:#99a3ff80;transform:translateY(-4px);box-shadow:0 23px 42px #0000006b,0 0 0 1px #5367ff1f}.project-card--clean .project-video{transition:none;transform:none!important}.resume-project-experience{background:#090b0fd6}.project-experience-grid{background:0 0;border:0;grid-template-columns:1fr;gap:16px;margin-top:62px}.project-experience-card{background:#101319;border:1px solid #ffffff26;border-radius:14px;grid-template-columns:minmax(210px,2fr) minmax(0,3fr);align-items:stretch;min-height:174px;padding:0;transition:transform .3s,box-shadow .3s,border-color .3s,background .3s;display:grid;box-shadow:0 10px 25px #0000002e}.project-experience-card:before{opacity:1;background:linear-gradient(130deg,#0000 0 44%,#f5f0e514 44.2% 44.8%,#0000 45% 100%),radial-gradient(circle at 68% 42%,#5367ff8c,#0000 0 14%),linear-gradient(120deg,#161c2e,#0c0f18 58%,#11151c);border:0;border-radius:0;width:100%;height:100%;inset:0 auto 0 0;transform:none}.project-experience-card:after{content:"";background:#ffffff21;width:1px;position:absolute;inset:0 auto 0 40%}.project-experience-card>span{z-index:1;color:#f3eedc;font:10px var(--mono);letter-spacing:.08em;align-items:flex-start;padding:23px;display:flex;position:relative}.project-experience-card h2{z-index:1;color:#f0f2f5;letter-spacing:-.055em;align-self:center;max-width:670px;margin:0;padding:32px 44px;font-size:clamp(22px,1.7vw,31px);line-height:1.35;position:relative}.project-experience-card i{z-index:2;background:#ffffff70;width:38px;transition:width .3s,background .3s;position:absolute;bottom:30px;right:31px}.project-experience-card:hover{background:#141829;border-color:#99a3ff8c;transform:translateY(-4px);box-shadow:0 22px 40px #00000061,0 0 0 1px #5367ff21}.project-experience-card:hover:before{transform:none}.project-experience-card:hover>span,.project-experience-card:hover h2{color:#f3eedc}.project-experience-card:hover i{background:#9ca8ff;width:58px}@media (width<=900px){.work-grid{gap:17px}.project-card,.project-card.project--tall{border-radius:12px}.project-experience-grid{gap:13px;margin-top:45px}.project-experience-card{border-radius:12px;grid-template-columns:37% 63%;min-height:175px}.project-experience-card:after{inset:0 auto 0 37%}.project-experience-card h2{padding:25px;font-size:clamp(17px,4.6vw,23px)}.project-experience-card>span{padding:18px}.project-experience-card i{bottom:19px;right:20px}}.project-experience-card:first-child:before{background:linear-gradient(90deg,#080b16f5 0%,#080b16c9 37%,#080b163d 70%,#080b1675 100%),linear-gradient(#0000 34%,#05060b8f),url(/assets/project-experience/pjn-background.png) 50%/cover no-repeat}.project-experience-card:nth-child(2):before{background:linear-gradient(90deg,#19070cf2 0%,#19070cc4 37%,#19070c38 70%,#19070c75 100%),linear-gradient(#0000 34%,#1005088f),url(/assets/project-experience/pjw-background.png) 50%/cover no-repeat}.project-experience-card:first-child:hover:before,.project-experience-card:nth-child(2):hover:before{transform:none}.project-experience-card:nth-child(3):before{background:linear-gradient(90deg,#210508eb 0%,#210508ab 37%,#21050829 72%,#21050873 100%),linear-gradient(#0000 33%,#1202047a),url(/assets/project-experience/p5x-background.png) 50%/cover no-repeat}.project-experience-card:nth-child(4):before{background:linear-gradient(90deg,#141812e8 0%,#141812a1 38%,#14181224 72%,#14181273 100%),linear-gradient(#0000 33%,#0a0d0a7a),url(/assets/project-experience/shanhai-background.webp) 50%/cover no-repeat}.project-experience-card:nth-child(5):before{background:linear-gradient(90deg,#041318e8 0%,#0413189e 38%,#04131824 72%,#04131870 100%),linear-gradient(#0000 33%,#030b0f7a),url(/assets/project-experience/zhenhun-background.webp) 50%/cover no-repeat}.project-experience-card:nth-child(4):before{background-position:50%,50%,56%;background-size:cover,cover,145%}.site-header{color:#101115}.site-header.is-scrolled{color:#f3f4f5}.brand-mark i{background:#363af5}nav a{color:#0a0b0eb3}nav a:hover,nav em{color:#363af5}.header-contact{border-color:#0a0b0e85}.header-contact:hover{color:#fff;background:#363af5;border-color:#363af5}.hero--graphic{color:#0b0c10;background:#f5f4ef;min-height:max(720px,100svh)}.hero--graphic .hero-media{display:none}.hero-graphic-system{z-index:1;object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero--graphic:before{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#0f10140e 0 1px,#0000 1px 238px),linear-gradient(90deg,#f5f4efe8 0%,#f5f4ef6e 44%,#f5f4ef14 73%,#f5f4ef59 100%);position:absolute;inset:0}.hero--graphic:after{z-index:2;mix-blend-mode:multiply;background:linear-gradient(155deg,#0000 0 72%,#f486b840 72.1% 72.35%,#0000 72.5% 100%)}.hero-graphic-meta{z-index:3;font:10px var(--mono);color:#15161b;letter-spacing:.13em;justify-content:space-between;display:flex;position:absolute;top:122px;left:max(28px,50vw - 850px);right:max(28px,50vw - 850px)}.hero-graphic-meta span:first-child{color:#363af5}.hero-graphic-meta span:nth-child(2){color:#f06fa8}.hero-copy{z-index:4}.hero--graphic .hero-foot{max-width:925px!important;margin-top:42px!important}.hero--graphic .hero-foot p{font-weight:600;color:#0b0c10ad!important}.hero--graphic .hero-index,.hero--graphic .hero-coordinate{z-index:4;color:#0b0c10a3!important}@media (width<=900px){.site-header{color:#101115}nav.is-open{background:#f5f4ef}nav.is-open a{color:#101115;border-color:#0a0b0e1f}.hero-graphic-meta{font-size:8px;top:92px}.hero-graphic-meta span:nth-child(2){display:none}.hero--graphic h1{text-shadow:5px 0 #363af5;font-size:clamp(68px,15vw,112px)!important}.hero--graphic h1 span{text-shadow:5px 0 #363af5!important}}.about-portrait-wrap{width:70%;max-width:357px}.portrait-glass{width:105px;height:105px;padding:13px;bottom:29px;right:-33px}.portrait-glass span{font-size:7px}.portrait-glass strong{font-size:14px}.portrait-index{font-size:9px;top:-23px}.experience-list{margin-top:140px;margin-left:min(18vw,310px)}.experience-heading{letter-spacing:.1em;min-height:96px;font-size:13px}.experience-item{grid-template-columns:221px minmax(0,1fr);gap:33px;padding:35px 0 38px}.experience-item>p{letter-spacing:.08em;margin-top:4px;font-size:13px}.experience-item h3{gap:17px;font-size:22px}.experience-item h3 span{letter-spacing:.075em;font-size:13px}.experience-item div>p,.experience-item .experience-duties p{max-width:890px;margin-top:12px;font-size:16px;line-height:1.78}.experience-duties{gap:5px}@media (width<=900px){.about-portrait-wrap{width:70%;max-width:273px}.portrait-glass{width:81px;height:81px;padding:10px;bottom:-16px;right:-11px}.portrait-glass span{font-size:6px}.portrait-glass strong{font-size:11px}.portrait-index{font-size:8px;top:-22px}.experience-list{margin:104px 0 0}.experience-heading{min-height:74px;padding:18px 0;font-size:12px}.experience-item{grid-template-columns:1fr;gap:14px;padding:29px 0}.experience-item>p{font-size:12px}.experience-item h3{gap:7px;font-size:22px}.experience-item h3 span{font-size:12px}.experience-item div>p,.experience-item .experience-duties p{margin-top:9px;font-size:15px;line-height:1.75}}.about-contact-grid{grid-template-columns:1.12fr .88fr;margin-top:8px}.about-contact-grid>*{justify-content:center;gap:11px;min-height:130px;padding:28px 38px 25px 0}.about-contact-grid>*+*{padding-left:38px}.about-contact-grid span{letter-spacing:.025em;font-size:13.5px;line-height:1.45}.about-contact-grid strong{letter-spacing:-.015em;overflow-wrap:anywhere;max-width:100%;font-size:18px;font-weight:700;line-height:1.4}.about-contact-grid a svg{width:22px;bottom:28px;right:18px}@media (width<=900px){.about-contact-grid>*{gap:9px;min-height:112px;padding:23px 30px 21px 0}.about-contact-grid>*+*{padding-left:30px}.about-contact-grid span{font-size:12px}.about-contact-grid strong{font-size:16px}.about-contact-grid a svg{width:19px;bottom:23px;right:12px}}@media (width<=500px){.about-contact-grid>*{padding-right:0}.about-contact-grid>*+*{padding-left:0}}.section-kicker p{font-size:16.5px}.hero--graphic:after{z-index:5;mix-blend-mode:normal;background:linear-gradient(155deg,#0000 0 61%,#f06fa833 61.1% 61.45%,#0000 61.6% 100%),linear-gradient(#07080a00 0%,#07080a29 32%,#07080ab3 70%,#07080a 100%);height:clamp(150px,19vh,240px);inset:auto 0 0}.about{border-top-color:#0000;position:relative}.about:before{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#d7ff4561 18%,#ffffff24 58%,#0000);height:1px;position:absolute;top:0;left:max(28px,50vw - 850px);right:max(28px,50vw - 850px)}.site-header:not(.is-scrolled){color:#f3f4f5}.site-header:not(.is-scrolled) .brand-mark i{background:#f5d326}.site-header:not(.is-scrolled) nav a{color:#ffffffb8}.site-header:not(.is-scrolled) nav a:hover,.site-header:not(.is-scrolled) nav em{color:#f5d326}.site-header:not(.is-scrolled) .header-contact{border-color:#f5d326a6}.site-header:not(.is-scrolled) .header-contact:hover{color:#111216;background:#f5d326;border-color:#f5d326}.hero--graphic{color:#f4f4f0;isolation:isolate;background:#090a0c}.hero-graphic-system{opacity:1}.hero--graphic:before{z-index:2;background:linear-gradient(90deg,#07080a8f 0%,#07080a1a 40%,#0000 70%),linear-gradient(#0000 57%,#07080a24)}.hero--graphic:after{z-index:5;background:linear-gradient(#07080a00,#07080a38 36%,#07080a 100%);height:clamp(190px,26vh,330px)}.hero-graphic-meta{color:#fff9}.hero-graphic-meta span:first-child,.hero-graphic-meta span:nth-child(2){color:#f5d326}.hero--graphic .hero-copy{margin-bottom:78px}.hero--graphic .eyebrow{color:#ffffffb8}.hero--graphic .eyebrow span:last-child{color:#f5d326!important}.hero--graphic .live-dot{background:#f5d326!important;box-shadow:0 0 0 5px #f5d32629!important}.hero--graphic .hero-pretitle{color:#f5d326}.hero--graphic h1{color:#f5d326;text-shadow:none;font-style:normal;font-weight:800;line-height:.82;letter-spacing:-.095em!important;max-width:1090px!important;font-size:clamp(82px,9.5vw,176px)!important}.hero--graphic h1 span{color:#f5d326!important;text-shadow:none!important}.hero--graphic .hero-foot p{color:#ffffff9e!important}.hero--graphic .round-link{color:#f5d326;background:#08090bb8;border-color:#f5d326cc}.hero--graphic .round-link:hover{color:#101114;background:#f5d326;border-color:#f5d326}.hero--graphic .hero-index,.hero--graphic .hero-coordinate{color:#ffffff94!important}.hero--graphic .hero-index i{background:#f5d326}@media (width<=900px){.hero--graphic h1{font-size:clamp(66px,14vw,108px)!important}}
