@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--bg:#0a0a0b;--ink:#f0efec;--soft:#a8a8a7;--line:#f0efec29;--acid:#e5ff3f;color:var(--ink);background:var(--bg);scroll-behavior:smooth;font-family:DM Sans,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:inherit;text-decoration:none}.wrap{width:min(1700px,100% - 96px);margin:auto}.hero{background:#141416;height:100svh;min-height:720px;position:relative;overflow:hidden}.hero-video{object-fit:cover;opacity:.34;filter:saturate(.4)contrast(1.3);width:100%;height:100%;position:absolute;inset:0}.hero-vignette{background:linear-gradient(90deg,#05060ad1,#05060a47 70%),linear-gradient(#0000 45%,#030406d1);position:absolute;inset:0}.hero-grain{z-index:0;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:.18s steps(2,end) infinite grain;position:absolute;inset:-100%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(4%,2%)}to{transform:translate(-3%,-4%)}}.nav{z-index:4;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:94px;display:flex;position:relative}.brand{letter-spacing:.16em;align-items:center;gap:5px;font-size:18px;font-weight:700;display:flex}.brand i{background:var(--acid);border-radius:100%;width:6px;height:6px;display:block}.nav-links{gap:36px;font-family:DM Mono;font-size:12px;display:flex}.nav-links a{opacity:.72}.nav-contact{border:1px solid #ffffff8c;align-items:center;gap:8px;padding:12px 16px;font-family:DM Mono;font-size:12px;display:flex}.hero-content{z-index:1;flex-direction:column;height:calc(100% - 94px);padding-top:27px;display:flex;position:relative}.hero-topline{letter-spacing:.05em;z-index:3;justify-content:space-between;align-items:center;font:11px DM Mono;display:flex;position:relative}.eyebrow,.section-label{letter-spacing:.05em;font:12px DM Mono}.eyebrow{align-items:center;gap:10px;display:flex}.eyebrow span{background:var(--acid);border-radius:50%;width:8px;height:8px}.hero h1{z-index:3;color:var(--acid);letter-spacing:-.105em;text-transform:uppercase;margin:clamp(55px,11vh,125px) 0 0;font-size:clamp(90px,12vw,210px);font-weight:700;line-height:.67;position:relative}.hero h1 span{display:block}.hero h1 span+span{padding-left:12.8vw}.hero h1 em{font-family:DM Sans;font-style:normal;font-weight:700}.poster-copy{z-index:3;letter-spacing:.05em;color:var(--acid);font:12px/1.35 DM Mono;position:absolute}.poster-copy-one{writing-mode:vertical-rl;top:33%;left:1.5%}.poster-copy-two{max-width:175px;top:50%;right:4%}.poster-crop{z-index:2;background:#16191e;border:1px solid #e5ff3fe6;position:absolute;overflow:hidden;box-shadow:0 0 0 10px #e5ff3f06}.poster-crop img{object-fit:cover;filter:grayscale(.45)contrast(1.2)saturate(.65);width:100%;height:100%}.crop-eye{width:min(28vw,420px);height:min(16vw,238px);top:35%;right:19%}.crop-mouth{width:min(20vw,300px);height:min(12vw,180px);bottom:14%;left:25%}.poster-corners{z-index:1;pointer-events:none;border:1px solid #e5ff3f4d;position:absolute;inset:18% 10% 12%}.poster-corners i{border-color:var(--acid);border-style:solid;width:15px;height:15px;position:absolute}.poster-corners i:first-child{border-width:1px 0 0 1px;top:-1px;left:-1px}.poster-corners i:nth-child(2){border-width:1px 1px 0 0;top:-1px;right:-1px}.poster-corners i:nth-child(3){border-width:0 0 1px 1px;bottom:-1px;left:-1px}.poster-corners i:nth-child(4){border-width:0 1px 1px 0;bottom:-1px;right:-1px}.hero-bottom{z-index:3;color:var(--acid);justify-content:space-between;align-items:end;margin-top:auto;padding-bottom:35px;font:11px/1.55 DM Mono;display:flex;position:relative}.scroll{align-items:center;gap:10px;font:11px DM Mono;display:flex}.hero-index{z-index:3;color:var(--acid);font:12px DM Mono;position:absolute;bottom:42px;right:48px}.hero-index span{opacity:.5;padding:0 5px}.about{padding:170px 0 180px}.section-label{color:#b8b7b5}.about-grid{grid-template-columns:1fr 1.35fr .7fr;align-items:start;gap:clamp(40px,7vw,140px);margin-top:65px;display:grid}.portrait{background:#232323;height:460px;position:relative;overflow:hidden}.portrait img{object-fit:cover;filter:grayscale()contrast(1.13);width:100%;height:100%}.portrait:after{content:"";background:linear-gradient(135deg,#0000 30%,#b9ff233b);position:absolute;inset:0}.portrait-mark{z-index:1;font:44px Playfair Display;position:absolute;bottom:20px;right:23px}.intro{letter-spacing:-.045em;margin:0 0 42px;font-size:clamp(24px,2.15vw,39px);line-height:1.32}.intro strong{color:#d7ff39;font-weight:500}.muted{color:var(--soft);max-width:480px;font-size:15px;line-height:1.8}.about-links{border-top:1px solid var(--line);gap:24px;margin-top:42px;padding-top:18px;font:12px DM Mono;display:flex}.about-links a{align-items:center;gap:7px;display:flex}.stats{border-top:1px solid var(--line)}.stats div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:20px 0;display:flex}.stats b{letter-spacing:-.08em;font:32px DM Mono}.stats sup{color:#d7ff39;font-size:14px}.stats span{color:var(--soft);font-size:12px}.projects{background:#111112;padding:135px 0 160px}.section-head{justify-content:space-between;align-items:flex-start;margin-bottom:70px;display:flex}.section-head>p{color:var(--soft);margin:0;font-size:14px;line-height:1.55}.project-list{grid-template-columns:1.18fr .82fr;gap:20px;display:grid}.project{background:#222;height:590px;position:relative;overflow:hidden}.project:nth-child(3){grid-column:span 2;height:500px}.project img{object-fit:cover;filter:saturate(.7);width:100%;height:100%;transition:transform .8s;position:absolute}.project:hover img{transform:scale(1.05)}.form img{filter:hue-rotate(70deg)saturate(.7)}.other img{filter:hue-rotate(165deg)saturate(.55)}.project-shade{background:linear-gradient(#0000 45%,#0009);position:absolute;inset:0}.project-no{font:12px DM Mono;position:absolute;top:24px;left:27px}.project-content{position:absolute;bottom:26px;left:27px}.project-content p{opacity:.8;margin:0 0 12px;font:11px DM Mono}.project h2{letter-spacing:-.065em;margin:0;font-size:clamp(33px,4vw,68px);font-weight:500;line-height:.85}.round-link{border:1px solid #ffffffbf;border-radius:50%;place-items:center;width:49px;height:49px;display:grid;position:absolute;bottom:27px;right:25px}.capability{padding:165px 0 185px}.capability .section-head h2{letter-spacing:-.055em;margin:0;font-size:clamp(40px,4.5vw,76px);font-weight:400;line-height:1.05}.strength-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.strength{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:275px;padding:21px;display:flex}.strength span{color:var(--soft);font:12px DM Mono}.strength svg{color:#d7ff39;margin:42px 0 18px}.strength h3{letter-spacing:-.04em;margin:0 0 8px;font-size:22px}.strength p{color:var(--soft);max-width:220px;margin:0;font-size:13px;line-height:1.6}footer{color:#111;background:#d7ff39;min-height:790px;padding:74px 0 37px;position:relative;overflow:hidden}.footer-orb{filter:blur(10px);opacity:.9;background:radial-gradient(circle at 40% 40%,#f2ffd1,#92af00 45%,#566900);border-radius:50%;width:750px;height:750px;position:absolute;top:-180px;right:-80px}.footer-inner{flex-direction:column;height:679px;display:flex;position:relative}.footer-kicker{margin:clamp(100px,16vh,180px) 0 15px;font:13px DM Mono}.mail-link{letter-spacing:-.075em;border-bottom:1px solid #00000080;justify-content:space-between;align-items:center;padding-bottom:23px;font-size:clamp(44px,7.2vw,122px);line-height:1;display:flex}.mail-link svg{width:clamp(34px,5vw,70px);height:auto}.footer-bottom{justify-content:space-between;margin-top:auto;padding-top:20px;font:11px DM Mono;display:flex}.footer-bottom div{gap:25px;display:flex}@media (width<=800px){.wrap{width:calc(100% - 40px)}.nav-links{display:none}.hero-index{right:20px}.hero h1{margin-top:110px;font-size:23vw}.hero h1 span+span{padding-left:3vw}.poster-copy-one,.poster-copy-two{display:none}.crop-eye{width:49vw;height:28vw;top:38%;right:5%}.crop-mouth{width:39vw;height:24vw;bottom:16%;left:6%}.poster-corners{inset:24% 4% 12%}.about{padding:115px 0 90px}.about-grid{grid-template-columns:1fr;gap:35px}.portrait{height:420px}.project-list{grid-template-columns:1fr}.project,.project:nth-child(3){grid-column:auto;height:430px}.projects,.capability{padding:85px 0}.strength-grid{grid-template-columns:1fr 1fr}.section-head{margin-bottom:38px}.section-head>p{display:none}.footer-bottom{flex-direction:column;gap:20px}.footer-bottom div{flex-wrap:wrap;gap:15px}.hero-bottom p{font-size:10px}}.hero:after{content:"";z-index:1;filter:blur(32px);pointer-events:none;background:radial-gradient(#6f862e7a,#181d1d33 42%,#0000 71%);width:130vw;height:310px;position:absolute;bottom:-180px;left:-15vw}.about{isolation:isolate;background:linear-gradient(#121613 0,#0a0a0b 38%);padding-top:215px;position:relative}.about:before{content:"";z-index:-1;filter:blur(28px);pointer-events:none;background:radial-gradient(at 50% 0,#78912d52,#11161152 42%,#0000 72%);width:110vw;height:310px;position:absolute;top:-135px;left:-5vw}.about-grid{row-gap:clamp(20px,3.5vw,70px)}.crop-eye img{object-position:50% 33%;transform:scale(1.42)}.crop-mouth img{object-position:49% 64%;transform:scale(1.48)}.portrait img{object-position:center 42%;filter:grayscale(.62)contrast(1.08)saturate(.72)}.hero-grain{opacity:.12;animation:none;inset:0}.hero:after{z-index:0;filter:blur(34px);background:radial-gradient(at 64% 12%,#cced4c33,#0000 25%),radial-gradient(#5970389e,#0e120f80 47%,#0000 75%);height:330px;bottom:-120px}.about{background:radial-gradient(90% 300px at 64% 0,#758f3d61,#11171199 44%,#0000 76%),linear-gradient(#161b16 0,#0a0a0b 37%);padding-top:120px}.about:before{z-index:0;filter:blur(40px);background:radial-gradient(at 64% 0,#97b3434d,#1d27195c 43%,#0000 75%);height:350px;top:-150px}.about>*{z-index:1;position:relative}@media (width<=800px){.about{padding-top:145px}}.hero{background:#123e2b}.hero-content{padding-top:20px}.hero-topline{text-transform:uppercase;color:#edf6d1c7;font-size:9px}.hero-ellipse{z-index:1;border:1px solid #e2eebb6b;border-radius:50%;position:absolute;inset:11.5% 2.8% 13%}.hero-ellipse:after{content:"";border:1px solid #e2eebb24;border-radius:50%;position:absolute;inset:18% 8%}.hero-title{z-index:3;color:#f4f1d2;letter-spacing:-.07em;line-height:.73;position:absolute;top:35%;left:2%}.hero-title span{letter-spacing:-.07em;font:clamp(36px,4.5vw,76px) Playfair Display;display:block}.hero-title strong{font:500 clamp(72px,8vw,145px)/.72 Playfair Display;display:block}.hero-title em{font-style:italic}.hero-title b{letter-spacing:.07em;white-space:nowrap;border:1px solid #f4f1d2b3;border-radius:100px;padding:7px 17px;font:10px DM Mono;position:absolute;top:10px;right:-61px;transform:translate(100%)}.hero-profile{z-index:2;clip-path:polygon(41% 0,72% 5%,100% 29%,78% 58%,93% 89%,46% 100%,0 78%,12% 43%,0 17%);width:min(31vw,440px);height:min(61vh,585px);position:absolute;bottom:10%;left:39%;overflow:hidden}.hero-profile:after{content:"";mix-blend-mode:screen;background:linear-gradient(135deg,#daf6b233,#0000 50%);position:absolute;inset:0}.hero-profile img{object-fit:cover;object-position:center 44%;filter:grayscale()contrast(1.55)brightness(1.15);width:100%;height:100%}.hero-statement{z-index:3;letter-spacing:-.07em;color:#f1efd2;text-align:left;font:clamp(33px,4.4vw,72px)/.8 Playfair Display;position:absolute;top:21%;right:2.5%}.hero-statement em{font-style:italic}.hero-statement small{letter-spacing:.02em;color:#d4e3b5;margin-top:17px;font:11px/1.5 DM Mono;display:block}.hero-meta{z-index:3;letter-spacing:.03em;color:#dce8bc;gap:46px;font:9px/1.45 DM Mono;display:flex;position:absolute;bottom:13%;left:3%}.hero-tags{z-index:3;gap:9px;display:flex;position:absolute;bottom:15%;right:2%}.hero-tags i{color:#e6edc5;border:1px solid #eaf1c8a6;border-radius:999px;padding:7px 14px;font:10px DM Mono}.hero-bottom{color:#dce8bc;padding-bottom:23px}.hero-index{color:#dce8bc}@media (width<=800px){.hero-title{top:32%;left:3%}.hero-title strong{font-size:20vw}.hero-title b{display:none}.hero-profile{width:47vw;height:49vh;bottom:16%;left:39%}.hero-statement{font-size:9vw;top:22%;right:4%}.hero-statement small,.hero-meta,.hero-tags{display:none}.hero-ellipse{inset:16% -15% 18%}}.hero-camera{z-index:2;filter:drop-shadow(0 34px 25px #0000007a);transform-origin:50% 58%;width:min(42vw,640px);height:min(61vh,610px);animation:6.5s ease-in-out infinite camera-sway;position:absolute;bottom:8%;left:34%;overflow:visible}.hero-camera:after{display:none}.hero-camera img{object-fit:contain;object-position:center;filter:grayscale(.72)sepia(.16)hue-rotate(45deg)saturate(.82)contrast(1.18)brightness(.86);width:100%;height:100%;display:block}@keyframes camera-sway{0%,to{transform:translate(-16px)rotate(-3.5deg)}50%{transform:translate(18px,-9px)rotate(3.5deg)}}@media (width<=800px){.hero-camera{width:58vw;height:46vh;bottom:18%;left:28%}}.hero-camera{will-change:transform,filter;animation:6.5s ease-in-out infinite camera-sway,11s ease-in-out infinite camera-depth}.hero-statement{will-change:transform,filter;animation:11s ease-in-out infinite statement-depth}@keyframes camera-depth{0%,39%{z-index:4;filter:drop-shadow(0 38px 27px #00000094)brightness(1.06);opacity:1}46%{filter:drop-shadow(0 18px 15px #00000038)brightness(.83)blur(.45px);opacity:.86}47%,54%{z-index:1;filter:drop-shadow(0 13px 12px #00000029)brightness(.78)blur(.8px);opacity:.72}61%{filter:drop-shadow(0 20px 17px #00000042)brightness(.88)blur(.35px);opacity:.89}62%,to{z-index:4;filter:drop-shadow(0 38px 27px #00000094)brightness(1.06);opacity:1}}@keyframes statement-depth{0%,39%{z-index:2;filter:blur(.65px);opacity:.72;transform:translate(0,0)}46%{filter:blur(.2px);opacity:.9}47%,54%{z-index:4;filter:blur();opacity:1;transform:translate(-10px)}61%{filter:blur(.2px);opacity:.9}62%,to{z-index:2;filter:blur(.65px);opacity:.72;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.hero-camera,.hero-statement{animation:none}}.hero-camera{transition:filter 1.1s cubic-bezier(.22,1,.36,1),opacity 1.1s cubic-bezier(.22,1,.36,1);animation:6.5s ease-in-out infinite camera-sway!important}.hero-camera.is-front{z-index:5;opacity:1;filter:drop-shadow(0 38px 27px #0009)brightness(1.08)}.hero-camera.is-back{z-index:1;opacity:.74;filter:drop-shadow(0 11px 12px #00000029)brightness(.76)blur(1px)}.hero-statement{width:50%;transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter 1.1s cubic-bezier(.22,1,.36,1),opacity 1.1s cubic-bezier(.22,1,.36,1);top:24%;right:2%}.hero-statement.is-front{z-index:5;opacity:1;filter:blur();transform:translate(-12px)}.hero-statement.is-back{z-index:2;opacity:.64;filter:blur(1px);transform:translate(0)}@media (width<=800px){.hero-statement{width:auto}.hero-statement.is-front{transform:translate(-5px)}}.hero-video{opacity:.46;filter:grayscale(.72)saturate(.5)contrast(1.18)brightness(.82)}.hero-vignette{background:linear-gradient(90deg,#052d1cab,#0636214d 58%,#0219108c),linear-gradient(#0000 46%,#02180f7a)}.site-shell{isolation:isolate;background:0 0;position:relative}.site-shell>:not(.aurora-container):not(.material-overlay){z-index:1;position:relative}.site-shell .hero{background:0 0}.site-shell .about{background:radial-gradient(90% 300px at 64% 0,#758f3d1f,#1117112e 44%,#0000 76%),linear-gradient(#161b165c 0,#0a0a0b7a 37%)}.site-shell .projects{background:#0c131261}.site-shell .capability{background:linear-gradient(#0a0a0b59,#090d0d7a)}.site-shell footer{background:#d7ff39}.aurora-container{animation:7s ease-in-out infinite alternate aurora-fallback;z-index:0!important;opacity:.95!important;filter:saturate(1.35)!important;background:radial-gradient(at 12% 85%,#23927099,#0000 48%) 0 0/190% 190%,radial-gradient(at 73% 18%,#236d9e99,#0000 46%) 0 0/180% 180%,radial-gradient(at 50% 55%,#33b97440,#0000 53%) 0 0/160% 160%,#061310!important}@keyframes aurora-fallback{0%{background-position:0 30%,100% 0,45% 70%,0 0}to{background-position:65% 80%,18% 62%,85% 18%,0 0}}.about.wrap,.capability.wrap{width:100%;margin:0;padding-left:max(48px,50% - 850px);padding-right:max(48px,50% - 850px);overflow:hidden}@media (width<=800px){.about.wrap,.capability.wrap{width:100%;padding-left:20px;padding-right:20px}}.nav.is-floating{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(1.2);background:#051511ad;border:1px solid #e1f5d152;border-radius:999px;width:min(680px,100% - 40px);height:58px;margin:0;padding:0 16px;transition:width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),border-radius .5s cubic-bezier(.22,1,.36,1),background .5s,box-shadow .5s;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 13px 40px #00000047}.nav.is-floating .brand{font-size:14px}.nav.is-floating .nav-links{gap:27px;font-size:11px}.nav.is-floating .nav-contact{background:#e2f8c614;border-radius:999px;padding:9px 13px}.hero.has-floating-nav{pointer-events:none;z-index:60!important}.hero.has-floating-nav .nav,.nav.is-floating{pointer-events:auto}@media (width<=800px){.nav.is-floating{width:calc(100% - 24px);height:52px;top:12px}.nav.is-floating .brand{font-size:12px}.nav.is-floating .nav-contact{padding:8px 10px;font-size:10px}.nav.is-floating .nav-contact svg{display:none}}.about-links span{align-items:center;gap:7px;display:flex}.footer-contacts{letter-spacing:-.04em;gap:clamp(12px,1.5vw,26px);margin-top:22px;font:clamp(14px,1.75vw,27px)/1 DM Mono;display:flex}.footer-contacts a{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}@media (width<=800px){.about-links{flex-wrap:wrap}.footer-contacts{flex-direction:column;gap:9px;font-size:14px}}.education{border-top:1px solid var(--line);grid-column:2/4;grid-template-columns:.55fr 1fr .8fr;gap:20px 32px;margin-top:-35px;padding-top:24px;font-size:12px;display:grid}.education-label{color:var(--soft);font:11px DM Mono}.education-school{flex-direction:column;gap:4px;display:flex}.education-school strong{letter-spacing:.02em;font-size:18px}.education-school span{letter-spacing:.04em;color:var(--soft);font:10px DM Mono}.education-major{white-space:nowrap;align-self:center;font:12px DM Mono}.education-major i{border-left:1px solid var(--soft);height:11px;margin:0 10px -2px;display:inline-block}.education p{color:var(--soft);grid-column:2/4;margin:5px 0 0;font-size:12px;line-height:1.7}.education p b{color:var(--ink);font-weight:500}@media (width<=800px){.education{grid-column:auto;grid-template-columns:1fr;gap:12px;margin-top:0}.education p{grid-column:auto}.education-major{align-self:auto}}.experience{border-top:1px solid var(--line);grid-column:2/4;grid-template-columns:.55fr 1fr .8fr;gap:18px 32px;padding-top:25px;font-size:12px;display:grid}.experience-label{color:var(--soft);font:11px DM Mono}.experience-title{align-items:baseline;gap:9px;display:flex}.experience-title strong{letter-spacing:.01em;font-size:18px}.experience-title span{color:var(--soft);font:10px DM Mono}.experience-work{grid-column:2/4;grid-template-columns:1fr 1fr;gap:16px 30px;display:grid}.experience-work div{border-left:2px solid #e5ff3fa6;padding-left:11px}.experience-work b{letter-spacing:.06em;color:var(--acid);font:11px DM Mono}.experience-work p{color:var(--soft);margin:5px 0 0;font-size:12px;line-height:1.65}.experience-brands{border-top:1px solid var(--line);color:var(--soft);grid-column:2/4;margin:0;padding-top:13px;font-size:12px;line-height:1.65}@media (width<=800px){.experience{grid-column:auto;grid-template-columns:1fr;gap:13px}.experience-work,.experience-brands{grid-column:auto}.experience-work{grid-template-columns:1fr;gap:13px}}.about-copy .education{grid-column:auto;grid-template-columns:.55fr 1fr .8fr;gap:18px 24px;margin:38px 0 0;padding-top:22px}.about-copy .experience{grid-column:auto;grid-template-columns:.55fr 1fr .8fr;gap:16px 24px;margin-top:0}.about-contacts{border-top:1px solid var(--line);grid-column:1/4;margin-top:18px;padding-top:19px}@media (width<=800px){.about-copy .education,.about-copy .experience{grid-template-columns:1fr;gap:13px}.about-copy .education p,.about-copy .experience-work,.about-copy .experience-brands{grid-column:auto}.about-contacts{grid-column:auto;margin-top:0}}.about-copy{display:contents}.about-text{grid-area:1/2}.stats{grid-area:1/3}.portrait{grid-row:1/span 3}.about-copy .education,.about-copy .experience{grid-column:2/4;margin-top:0}.about-copy .experience-work{grid-template-columns:1fr 1fr;gap:16px 30px}.about-copy .experience-work,.about-copy .experience-brands{grid-column:2/4}@media (width<=800px){.about-copy,.about-text{display:block}.stats{grid-area:auto}.portrait{grid-row:auto}.about-copy .education,.about-copy .experience{grid-column:auto}.about-copy .education{margin-top:38px}}.project{cursor:pointer}.project:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.round-link{color:inherit;cursor:pointer;background:0 0}.library-backdrop{z-index:100;background:0 0;place-items:center;padding:24px;animation:.25s both library-in;display:grid;position:fixed;inset:0}.library-modal{width:min(880px,100% - 48px);max-height:min(620px,100vh - 48px);color:var(--ink);background:#081412f7;border:1px solid #dcf5c652;border-radius:16px;padding:24px;overflow:auto;box-shadow:0 28px 70px #00000075}.library-modal header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.library-modal header span,.library-modal footer{letter-spacing:.04em;color:var(--soft);font:11px DM Mono}.library-modal header h2{letter-spacing:-.07em;margin:8px 0 0;font-size:clamp(26px,3.4vw,46px);font-weight:500;line-height:.9}.library-modal header button{width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #ebfad773;border-radius:50%;place-items:center;display:grid}.library-browser{grid-template-columns:220px 1fr;min-height:300px;padding:20px 0;display:grid}.library-list{border-right:1px solid var(--line);flex-direction:column;gap:5px;padding-right:18px;display:flex}.library-list button{width:100%;color:var(--soft);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;gap:11px;padding:10px;font:11px DM Mono;display:flex}.library-list button span{color:var(--acid)}.library-list button.active{color:var(--ink);background:#d2ff361f}.library-preview{color:var(--soft);background:linear-gradient(135deg,#75c1831a,#1a46440a);border:1px dashed #def6c245;flex-direction:column;justify-content:center;align-items:center;margin-left:20px;display:flex}.library-preview span{color:var(--acid);font:10px DM Mono}.library-preview strong{letter-spacing:-.04em;color:var(--ink);margin-top:13px;font-size:20px}.library-preview p{margin:7px 0 0;font-size:12px}.library-modal footer{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding-top:17px;display:flex}.library-modal footer span{color:var(--acid)}@keyframes library-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=800px){.library-backdrop{padding:12px}.library-modal{width:calc(100% - 24px);max-height:calc(100vh - 24px);padding:18px}.library-browser{grid-template-columns:1fr;min-height:0}.library-list{border-right:0;border-bottom:1px solid var(--line);max-height:130px;padding:0 0 12px;overflow:auto}.library-preview{height:210px;margin:16px 0 0}.library-modal footer{flex-direction:column;gap:10px}}.library-popover{z-index:200;animation:.25s both library-popover-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes library-popover-in{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.library-popover{color:#141615;background:#f5f5f1;border:0;border-radius:22px;width:min(760px,100% - 40px);padding:0;overflow:hidden;box-shadow:0 28px 80px #00000057}.library-popover header{border-color:#0000001f;padding:18px 20px 15px}.library-popover header span,.library-popover footer{color:#727570}.library-popover header h2{color:#161817;font-size:27px}.library-popover header button{color:#151615;border-color:#00000047;width:34px;height:34px}.library-popover .library-browser{grid-template-columns:165px 1fr;min-height:350px;padding:0}.library-popover .library-list{background:#ecece7;border-color:#0000001f;padding:14px 10px}.library-popover .library-list button{color:#61645f}.library-popover .library-list button.active{color:#151715;background:#dbe947}.library-popover .library-preview{background:#202221;border:0;border-radius:0;justify-content:flex-end;align-items:stretch;margin:0;position:relative;overflow:hidden}.library-popover .library-preview img{object-fit:cover;opacity:.84;width:100%;height:100%;position:absolute;inset:0}.library-popover .library-preview:after{content:"";background:linear-gradient(#0000 40%,#000000c2);position:absolute;inset:0}.library-popover .library-preview div{z-index:1;color:#fff;padding:21px;position:relative}.library-popover .library-preview span{color:#dfff3e}.library-popover .library-preview strong{color:#fff;margin-top:7px;display:block}.library-popover .library-preview p{color:#ffffffb8}.library-popover footer{border-color:#0000001f;padding:14px 20px}@media (width<=800px){.library-popover .library-browser{grid-template-columns:1fr}.library-popover .library-list{background:#ecece7}.library-popover .library-preview{height:235px}}.material-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);background:#040c0a7a;place-items:center;padding:28px;animation:.18s both material-overlay-in;display:grid;position:fixed;inset:0}.material-dialog{max-height:calc(100vh - 56px);animation:.24s cubic-bezier(.2,.8,.2,1) both material-dialog-in;overflow:auto;width:min(760px,100vw - 56px)!important;position:relative!important;inset:auto!important;transform:none!important}.material-dialog header{z-index:2;background:#f5f5f1;position:sticky;top:0}.material-dialog footer{background:#f5f5f1}@keyframes material-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes material-dialog-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=800px){.material-overlay{padding:14px}.material-dialog{max-height:calc(100vh - 28px);width:calc(100vw - 28px)!important}}.material-overlay{scrollbar-width:none;overflow:auto}.material-overlay::-webkit-scrollbar{display:none}.material-dialog::-webkit-scrollbar{display:none}.material-dialog .library-list::-webkit-scrollbar{display:none}.material-dialog{scrollbar-width:none;max-height:calc(100vh - 56px);overflow:auto;width:min(1040px,100vw - 80px)!important}.material-dialog .library-browser{grid-template-columns:210px minmax(0,1fr);height:min(62vh,600px);min-height:0}.material-dialog .library-list{scrollbar-width:none;padding:18px 12px;overflow:auto}.material-dialog .library-list button{border-radius:9px;align-items:center;min-height:42px;padding:11px 12px;line-height:1.3}.material-dialog .library-preview{background:#171918;justify-content:center;align-items:center;min-width:0;height:100%;min-height:0;padding:18px}.material-dialog .library-preview img{object-fit:contain;opacity:1;z-index:0;width:100%;height:100%;position:relative;inset:auto}.material-dialog .library-preview:after{background:linear-gradient(#0000 27%,#0000000a 52%,#000000b3)}.material-dialog .library-preview div{padding:26px 30px;position:absolute;bottom:0;left:0;right:0}.material-dialog header{padding:22px 26px 18px}.material-dialog footer{padding:16px 26px}.material-dialog header h2{font-size:clamp(28px,3vw,42px)}@media (width<=800px){.material-dialog{width:calc(100vw - 28px)!important}.material-dialog .library-browser{grid-template-columns:1fr;height:auto}.material-dialog .library-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:148px;padding:12px;display:grid}.material-dialog .library-preview{height:min(48vh,420px)}.material-dialog .library-preview div{padding:18px}.material-dialog header{padding:17px 18px 14px}.material-dialog footer{padding:14px 18px}}.material-dialog{width:min(1120px,100vw - 80px)!important}.material-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:22px 26px 26px;display:grid}.material-thumb{aspect-ratio:1;color:#fff;cursor:pointer;text-align:left;isolation:isolate;background:#1d211f;border:0;border-radius:12px;min-width:0;display:block;position:relative;overflow:hidden}.material-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .35s;position:absolute;inset:0}.material-thumb:after{content:"";z-index:-1;background:linear-gradient(#0000000a 35%,#000000b8);position:absolute;inset:0}.material-thumb span,.material-thumb strong,.material-thumb i{z-index:1;position:absolute}.material-thumb span{color:#dcff3f;font:10px DM Mono;top:12px;left:12px}.material-thumb strong{font-size:13px;font-weight:500;line-height:1.25;bottom:12px;left:12px;right:12px}.material-thumb i{opacity:0;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;transition:opacity .25s,transform .25s;display:grid;top:10px;right:10px;transform:translateY(5px)}.material-thumb:hover img,.material-thumb:focus-visible img{filter:brightness(.86);transform:scale(1.06)}.material-thumb:hover i,.material-thumb:focus-visible i{opacity:1;transform:translateY(0)}.material-thumb:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.material-lightbox{z-index:10000;-webkit-backdrop-filter:blur(10px);background:#020706c2;place-items:center;padding:36px;animation:.18s both material-overlay-in;display:grid;position:fixed;inset:0}.material-lightbox section{background:#111312;border:1px solid #ffffff38;border-radius:16px;place-items:center;width:min(1120px,100vw - 72px);height:min(84vh,820px);padding:30px 30px 48px;display:grid;position:relative;box-shadow:0 30px 100px #00000080}.material-lightbox img{object-fit:contain;max-width:100%;max-height:100%;display:block}.material-lightbox button{z-index:1;color:#fff;cursor:pointer;background:#00000040;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:14px;right:14px}.material-lightbox p{color:#ffffffa8;text-align:center;margin:0;font:11px DM Mono;position:absolute;bottom:16px;left:30px;right:30px}@media (width<=800px){.material-dialog{width:calc(100vw - 28px)!important}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}.material-lightbox{padding:14px}.material-lightbox section{width:calc(100vw - 28px);height:calc(100vh - 28px);padding:44px 16px 42px}.material-lightbox p{left:16px;right:16px}}.material-dialog{overflow:hidden}.material-lightbox{z-index:10;background:#040908d1;padding:20px;position:absolute;inset:0}.material-lightbox section{width:100%;height:100%;box-shadow:none;background:#121413;border:0;border-radius:0;padding:34px 34px 52px}.material-lightbox img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.material-lightbox p{bottom:18px;left:34px;right:34px}@media (width<=800px){.material-lightbox{padding:0}.material-lightbox section{width:100%;height:100%;padding:48px 16px 44px}.material-lightbox p{left:16px;right:16px}}.material-lightbox section{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}.material-lightbox img{object-fit:contain;object-position:center;flex:auto;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;display:block}.material-lightbox p{text-align:center;flex:none;width:100%;margin:12px 0 0;position:static}.material-lightbox button{flex:none}.material-dialog{flex-direction:column;height:min(780px,100vh - 56px);display:flex;overflow:hidden}.material-dialog>header,.material-dialog>footer{flex:none}.material-grid{overscroll-behavior:contain;scrollbar-width:none;flex:auto;align-content:start;min-height:0;overflow:hidden auto}.material-grid::-webkit-scrollbar{display:none}@media (width<=800px){.material-dialog{height:calc(100vh - 28px)}}.material-dialog{isolation:isolate;color:#151816;background:#f4f4f0;border:1px solid #12181524;border-radius:18px;box-shadow:0 28px 90px #0000006b;padding:0!important}.material-dialog>header{z-index:3;background:#f4f4f0;border-bottom:1px solid #1218151f;justify-content:space-between;align-items:flex-start;min-height:100px;padding:22px 26px 18px;display:flex;position:relative;top:auto}.material-dialog>header span{color:#8a8f8b;letter-spacing:.04em;font:11px DM Mono}.material-dialog>header h2{color:#171a18;letter-spacing:-.06em;margin:8px 0 0;font-size:clamp(28px,3vw,42px);font-weight:500;line-height:.9}.material-dialog>header button{color:#171a18;cursor:pointer;background:0 0;border:1px solid #12181538;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.material-dialog>.material-grid{z-index:1;background:#e9ebe7;position:relative}.material-dialog-footer{z-index:3;color:#777d78;letter-spacing:.02em;background:#f4f4f0;border-top:1px solid #1218151f;flex:none;justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:14px 26px;font:11px DM Mono;display:flex;position:relative}.material-dialog-footer p{margin:0}.material-dialog-footer span{color:#91a600}@media (width<=800px){.material-dialog>header{min-height:86px;padding:17px 18px 14px}.material-dialog-footer{min-height:54px;padding:12px 18px}.material-dialog-footer p{max-width:78%;line-height:1.45}}.material-dialog .material-thumb video{object-fit:cover;pointer-events:none;background:#080a09;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .35s;display:block;position:absolute;inset:0}.material-thumb img,.material-thumb video,.material-lightbox img,.material-lightbox video{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.material-dialog .material-thumb:hover video,.material-dialog .material-thumb:focus-visible video{filter:brightness(.86);transform:scale(1.06)}.material-lightbox video{object-fit:contain;object-position:center;background:#000;flex:auto;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;display:block}.material-lightbox iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:10px;flex:auto;width:min(100%,960px);height:auto;min-height:0;max-height:100%;display:block}.material-dialog>.material-grid{grid-auto-rows:clamp(190px,18vw,245px);grid-auto-flow:row;place-items:stretch stretch}.material-dialog .material-thumb{aspect-ratio:auto;align-self:stretch;width:100%;height:100%;min-height:0}.material-dialog .material-thumb img{display:block}@media (width<=1050px){.material-dialog>.material-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(180px,25vw,230px)}}@media (width<=700px){.material-dialog>.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(150px,42vw,205px)}}@media (width>=1051px){.material-dialog>.material-grid:has(.material-thumb:nth-child(6):last-child){grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-content:stretch}.material-dialog>.material-grid:has(.material-thumb:nth-child(6):last-child) .material-thumb{min-height:0}}.material-dialog>.material-grid:has(.material-thumb:only-child){justify-content:center;align-items:center;padding:26px;display:flex}.material-dialog>.material-grid:has(.material-thumb:only-child) .material-thumb{aspect-ratio:16/9;flex:0 auto;width:min(100%,960px);height:auto;max-height:100%}.material-dialog>.material-grid:has(.material-thumb:only-child) .material-thumb video{object-fit:cover}@media (width<=700px){.material-dialog>.material-grid:has(.material-thumb:only-child){padding:16px}.material-dialog>.material-grid:has(.material-thumb:only-child) .material-thumb{aspect-ratio:16/9;width:100%}}.project .project-cover{object-fit:cover;width:100%;height:100%;animation:.5s both project-cover-in;position:absolute;inset:0}.project .project-cover:not(img){filter:saturate(.7)}.form .project-cover{filter:hue-rotate(70deg)saturate(.7)}.other .project-cover{filter:hue-rotate(165deg)saturate(.55)}@keyframes project-cover-in{0%{opacity:.25;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}.project.form .project-cover{filter:none}.project .project-cover.is-entering{z-index:1;animation:.65s cubic-bezier(.2,.8,.2,1) both project-cover-in}.project .project-cover.is-leaving{z-index:0;animation:.65s cubic-bezier(.2,.8,.2,1) both project-cover-out}@keyframes project-cover-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.018)}}.project-shade{z-index:2}.project-no,.project-content,.round-link{z-index:3}.portrait img{filter:none}.portrait:after{display:none}.experience-work--wplus>div{align-self:start}.experience-work--wplus p+p{margin-top:11px}.experience-work--wplus p strong{color:var(--ink);font-weight:500}.experience:has(.experience-work--wplus) .experience-title span{font-size:0}.experience:has(.experience-work--wplus) .experience-title span:after{content:"2023-2024";color:var(--soft);font:10px DM Mono}@media (width>=801px){.about-copy .experience:has(.experience-work--wplus){grid-column:1/4;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px clamp(18px,2vw,30px);margin-top:-16px;padding-top:16px}.experience:has(.experience-work--wplus) .experience-label{grid-area:1/1/auto/4}.experience:has(.experience-work--wplus) .experience-title{border-bottom:1px solid var(--line);grid-area:2/1/auto/4;padding-bottom:18px}:is(.about-copy .experience:has(.experience-work--wplus) .experience-work,.about-copy .experience:has(.experience-work--wplus) .experience-brands){grid-column:1/4}.experience:has(.experience-work--wplus) .experience-work{grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px clamp(18px,2vw,30px)}.experience:has(.experience-work--wplus) .experience-brands{grid-row:4;padding-top:18px}}.experience-summary,.experience-capabilities{grid-column:2/4}.experience-summary{border-left:2px solid #e5ff3fa6;padding-left:11px}.experience-summary b,.experience-capabilities>b{letter-spacing:.06em;color:var(--acid);font:11px DM Mono}.experience-summary p{color:var(--soft);margin:5px 0 0;font-size:12px;line-height:1.65}.experience-zifan-head{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.about-copy .experience-zifan-head .experience-summary{grid-column:auto}.experience-work--long{gap:18px 30px}.experience-capabilities{border-top:1px solid var(--line);padding-top:15px}.capability-list{grid-template-columns:1fr 1fr;gap:14px 30px;margin-top:13px;display:grid}.capability-list p{color:var(--soft);border-left:2px solid #e5ff3f59;margin:0;padding-left:11px;font-size:12px;line-height:1.65}.capability-list strong{color:var(--ink);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.about-copy .experience-summary,.about-copy .experience-capabilities{grid-column:2/4}.experience-zifan-marker{flex-direction:column;gap:14px;display:flex}@media (width>=801px){.about-copy .experience--zifan{grid-column:1/4;grid-template-columns:minmax(132px,.48fr) repeat(3,minmax(0,1fr));gap:18px clamp(18px,2vw,30px);margin-top:13px;padding-top:16px}.experience--zifan .experience-zifan-marker{border-right:0;grid-area:1/1/auto/5;align-items:flex-start;gap:0;padding:0}.experience--zifan .experience-zifan-head .experience-title{white-space:normal;margin:0}.experience--zifan .experience-label{align-self:stretch;padding-top:0}.experience--zifan .experience-zifan-head{border-bottom:1px solid var(--line);flex-direction:column;grid-area:2/1/auto/5;align-items:flex-start;gap:12px;margin:0;padding:0 0 18px;display:flex}.about-copy .experience--zifan .experience-zifan-head .experience-summary{margin:0;display:block}.about-copy .experience--zifan .experience-zifan-head .experience-summary p{margin:0}.about-copy .experience--zifan .experience-work{grid-area:3/1/auto/5;grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;gap:18px clamp(18px,2vw,30px);margin:0}.about-copy .experience--zifan .experience-capabilities{border-top:1px solid var(--line);grid-area:4/1/auto/5;align-self:start;margin:0;padding-top:22px}.experience--zifan .capability-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px clamp(18px,2vw,30px)}}@media (width<=800px){.experience-summary,.experience-capabilities,.about-copy .experience-summary,.about-copy .experience-capabilities{grid-column:auto}.experience--zifan .experience-zifan-head .experience-summary{margin:0;display:block}.experience--zifan .experience-zifan-head .experience-summary p{margin:5px 0 0}.experience-zifan-marker{flex-direction:column;align-items:flex-start;gap:10px}.capability-list{grid-template-columns:1fr;gap:13px}}.aurora-container{z-index:0;pointer-events:none;background:#07100f;width:100%;height:100vh;position:fixed;inset:0;overflow:hidden}.aurora-container canvas{width:100%;height:100%;display:block}
