:root{color-scheme:dark;--bg: #0c0c0c;--text: #f4f6fb;--muted: #cbcbcb;--line: rgba(255, 255, 255, .1);--cyan: #aefa1b;--max: 1700px;--hero-design-scale: 1;--hero-design-opacity: 1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(calc(100% - 96px),var(--max));margin:0 auto}.hero{position:relative;min-height:100vh;overflow:hidden;background:var(--bg);isolation:isolate}.heroVideo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.84;filter:saturate(.96) contrast(1.12) brightness(.64);background-image:url(/assets/hero-poster.svg);background-size:cover;background-position:center}.hero:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:radial-gradient(circle at center,#08090c14,#08090c66 58%,#08090ceb),linear-gradient(180deg,#08090c33,#08090c24 45%,#08090cb8);pointer-events:none}.motionGrid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 68%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 68%,transparent 100%)}.hero:after{position:fixed;inset:auto 0 0;z-index:-1;height:34vh;content:"";background:linear-gradient(to bottom,transparent,var(--bg))}.nav{position:fixed;left:50%;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(28px,3vw,42px);transform:translate(-50%);transition:top .22s ease,width .22s ease,padding .22s ease,background-color .22s ease,box-shadow .22s ease}.nav.shell{width:100%}.nav:not(.isFloating){top:56px;width:min(calc(100% - 96px),670px);border:1px solid rgba(255,253,253,.24);border-radius:999px;padding:12px 32px;background:#2e3032e0;-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08)}.nav.isFloating{top:56px;width:min(calc(100% - 96px),670px);border:1px solid rgba(255,253,253,.24);border-radius:999px;padding:12px 32px;background:#2e3032e0;box-shadow:none;-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08)}.brand{display:inline-flex;width:auto;min-width:118px;height:auto;align-items:center;justify-content:flex-start;border:0;border-radius:0;background:transparent;color:#f4f6fb80;font-size:13px;font-weight:400;letter-spacing:.02em;text-transform:uppercase}.navLinks{display:flex;justify-content:center;gap:32px;color:#f4f6fbdb;font-size:16px}.navLinks a:hover{color:var(--cyan)}.navCta{display:inline-flex;min-height:40px;align-items:center;justify-self:end;justify-content:center;gap:10px;border-radius:999px;padding:0 18px;background:#aefa1b33;color:#fff;font-size:16px;font-weight:700;transform-origin:50% 50%;will-change:transform}.navCta:hover{animation:contactButtonWiggle .48s ease both}.heroInner{position:relative;z-index:2;display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:0;text-align:center}.heroTopMark{display:none}.heroTitleGroup{position:relative;display:inline-grid;place-items:center;margin-top:24px;transform:translateY(-58px)}.heroTitleGroup:before{position:absolute;z-index:-1;left:50%;top:50%;display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;content:"DESIGN";color:#f4f6fb11;font-family:Impact,Haettenschweiler,Arial Narrow,Arial Black,sans-serif;font-size:clamp(320px,43vw,820px);font-weight:900;line-height:.72;letter-spacing:0;opacity:var(--hero-design-opacity);text-shadow:0 28px 120px rgba(0,0,0,.5);transform:translate(-50%,-50%) scale(var(--hero-design-scale)) scaleX(1.04) scaleY(2.05);transform-origin:center center;white-space:nowrap;will-change:opacity,transform}.hero h1{margin:0;color:var(--cyan);font-family:Impact,Haettenschweiler,Arial Narrow,Arial Black,sans-serif;font-size:clamp(113px,15.6vw,276px);font-weight:900;line-height:.78;letter-spacing:0;text-transform:uppercase;text-shadow:0 18px 60px rgba(174,250,27,.12),0 28px 80px rgba(0,0,0,.56);transform:scaleX(.72);transform-origin:center;white-space:nowrap}.heroVariableTitle{cursor:default;-webkit-user-select:none;user-select:none}.heroTitleLetter{--proximity: 0;display:inline-block;font-variation-settings:"wght" 700,"wdth" 70;text-shadow:0 calc(12px + var(--proximity) * 18px) calc(34px + var(--proximity) * 36px) rgba(174,250,27,calc(.08 + var(--proximity) * .24)),0 28px 80px rgba(0,0,0,.56);transform:translateY(calc(var(--proximity) * -10px)) scaleX(calc(1 + var(--proximity) * .12)) scaleY(calc(1 + var(--proximity) * .18));transform-origin:50% 72%;transition:font-variation-settings .16s ease,text-shadow .16s ease,transform .16s ease;will-change:transform}.heroStats{position:absolute;top:calc(50% + 260px);left:50%;display:flex;align-items:flex-start;justify-content:center;gap:clamp(70px,9.6vw,186px);transform:translate(-50%)}.heroStats .stat{min-width:96px;border:0;padding:0;background:transparent;text-align:left}.heroStats .stat strong{color:var(--cyan);font-family:Impact,Haettenschweiler,Arial Narrow,Arial Black,sans-serif;font-size:50px;font-weight:200;line-height:.95}.heroStats .stat span{margin-top:12px;color:#fff;font-size:16px;font-weight:200}.heroFooter{position:absolute;top:calc(50% + 446px);left:50%;display:flex;width:min(860px,100%);flex-direction:column;align-items:center;gap:18px;transform:translate(-50%)}.heroFooterLinks{display:flex;gap:12px;color:#f4f6fbdb;font-size:16px;font-weight:200;letter-spacing:.08em;text-transform:uppercase}.heroFooterLinks a{display:inline-flex;min-height:32px;align-items:center;justify-content:center;border:1px solid rgba(244,246,251,.3);border-radius:999px;padding:0 20px;background:#262628e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section{position:relative;z-index:2;padding:132px 0}.section>.shell,.contactPage>.shell{width:min(calc(100% - 96px),var(--max));max-width:var(--max)}.experienceGrid{position:relative;display:grid;grid-template-columns:minmax(330px,458px) minmax(0,1fr);gap:28px clamp(34px,2.65vw,45px);align-items:start}.sectionHead{margin-bottom:44px}.experienceHead{grid-column:1 / -1;margin-bottom:62px}.eyebrow{margin:0 0 16px;color:#f4f6fbad;font-size:20px;font-weight:700;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.sectionHead h2,.contactInner h2{margin:0 0 10px;color:#fff;font-size:clamp(34px,2.95vw,50px);font-weight:600;line-height:1.3}.sectionHead>p{margin:0;color:#ffffff80;font-size:20px;line-height:1.3;text-transform:uppercase}.sectionHead.compact{margin-bottom:100px}.profileVisualCard{height:clamp(470px,38.5vw,654px);overflow:hidden;border-radius:20px;background:#fff}.profileVisualCard img{width:100%;height:100%;object-fit:cover}.profileInfoCard{display:flex;min-height:clamp(470px,38.5vw,654px);flex-direction:column;justify-content:flex-start}.profileTitle{margin:0 0 22px;color:var(--text);font-size:clamp(40px,2.95vw,50px);font-weight:600;line-height:1.16;text-align:left}.profileIntro{max-width:1152px;margin:0;color:var(--muted);font-size:clamp(16px,1.18vw,20px);font-weight:200;line-height:2;text-align:justify}.profileTags{display:flex;flex-wrap:wrap;gap:18px;margin-top:clamp(36px,3.5vw,60px)}.profileTags span,.careerRole{display:inline-flex;align-items:center;justify-content:center;border:.5px solid var(--cyan);border-radius:999px;background:#aefa1b33;color:var(--cyan);font-weight:200;line-height:1.2}.profileTags span{padding:8px 16px;font-size:20px}.capabilityGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px;margin-top:clamp(42px,4.25vw,72px)}.capabilityCard{display:flex;min-height:clamp(116px,7.65vw,130px);flex-direction:column;gap:8px}.capabilityCard h3{margin:0;color:var(--cyan);font-size:clamp(18px,1.42vw,24px);font-weight:300;line-height:1.7}.capabilityCard>div{flex:1;border-radius:10px;padding:10px 20px;background:#ffffff1a}.capabilityCard p{margin:0;color:var(--muted);font-size:clamp(15px,1.18vw,20px);font-weight:100;line-height:1.5;text-align:justify}.toolGrid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(10,80px);gap:clamp(18px,3.25vw,56px);width:max-content;max-width:100%;margin-top:clamp(68px,5.75vw,98px);overflow:hidden}.toolGrid img{width:80px;height:80px;object-fit:contain}.careerPath{grid-column:1 / -1;padding-top:128px}.careerCards{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:clamp(72px,8.2vw,140px);padding-left:0}.careerCards:before{position:absolute;top:12px;left:0;right:0;height:1px;content:"";background:var(--cyan);box-shadow:0 0 18px #aefa1b3d}.careerCards article{position:relative;z-index:1;min-width:0;max-width:none;min-height:250px;text-align:left}.careerStar{display:block;width:24px;height:24px;margin-bottom:38px;background:var(--cyan);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);filter:drop-shadow(0 0 16px rgba(174,250,27,.28))}.careerCards time{display:block;color:#fff;font-size:clamp(16px,1.18vw,20px);font-weight:400;line-height:1.7}.careerCards h3{max-width:720px;margin:18px 0 16px;color:var(--text);font-size:clamp(20px,1.42vw,24px);font-weight:400;line-height:1.35}.careerRole{min-height:36px;padding:4px 16px;font-size:clamp(16px,1.18vw,20px)}.careerTags{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;color:#ffffff80;font-size:clamp(16px,1.18vw,20px);font-weight:400;line-height:1.7}.careerTags span+span:before{display:inline-block;width:1px;height:.8em;margin-right:16px;background:#ffffff73;content:"";vertical-align:-.08em}.stat strong,.stat span{display:block}.projectsSection{z-index:4;overflow:hidden;padding-top:132px}.workRail{display:grid;width:100vw;gap:20px;margin:96px 0 0 calc((100vw - min(calc(100vw - 96px),var(--max)))/-2);overflow:hidden}.workRailRow{display:flex;gap:20px;width:max-content;animation:workRail 32s linear infinite}.workRailRow:nth-child(2){margin-left:calc((clamp(320px,22vw,400px) + 20px)/-2)}.workRailItem{position:relative;width:clamp(320px,22vw,400px);margin:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;aspect-ratio:400 / 225;flex:0 0 auto}.workRailItem img{width:clamp(320px,22vw,400px);height:100%;aspect-ratio:400 / 225;object-fit:cover;transition:transform .36s ease}.workRailItem:hover img{transform:scale(1.06)}@keyframes workRail{0%{transform:translate(0)}to{transform:translate(calc(-50% - 10px))}}.representativeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:clamp(24px,1.88vw,32px)}.representativeGrid article{position:relative;overflow:hidden;border:1.5px solid var(--line);border-radius:20px;aspect-ratio:604 / 340}.representativeGrid article.tall{grid-row:span 2;aspect-ratio:604 / 712}.representativeGrid img{width:100%;height:100%;object-fit:cover;transition:transform .36s ease}.representativeGrid article:hover img{transform:scale(1.06)}.representativeLink{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;cursor:pointer}.representativeOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:clamp(20px,1.88vw,32px);background:linear-gradient(180deg,#0c0c0c00,#0c0c0c33 42%,#0c0c0ccc);opacity:0;transition:opacity .22s ease}.representativeGrid article:hover .representativeOverlay{opacity:1}.representativeOverlay strong,.representativeOverlay span{display:block;color:#fff;font-weight:300;line-height:1.35}.representativeOverlay strong{font-size:20px}.representativeOverlay span{font-size:16px;opacity:.5;text-transform:uppercase}.casePage{position:relative;min-height:100vh;overflow:hidden;background:var(--bg);color:var(--text)}.casePage:before{content:none}.lightCase{background:#fff;color:#1e1f20}.caseBack{position:fixed;top:56px;left:50%;z-index:8;display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,254,254,.32);border-radius:999px;padding:0 64px;background:#2e3032;color:#fff;font-size:16px;font-weight:300;line-height:1.3;transform:translate(-50%);transform-origin:50% 50%;will-change:transform}.caseBack:hover{animation:caseBackWiggle .48s ease both}.lightCase .caseBack{top:40px;min-height:28px;border:0;padding:10px 64px;background:#dff4cf;color:#527640;font-size:16px;font-weight:300}@keyframes caseBackWiggle{0%,to{transform:translate(-50%) rotate(0)}22%{transform:translate(-50%) translateY(-1px) rotate(-4deg)}48%{transform:translate(-50%) translateY(1px) rotate(3deg)}72%{transform:translate(-50%) rotate(-1.5deg)}}.caseHero{position:relative;z-index:1;min-height:clamp(720px,56.25vw,956px);padding-top:clamp(190px,14.2vw,242px)}.lightCase .caseHero{min-height:clamp(560px,38vw,646px);padding-top:clamp(150px,10.5vw,178px)}.caseIntro{max-width:1000px}.caseTitleLine{display:flex;align-items:center;gap:24px}.caseTitleLine h1{margin:0;color:#fff;font-size:clamp(54px,4.7vw,80px);font-weight:500;line-height:1.1;white-space:nowrap}.lightCase .caseTitleLine h1{color:#1d1f20;font-size:clamp(50px,4.1vw,70px);font-weight:600}.caseTitleLine img{width:24px;height:24px;object-fit:contain}.caseSubtitle{margin:40px 0 0;color:#fff6;font-size:clamp(22px,1.76vw,30px);font-weight:300;line-height:1.8;text-transform:uppercase}.lightCase .caseSubtitle{margin-top:28px;color:#1e1f2042;font-size:clamp(18px,1.3vw,22px)}.caseSubtitle:before{color:#fffc;content:"/ "}.lightCase .caseSubtitle:before{content:""}.caseDescription{max-width:941px;margin:clamp(56px,4.5vw,84px) 0 0;color:#fff;font-size:clamp(16px,1.18vw,20px);font-weight:300;line-height:1.8}.lightCase .caseDescription{max-width:900px;margin-top:clamp(52px,3.8vw,64px);color:#1e1f20b8;font-size:20px;font-weight:300}.caseMetaTags{display:flex;flex-wrap:wrap;gap:clamp(18px,1.8vw,30px);margin-top:clamp(46px,3.5vw,60px);color:#1e1f20;font-size:20px;font-weight:400}.casePage:not(.lightCase) .caseMetaTags{color:#ffffffd1}.casePage:not(.lightCase) .caseMetaTags span{display:inline-flex;align-items:center;gap:clamp(18px,1.8vw,30px)}.casePage:not(.lightCase) .caseMetaTags span:not(:last-child):after{width:1px;height:10px;background:#ffffff6b;content:""}.lightCase .caseMetaTags span{display:inline-flex;align-items:center;gap:clamp(18px,1.8vw,30px)}.lightCase .caseMetaTags span:not(:last-child):after{width:1px;height:10px;background:#23232380;content:""}.caseStats{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;column-gap:clamp(34px,3vw,54px);align-items:start;margin-top:clamp(100px,9.7vw,166px)}.caseStats .caseStat{display:flex;min-width:118px;flex-direction:column;align-items:center;text-align:center}.caseStatDivider{display:block;width:1px;height:40px;margin-top:28px;background:#ffffff52}.caseStatValue{display:inline-flex;align-items:flex-start;justify-content:center;gap:8px}.caseStats strong{color:var(--cyan);font-family:Impact,Haettenschweiler,Arial Narrow,Arial Black,sans-serif;font-size:60px;font-weight:200;line-height:1.1}.caseStatValue img{width:22px;height:38px;object-fit:contain;transform:translateY(6px)}.caseStats span{margin-top:4px;color:#fff;font-size:20px;font-weight:300;line-height:1.8;white-space:nowrap}.caseMediaWrap,.caseVideoWrap{position:relative;z-index:1;width:min(calc(100% - 96px),var(--max));margin:0 auto;overflow:hidden;background:#0c0c0c}.caseMediaWrap video,.caseMediaWrap img,.caseVideoWrap video{display:block;width:100%;height:auto}.caseMediaWrap+.caseMediaWrap{margin-top:0}.caseMediaWrap.titled{background:#bcd1e7}.caseMediaWrap.titled video{cursor:pointer}.otherGallery{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(58px,5vw,86px);padding-bottom:clamp(70px,6vw,110px)}.otherGalleryMain{overflow:hidden;background:#f1f1f1}.otherGalleryMain img{display:block;width:100%;height:auto}.otherThumbViewport{width:100vw;margin-left:calc((100vw - min(calc(100vw - 96px),var(--max)))/-2);overflow:hidden;padding:18px 0}.otherThumbTrack{display:flex;width:max-content;gap:clamp(18px,1.4vw,24px);animation:otherThumbRail 32s linear infinite;will-change:transform}@keyframes otherThumbRail{0%{transform:translate(0)}to{transform:translate(calc(-50% - clamp(9px,.7vw,12px)))}}.otherThumbFrame{flex:0 0 auto;width:clamp(250px,20.8vw,356px);aspect-ratio:1700 / 956;overflow:hidden;border-radius:6px;background:#1b1b1b}.otherThumb{width:100%;height:100%;overflow:hidden;border:0;border-radius:6px;padding:0;background:#1b1b1b;cursor:pointer;opacity:.86;transition:opacity .26s ease}.otherThumb:hover,.otherThumb.active{opacity:1}.otherThumb img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1);transition:transform .32s ease}.otherThumb:hover img,.otherThumb.active img{transform:scale(1.08)}.casePlayButton{position:absolute;top:50%;left:50%;z-index:3;display:grid;width:clamp(54px,5vw,86px);height:clamp(54px,5vw,86px);padding:0 0 0 clamp(4px,.4vw,7px);place-items:center;transform:translate(-50%,-50%);border:0;border-radius:10px;background:transparent;color:#050505cc;font-size:clamp(54px,5vw,86px);line-height:1;cursor:pointer}.caseMediaTitle{position:absolute;top:clamp(58px,5.2vw,88px);left:clamp(70px,5.5vw,94px);z-index:2;display:inline-flex;align-items:center;gap:clamp(10px,.8vw,14px);color:#1b1d20;font-size:clamp(28px,2.35vw,40px);font-weight:400;line-height:1;letter-spacing:0}.caseMediaTitle img{width:auto;height:clamp(22px,1.9vw,32px);object-fit:contain}.caseMediaTitle img:nth-of-type(2){width:clamp(18px,1.6vw,27px);height:clamp(18px,1.6vw,27px)}.caseImageWrap{position:relative;z-index:1;width:min(calc(100% - 96px),var(--max));margin:0 auto}.caseImageWrap img{width:100%;height:auto}.caseContact{position:relative;z-index:1;display:flex;justify-content:center;padding:84px 0 120px}.caseContact a{display:inline-flex;width:200px;height:60px;align-items:center;justify-content:center;border-radius:999px;padding:0;background:#aefa1b33;color:#fff;font-size:20px;font-weight:300;line-height:1.3;transform-origin:50% 50%;will-change:transform}.caseContact a:hover{animation:contactButtonWiggle .48s ease both}.contactPage{position:relative;z-index:4;display:flex;min-height:100vh;align-items:center;overflow:hidden}.contactInner{display:flex;flex-direction:column;align-items:center;text-align:center}.contactInner h2{display:flex;gap:clamp(40px,4.7vw,80px);max-width:none;margin:0;font-size:clamp(54px,5.9vw,100px);font-weight:400;white-space:nowrap}.contactActions{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:76px}.contactActions a{display:inline-flex;min-height:58px;align-items:center;gap:16px;border:.5px solid #fff;border-radius:999px;padding:0 32px;color:#fff;font-size:clamp(18px,1.88vw,32px);font-weight:300;transform-origin:50% 50%;will-change:transform}.contactActions a:hover{animation:contactButtonWiggle .48s ease both}@keyframes contactButtonWiggle{0%,to{transform:rotate(0)}22%{transform:translateY(-1px) rotate(-4deg)}48%{transform:translateY(1px) rotate(3deg)}72%{transform:rotate(-1.5deg)}}@media(max-width:1280px){.representativeGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.shell,.section>.shell,.contactPage>.shell{width:min(calc(100% - 48px),var(--max))}.nav:not(.isFloating){width:calc(100% - 48px);min-width:0}.navLinks{display:none}.experienceGrid,.representativeGrid{grid-template-columns:1fr}.profileVisualCard,.profileInfoCard{min-height:auto}.profileVisualCard{height:auto}.capabilityGrid{grid-template-columns:1fr}.careerCards{flex-direction:column;gap:100px;padding-left:0}.careerCards:before{display:none}.representativeGrid article.tall{grid-column:auto;grid-row:auto;aspect-ratio:604 / 340}.heroStats{gap:34px}}@media(max-width:760px){.hero h1{font-size:clamp(68px,19vw,108px)}.heroStats{top:calc(50% + 168px);width:calc(100% - 48px);justify-content:space-between;gap:16px}.heroStats .stat strong{font-size:50px}.heroStats .stat span{font-size:12px}.heroFooter{top:calc(50% + 332px)}.contactInner h2{flex-direction:column;gap:12px;white-space:normal}}