:root{color-scheme:light;font-family:Arial,Microsoft YaHei UI,PingFang SC,Hiragino Sans GB,sans-serif;background:#e2e3e2;color:#17191a;font-synthesis:none;letter-spacing:0;text-rendering:geometricPrecision}*{box-sizing:border-box}html{scroll-behavior:smooth}[id]{scroll-margin-top:96px}body{margin:0;min-width:320px;background:#e2e3e2}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img,video{display:block;max-width:100%}.site{min-height:100dvh;overflow:clip;background:var(--page-bg);color:var(--ink)}.pageShell{width:min(calc(100% - 64px),1700px);margin:0 auto}.nav{position:fixed;z-index:20;top:16px;left:50%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;width:min(calc(100% - 64px),1700px);height:64px;padding:0 10px 0 18px;transform:translate(-50%);border:1px solid rgb(255 255 255 / .46);border-radius:6px;background:linear-gradient(135deg,rgb(255 255 255 / .28),transparent 58%),#efede79e;backdrop-filter:blur(22px) saturate(128%);-webkit-backdrop-filter:blur(22px) saturate(128%);box-shadow:inset 0 1px #ffffff85,0 16px 46px #2b2d2e1a}.brand{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#eef0ec;background:var(--ink);font-size:.76rem;font-weight:800}.navLinks{display:flex;justify-content:center;gap:34px;color:var(--muted);font-size:.9rem}.navLinks a,.contactLink,.contactFooter a{transition:color .18s ease}.navLinks a:hover,.contactLink:hover,.contactFooter a:hover{color:var(--ink)}.navContact,.primaryButton,.secondaryButton{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:10px;border-radius:999px;font-weight:750;white-space:nowrap;transition:transform .18s ease,background-color .18s ease,color .18s ease}.navContact{padding:0 18px;color:var(--ink);background:var(--accent)}.primaryButton{padding:0 22px;color:var(--ink);background:var(--accent)}.secondaryButton{padding:0 22px;border:1px solid rgb(23 25 26 / .34);color:var(--ink);background:#eef0ec70}.navContact:hover,.primaryButton:hover,.secondaryButton:hover{transform:translateY(-2px)}.navContact:active,.primaryButton:active,.secondaryButton:active{transform:translateY(1px)}a:focus-visible{outline:3px solid var(--charcoal);outline-offset:4px}.hero{position:relative;min-height:calc(100dvh - 112px);overflow:hidden;isolation:isolate;border-bottom:1px solid rgb(23 25 26 / .12)}.heroInner{position:relative;min-height:calc(100dvh - 112px);padding:104px 0 46px}.heroCopy{position:relative;z-index:5;width:min(100%,1480px)}.kicker,.sectionLabel{margin:0 0 20px;color:var(--ink);font-size:.92rem;font-weight:750}.hero h1{max-width:1480px;margin:0;font-size:6.5rem;line-height:.92;font-weight:500;letter-spacing:0}.heroTitleLine{display:block}.heroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.heroMedia{position:absolute;z-index:1;left:50%;bottom:0;width:100vw;height:53%;margin-left:-50vw;overflow:hidden;background:#d9d8d3}.heroMedia:before{position:absolute;z-index:0;inset:0;content:"";background:url(../assets/hero-poster.png) center / cover no-repeat;filter:grayscale(1) contrast(1.18) brightness(.9);mix-blend-mode:multiply;opacity:.48}.heroVideo{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;opacity:.22;filter:grayscale(1) contrast(1.18) brightness(.9);mix-blend-mode:multiply}.heroMediaTint{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,var(--page-bg) 0%,rgb(226 227 226 / .72) 18%,transparent 48%),linear-gradient(180deg,transparent 66%,rgb(200 196 186 / .42));pointer-events:none}.heroGlass,.heroIdentityGlass{z-index:6;border:1px solid rgb(255 255 255 / .48);background:linear-gradient(135deg,rgb(255 255 255 / .3),transparent 56%),#efede77a;backdrop-filter:blur(22px) saturate(125%) contrast(1.03);-webkit-backdrop-filter:blur(22px) saturate(125%) contrast(1.03);box-shadow:inset 0 1px #ffffff85,0 24px 64px #2b2d2e24}.heroGlass{position:absolute;left:0;bottom:54px;width:min(640px,50%);min-height:230px;padding:38px 48px 36px;clip-path:polygon(0 0,78% 0,100% 24%,100% 100%,18% 100%,0 78%)}.heroGlass .heroLead{max-width:500px;margin:0;color:var(--charcoal);font-size:1rem;line-height:1.65}.heroGlass .heroActions{margin-top:24px}.heroIdentity{position:absolute;top:154px;right:0;display:grid;gap:6px;width:320px;padding:24px 26px;border-radius:6px}.heroIdentity strong{font-size:1.1rem}.heroIdentity span{color:var(--muted);font-size:.88rem}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.nav,.heroGlass,.heroIdentityGlass{background:#efede7f5}}@media(prefers-reduced-transparency:reduce){.nav,.heroGlass,.heroIdentityGlass{background:#efede7f5;backdrop-filter:none;-webkit-backdrop-filter:none}}.contactWord{position:absolute;z-index:0;margin:0;color:#f2f3eec7;font-size:15rem;line-height:1;font-weight:800;pointer-events:none;-webkit-user-select:none;user-select:none}.section{padding:150px 0}.profileSection{padding-top:48px;background:var(--page-bg)}.profileHeading{max-width:1050px}.profileHeading h2,.stackHeader h2,.strengthsHeader h2,.contactInner h2{margin:0;font-size:4.5rem;line-height:1.06;font-weight:800}.profileGrid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(560px,1fr);align-items:end;gap:110px;margin-top:86px}.profileCopy p{max-width:670px;margin:0;color:var(--muted);font-size:1.1rem;line-height:1.9}.contactRows{display:grid;gap:0;margin-top:40px;border-top:1px solid rgb(23 25 26 / .26)}.contactRows a,.contactRows span{display:flex;align-items:center;min-height:52px;gap:10px;border-bottom:1px solid rgb(23 25 26 / .14);color:var(--ink);font-size:.96rem}.metricGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgb(23 25 26 / .32);border-left:1px solid rgb(23 25 26 / .14)}.metricItem{min-height:190px;padding:26px;border-right:1px solid rgb(23 25 26 / .14);border-bottom:1px solid rgb(23 25 26 / .14)}.metricItem strong{display:block;color:var(--accent);font-size:4rem;line-height:1;font-weight:800}.metricItem span{display:block;margin-top:28px;color:var(--muted)}.projectsSection{border-top:1px solid rgb(23 25 26 / .12);background:#dcdedc}.stackHeader{display:grid;gap:22px;max-width:920px;margin-bottom:100px}.stackHeader p,.strengthsHeader p{max-width:620px;margin:0;color:var(--muted);font-size:1.08rem;line-height:1.75}.projectList{display:grid;gap:170px}.projectCard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:38px 54px;border-radius:6px}.projectCard:focus-visible{outline-offset:10px}.projectMedia{overflow:hidden;min-height:560px;border-radius:6px;background:#151a1d}.projectImageMotion{width:100%;min-height:inherit}.projectMedia img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;transform:scale(1.01);transition:transform .65s cubic-bezier(.16,1,.3,1)}.projectCard:hover .projectMedia img{transform:scale(1.035)}.projectCard1 .projectMedia{grid-column:1 / 9}.projectCard1 .projectBody{grid-column:9 / 13}.projectCard2 .projectBody{grid-column:1 / 5;grid-row:1}.projectCard2 .projectMedia{grid-column:5 / 13;grid-row:1}.projectCard3 .projectMedia{grid-column:1 / 13;min-height:640px}.projectCard3 .projectMedia img{min-height:inherit}.projectCard3 .projectBody{grid-column:3 / 11;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:0 64px}.projectCard3 .projectMeta,.projectCard3 h3{grid-column:1}.projectCard3 p,.projectCard3 .tagRow,.projectCard3 ul{grid-column:2}.projectCard3 p{grid-row:1 / span 2;margin-top:0}.projectBody{padding-top:4px}.projectMeta{display:grid;gap:6px;color:var(--muted);font-size:.9rem}.projectBody h3{margin:24px 0 0;font-size:2.35rem;line-height:1.17}.projectBody p{margin:24px 0 0;color:var(--muted);font-size:1rem;line-height:1.8}.tagRow{display:flex;flex-wrap:wrap;gap:6px;margin-top:26px;color:var(--ink);font-size:.88rem}.tagRow span:not(:last-child):after{margin-left:6px;color:#17191a57;content:"/"}.projectBody ul{display:grid;gap:11px;margin:28px 0 0;padding:22px 0 0;border-top:1px solid rgb(23 25 26 / .2);list-style:none}.projectBody li{position:relative;padding-left:18px;color:#34383a;font-size:.92rem;line-height:1.7}.projectBody li:before{position:absolute;top:.72em;left:0;width:7px;height:2px;content:"";background:var(--accent)}.projectLinkCue{display:inline-flex;align-items:center;gap:9px;margin-top:28px;font-size:.94rem;font-weight:750}.projectLinkCue svg{transition:transform .22s ease}.projectCard:hover .projectLinkCue svg,.projectCard:focus-visible .projectLinkCue svg{transform:translate(3px,-3px)}.projectCard3 .projectLinkCue{grid-column:2}.strengthsSection{border-top:1px solid rgb(23 25 26 / .12);background:var(--page-bg)}.strengthsHeader{display:grid;gap:24px;max-width:1030px}.workflowLine{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:70px 0 34px;padding:24px 0;border-top:1px solid rgb(23 25 26 / .24);border-bottom:1px solid rgb(23 25 26 / .24);color:var(--muted);font-size:.88rem}.workflowLine span{display:inline-flex;align-items:center;gap:18px;white-space:nowrap}.workflowLine span:not(:last-child):after{color:var(--accent);content:"→"}.strengthGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.strengthCard{min-height:300px;padding:28px;border:1px solid rgb(23 25 26 / .12);border-radius:6px;background:#f2f3ee6b}.strengthCard:nth-child(1){grid-column:span 5;min-height:390px}.strengthCard:nth-child(2){grid-column:span 3}.strengthCard:nth-child(3){grid-column:span 4;background:#c8c4ba94}.strengthCard:nth-child(4){grid-column:span 7}.strengthCard:nth-child(5){grid-column:span 5;background:#d7dad8bd}.strengthIcon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgb(23 25 26 / .22);border-radius:50%}.strengthCard h3{max-width:320px;margin:70px 0 0;font-size:1.55rem;line-height:1.25}.strengthCard p{max-width:500px;margin:18px 0 0;color:var(--muted);line-height:1.75}.contactSection{position:relative;display:grid;min-height:100dvh;align-items:center;overflow:hidden;border-top:1px solid rgb(23 25 26 / .12);background:#dcdedc;isolation:isolate}.contactWord{right:-28px;bottom:0;color:#f2f3eeb8}.contactInner{position:relative;z-index:2;padding:120px 0 46px}.contactInner h2{max-width:1050px}.contactActions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:42px}.contactLink{display:inline-flex;align-items:center;gap:10px;color:var(--muted)}.contactFooter{display:flex;justify-content:space-between;gap:24px;margin-top:190px;padding-top:22px;border-top:1px solid rgb(23 25 26 / .22);color:var(--muted);font-size:.9rem}[data-motion-nav],[data-motion-kicker],[data-motion-title-line],[data-motion-media],[data-motion-glass],[data-motion-glass-item],[data-motion-identity],[data-motion-heading],[data-motion-item],[data-motion-contact-word],[data-motion-project-media],[data-motion-project-image],[data-motion-project-body]{backface-visibility:hidden}[data-motion-project-media]{transform:translateZ(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-motion-kicker],[data-motion-title-line],[data-motion-media],[data-motion-glass],[data-motion-glass-item],[data-motion-identity],[data-motion-heading],[data-motion-item],[data-motion-contact-word],[data-motion-project-media],[data-motion-project-image],[data-motion-project-body]{opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important;will-change:auto!important}[data-motion-nav]{opacity:1!important;visibility:visible!important;transform:translate(-50%)!important;clip-path:none!important;will-change:auto!important}}@media(max-width:1440px){.hero h1{font-size:5.75rem}}@media(max-width:1280px){.profileHeading h2,.stackHeader h2,.strengthsHeader h2,.contactInner h2{font-size:3.75rem}.contactWord{font-size:11rem}.profileGrid{grid-template-columns:1fr;gap:64px}.profileCopy{max-width:760px}.metricGrid{width:min(100%,850px)}.projectCard1 .projectMedia,.projectCard2 .projectMedia{grid-column:1 / 8}.projectCard1 .projectBody,.projectCard2 .projectBody{grid-column:8 / 13}.projectCard2 .projectMedia,.projectCard2 .projectBody{grid-row:1}.workflowLine{justify-content:flex-start;overflow-x:auto}}@media(max-width:1100px){.heroGlass{width:min(600px,58%)}}@media(min-width:761px)and (max-width:1200px){.hero h1{font-size:4rem}.heroGlass{width:min(640px,64%)}.heroIdentity{top:286px;right:0;width:min(320px,44%)}}@media(max-width:900px){.projectCard1 .projectMedia,.projectCard2 .projectMedia,.projectCard3 .projectMedia,.projectCard1 .projectBody,.projectCard2 .projectBody,.projectCard3 .projectBody{grid-column:1 / 13}.projectCard1 .projectBody,.projectCard2 .projectBody,.projectCard3 .projectBody{grid-row:auto}.projectCard3 .projectBody{display:block}.strengthCard:nth-child(1),.strengthCard:nth-child(4){grid-column:span 7}.strengthCard:nth-child(2),.strengthCard:nth-child(3),.strengthCard:nth-child(5){grid-column:span 5}}@media(max-width:760px){.pageShell,.nav{width:min(calc(100% - 32px),1700px)}.nav{grid-template-columns:auto auto;justify-content:space-between;height:60px;padding:0 8px 0 10px}.navLinks{display:none}.navContact{padding:0 15px}.hero,.heroInner{min-height:calc(100dvh - 88px)}.heroInner{display:flex;flex-direction:column;align-items:stretch;padding:104px 0 28px}.hero h1{font-size:2.7rem;line-height:.98}.heroTitleLine{display:inline}.profileHeading h2,.stackHeader h2,.strengthsHeader h2,.contactInner h2{font-size:2.7rem}.heroMedia{height:42%}.heroIdentity{position:relative;top:auto;right:auto;width:min(100%,280px);margin-top:18px;padding:16px 18px;order:2}.heroGlass{position:relative;left:auto;bottom:auto;width:100%;min-height:0;margin-top:auto;padding:24px;clip-path:none;border-radius:6px;order:3}.contactWord{font-size:5.2rem}.section{padding:94px 0}.profileSection{padding-top:48px}.profileGrid{gap:48px;margin-top:54px}.metricGrid{grid-template-columns:1fr 1fr}.metricItem{min-height:148px;padding:20px}.metricItem strong{font-size:2.8rem}.metricItem span{margin-top:18px;font-size:.86rem}.stackHeader{margin-bottom:62px}.projectList{gap:100px}.projectCard{gap:30px}.projectMedia,.projectMedia img,.projectCard3 .projectMedia,.projectCard3 .projectMedia img{min-height:360px}.projectBody h3{font-size:2rem}.workflowLine{margin-top:48px;padding:20px 0}.strengthGrid{grid-template-columns:1fr}.strengthCard:nth-child(n){grid-column:1;min-height:270px}.strengthCard h3{margin-top:48px}.contactInner{padding:104px 0 34px}.contactFooter{align-items:flex-start;flex-direction:column;margin-top:150px}}