html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent-horizontal],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}.gradual-blur-inner{position:relative;width:100%;height:100%;pointer-events:none}.gradual-blur-inner>div{backdrop-filter:inherit}.gradual-blur{isolation:isolate;pointer-events:none;transition:opacity .3s ease-out}.gradual-blur-parent{overflow:hidden}@supports not (backdrop-filter:blur(1px)){.gradual-blur-inner>div{background:rgba(0,0,0,.3);opacity:.5}}.gradual-blur-fixed{position:fixed!important;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1000}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.home-hero{background:#0a0a0a;isolation:isolate}.home-hero:after,.home-hero:before{content:"";pointer-events:none;position:absolute;inset:0;z-index:0}.home-hero:before{background-image:radial-gradient(circle at 18% 22%,rgba(217,226,238,.34) 0 .32px,transparent .62px),radial-gradient(circle at 64% 38%,rgba(217,226,238,.22) 0 .28px,transparent .58px),radial-gradient(circle at 42% 78%,rgba(217,226,238,.18) 0 .24px,transparent .5px),radial-gradient(circle at 82% 66%,rgba(0,0,0,.5) 0 .42px,transparent .74px),radial-gradient(circle at 8% 84%,rgba(217,226,238,.16) 0 .22px,transparent .54px);background-size:5px 7px,7px 5px,11px 13px,17px 19px,23px 29px;background-position:0 0,3px 2px,5px 7px,11px 13px,17px 19px;mix-blend-mode:soft-light;opacity:.5;filter:contrast(1.35);animation:home-noise-shift 5s steps(2) infinite alternate}.home-hero:after{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.06))}.home-color-bends{filter:blur(.2px) brightness(.95);-webkit-mask-image:radial-gradient(circle at 50% 42%,black 0,black 28%,rgba(0,0,0,.65) 48%,transparent 82%),linear-gradient(180deg,transparent 0,black 16%,black 92%,transparent);mask-image:radial-gradient(circle at 50% 42%,black 0,black 28%,rgba(0,0,0,.65) 48%,transparent 82%),linear-gradient(180deg,transparent 0,black 16%,black 92%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.site-header{position:fixed;inset-inline:0;top:calc(env(safe-area-inset-top, 0px) * -1);padding-top:env(safe-area-inset-top,0);background:rgba(10,10,10,0);backdrop-filter:blur(0);transition:background .36s cubic-bezier(.22,1,.36,1),backdrop-filter .36s cubic-bezier(.22,1,.36,1)}.site-header.is-filled{background:rgba(10,10,10,.8);backdrop-filter:blur(24px)}.site-container{width:100%;max-width:var(--layout-max);margin-inline:auto;padding-inline:var(--layout-pad-mobile)}.type-hero-title{width:calc(100% + 80px);margin-left:-40px;transform:none;font-size:clamp(3.2rem,calc((100vw - 74px) / 6),16rem);font-weight:900;line-height:.78}.portfolio-title-mark{display:block;width:100%;height:auto}.type-section-title{font-size:2rem;font-weight:500;line-height:1}.type-body{font-size:1rem;font-weight:300;line-height:1.75}.type-meta{font-size:.75rem;line-height:1.5}.split-nav-link{display:inline-flex;height:1.5em;overflow:hidden;color:inherit;line-height:1.5}.split-nav-text{position:relative;display:inline-block;height:1.5em;overflow:hidden;white-space:nowrap}.split-nav-line{display:inline-flex;height:1.5em;white-space:nowrap}.split-nav-line-next{position:absolute;inset:0;font-size:calc(1em - 1px);font-weight:420;justify-content:center;width:100%}.split-nav-char{display:block;height:1.5em;line-height:1.5;transform:translateZ(0);transition:transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--char-delay,0s);backface-visibility:hidden;will-change:transform}.split-nav-char-next{transform:translate3d(0,100%,0)}.split-nav-link:focus-visible .split-nav-char-current,.split-nav-link:hover .split-nav-char-current{transform:translate3d(0,-100%,0)}.split-nav-link:focus-visible .split-nav-char-next,.split-nav-link:hover .split-nav-char-next{transform:translate3d(0,2px,0)}.scroll-indicator{pointer-events:none;position:fixed;right:6px;top:var(--scroll-indicator-top,0);z-index:70;width:6.3px;height:var(--scroll-indicator-height,0);background:rgba(217,226,238,.28);border-radius:999px;opacity:0;transition:opacity .18s linear}.scroll-indicator.is-visible{opacity:1}@media (min-width:768px){.site-container{padding-inline:var(--layout-pad)}.type-section-title{font-size:3.75rem}.type-project-title{font-size:1.875rem}.type-body{font-size:1.125rem;line-height:1.75}}@media (min-width:1024px){.type-section-title{font-size:5rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.right-5{right:1.25rem}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-\[28\%\]{top:28%}.top-\[40\%\]{top:40%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[60\]{z-index:60}.z-\[61\]{z-index:61}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-10{margin-top:-2.5rem}.mb-5{margin-bottom:1.25rem}.mr-0\.5{margin-right:.125rem}.mr-8{margin-right:2rem}.mt-3{margin-top:.75rem}.mt-\[calc\(22vh-20px\)\]{margin-top:calc(22vh - 20px)}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-4{height:1rem}.h-40{height:10rem}.h-9{height:2.25rem}.h-\[100px\]{height:100px}.h-\[1em\]{height:1em}.h-\[28rem\]{height:28rem}.h-\[34\%\]{height:34%}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-screen{height:100vh}.min-h-\[100svh\]{min-height:100svh}.min-h-\[44vh\]{min-height:44vh}.min-h-\[86svh\]{min-height:86svh}.min-h-\[calc\(100svh-7\.5rem\)\]{min-height:calc(100svh - 7.5rem)}.min-h-\[calc\(68vh\+40px\)\]{min-height:calc(68vh + 40px)}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-2{width:.5rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[15\.16\%\]{width:15.16%}.w-\[72rem\]{width:72rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-9{min-width:2.25rem}.max-w-\[65px\]{max-width:65px}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-y-6{--tw-translate-y:1.5rem}.transform,.translate-y-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-\[minmax\(0\2c 0\.86fr\)_minmax\(0\2c 1\.14fr\)\]{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#D9E2EE\]\/10{border-color:rgb(217 226 238/.1)}.border-\[\#D9E2EE\]\/20{border-color:rgb(217 226 238/.2)}.border-\[\#D9E2EE\]\/55{border-color:rgb(217 226 238/.55)}.bg-\[\#0A0A0A\]{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.bg-\[\#D9E2EE\]\/\[0\.055\]{background-color:rgb(217 226 238/.055)}.bg-black\/\[0\.3\]{background-color:rgb(0 0 0/.3)}.bg-transparent{background-color:transparent}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#0A0A0A\]{--tw-gradient-from:#0A0A0A var(--tw-gradient-from-position);--tw-gradient-to:rgb(10 10 10/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pb-0{padding-bottom:0}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-8{padding-bottom:2rem}.pl-\[12vw\]{padding-left:12vw}.pl-\[3vw\]{padding-left:3vw}.pt-12{padding-top:3rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-\[\'PingFang_SC\'\]{font-family:PingFang SC}.text-\[0\.8625rem\]{font-size:.8625rem}.text-\[15vw\]{font-size:15vw}.text-\[19vw\]{font-size:19vw}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-\[390\]{font-weight:390}.font-black{font-weight:900}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[0\.82\]{line-height:.82}.leading-none{line-height:1}.tracking-\[0\.04em\]{letter-spacing:.04em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-normal{letter-spacing:0}.text-\[\#D9E2EE\]{--tw-text-opacity:1;color:rgb(217 226 238/var(--tw-text-opacity,1))}.text-\[\#D9E2EE\]\/45{color:rgb(217 226 238/.45)}.text-\[\#D9E2EE\]\/50{color:rgb(217 226 238/.5)}.text-\[\#D9E2EE\]\/60{color:rgb(217 226 238/.6)}.text-\[\#D9E2EE\]\/70{color:rgb(217 226 238/.7)}.opacity-0{opacity:0}.opacity-55{opacity:.55}.opacity-\[0\.58\]{opacity:.58}.mix-blend-screen{mix-blend-mode:screen}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-xl,.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[opacity\2c border-color\]{transition-property:opacity,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@font-face{font-family:Montserrat Portfolio;src:url(/fonts/Montserrat-Light-6.otf) format("opentype");font-display:swap;font-style:normal;font-weight:300}@font-face{font-family:Montserrat Portfolio;src:url(/fonts/Montserrat-ExtraLight-5.otf) format("opentype");font-display:swap;font-style:normal;font-weight:200}@font-face{font-family:Montserrat Portfolio;src:url(/fonts/Montserrat-Medium-7.otf) format("opentype");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Montserrat Portfolio;src:url(/fonts/Montserrat-Black-2.otf) format("opentype");font-display:swap;font-style:normal;font-weight:900}:root{color-scheme:light;--black:#0a0a0a;--charcoal:#181715;--line-dark:#393632;--muted:rgba(217,226,238,0.5);--beige:#d9e2ee;--beige-pale:#ddddd5;--beige-text:#d9e2ee;--beige-dark:#bfbfb1;--layout-max:1600px;--layout-pad-mobile:32px;--layout-pad:32px;--image-radius:8px;background:var(--black)}*{box-sizing:border-box}html{scrollbar-gutter:stable}body,html{overscroll-behavior-y:none;overflow-x:hidden}body{margin:0;background:var(--black);color:var(--beige-text);font-family:Montserrat Portfolio,PingFang SC,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit}::-moz-selection{background:var(--beige-text);color:var(--black)}::selection{background:var(--beige-text);color:var(--black)}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border:0;border-radius:0}[data-lenis-prevent],body,html{scrollbar-width:none}@keyframes home-noise-shift{0%{transform:translateZ(0)}50%{transform:translate3d(-1%,.8%,0)}to{transform:translate3d(.8%,-1%,0)}}@keyframes about-noise-drift{0%{transform:translateZ(0)}50%{transform:translate3d(-1.5%,1%,0)}to{transform:translate3d(1%,-1.5%,0)}}.about-noise{background-image:radial-gradient(circle at center,rgba(217,226,238,.12) 0 .5px,transparent .8px),radial-gradient(circle at center,rgba(217,226,238,.08) 0 .45px,transparent .75px);background-position:0 0,11px 13px;background-size:17px 17px,23px 23px;mix-blend-mode:screen;opacity:.035;animation:about-noise-drift 9s steps(2) infinite alternate}.about-section{overflow-anchor:none}.about-title-layer{opacity:1}.about-title-text-base{opacity:.1}.about-title-text-reveal{opacity:calc(var(--about-spotlight-opacity, 0) * .25);mask-image:radial-gradient(circle 396px at var(--about-spotlight-x,50%) var(--about-spotlight-y,50%),black 0,black 2%,transparent 100%);-webkit-mask-image:radial-gradient(circle 396px at var(--about-spotlight-x,50%) var(--about-spotlight-y,50%),black 0,black 2%,transparent 100%);transition:opacity .26s ease}.about-title-text{display:block;perspective:1200px;transform-style:preserve-3d}.about-title-word{display:inline-block;position:absolute;left:calc(50% + var(--about-title-center-offset, 0px));top:0;transform-origin:bottom center;will-change:opacity,transform,filter}.about-title-word-self{filter:blur(var(--about-title-self-blur,8px));opacity:var(--about-title-self-opacity,0);transform:translate3d(calc(-100% - var(--about-title-inner-gap, 8px)),0,0) rotateX(var(--about-title-self-rotate,65deg))}.about-title-word-intro{filter:blur(var(--about-title-intro-blur,8px));opacity:var(--about-title-intro-opacity,0);transform:translate3d(var(--about-title-inner-gap,8px),0,0) rotateX(var(--about-title-intro-rotate,65deg))}.about-portrait-stage{opacity:var(--about-portrait-reveal,0);clip-path:inset(var(--about-portrait-clip,50%));overflow:hidden;isolation:isolate;transform:perspective(900px) translate3d(var(--about-portrait-parallax-x,0),calc(var(--about-portrait-y, -96px) + var(--about-portrait-parallax-y, 0px)),0) rotateX(var(--about-portrait-tilt-x,0deg)) rotateY(var(--about-portrait-tilt-y,0deg));transform-style:preserve-3d;transition:transform .18s cubic-bezier(.22,1,.36,1);will-change:opacity,clip-path,transform}.about-portrait-stage:after{pointer-events:none;position:absolute;inset:0;z-index:3;content:"";background:radial-gradient(circle at var(--about-portrait-light-x,50%) var(--about-portrait-light-y,50%),rgb(217 226 238/.16),rgb(217 226 238/.03) 32%,transparent 62%);mix-blend-mode:screen;opacity:0;transition:opacity .32s ease}.about-portrait-stage:hover:after{opacity:1}.about-portrait-image{z-index:2;filter:grayscale(1) contrast(1.1) brightness(1.04);transform:translate3d(var(--about-portrait-image-x,0),var(--about-portrait-image-y,0),32px) scale(1.055);transition:filter .52s ease,transform .18s cubic-bezier(.22,1,.36,1);will-change:filter,transform}.about-portrait-stage:hover .about-portrait-image{filter:grayscale(0) contrast(1.08) brightness(1.03);transform:translate3d(var(--about-portrait-image-x,0),var(--about-portrait-image-y,0),32px) scale(1.075)}.about-copy{opacity:var(--about-copy-reveal,0);transform:translate3d(0,calc(var(--about-copy-y, 18px) + 24px),0);will-change:opacity,transform}.project-subtitle{font-family:PingFang SC,Montserrat Portfolio,sans-serif;font-weight:300}@media (min-width:768px){.experience-pin-scroll{min-height:100svh;position:relative}.experience-pin{background:#0a0a0a;height:100svh;left:0;overflow:hidden;position:absolute;right:0;top:0}.experience-layout{display:grid;grid-template-columns:330px minmax(460px,560px);gap:221px;height:100svh;justify-content:center;padding-bottom:96px;padding-top:96px;position:relative;transform:translate3d(0,20px,0);z-index:2}.experience-left{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.experience-heading{left:var(--layout-pad);position:absolute;top:96px}.experience-heading h2{white-space:nowrap}.experience-profile-card{-moz-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:230px 320px;left:var(--layout-pad);max-width:none;position:absolute;top:calc(clamp(170px, 28svh, 260px) + 35px);width:-moz-max-content;width:max-content}.experience-profile-photo{aspect-ratio:669/744;width:230px}.experience-profile-copy{align-self:stretch;background:linear-gradient(135deg,#dadfe5,#f2f8ff);color:#0a0a0a;display:flex;flex-direction:column;justify-content:flex-end;padding:0 28px 28px;position:relative;width:320px}.experience-profile-arrow{height:34px;position:absolute;right:28px;top:28px;width:35px}.experience-profile-name{color:#0a0a0a;font-size:1.5rem;font-weight:400;letter-spacing:0;line-height:1}.experience-profile-meta{color:rgb(10 10 10/.55);font-size:1.125rem;font-weight:400;letter-spacing:0;line-height:1;margin-top:18px}.experience-view{align-self:stretch;display:flex;height:100svh;overflow:visible;padding-left:156px}.experience-track{align-self:flex-start;display:grid;gap:112px;padding-bottom:clamp(260px,40svh,380px);padding-top:calc(clamp(170px, 28svh, 260px) - 61px);transform:translateZ(0);will-change:transform}.experience-card{color:#d9e2ee;display:grid;gap:26px;max-width:500px}.experience-card-logo{display:block;height:56px;-o-object-fit:contain;object-fit:contain;width:56px}.experience-card-title{color:#d9e2ee;font-size:1.375rem}.experience-card-meta,.experience-card-title{font-weight:400;letter-spacing:0;line-height:1;word-spacing:-.12em}.experience-card-meta{color:rgb(217 226 238/.32);display:flex;font-size:.875rem;gap:18px;margin-top:18px}.experience-card-description{color:rgb(217 226 238/.68);font-size:.9375rem;font-weight:400;letter-spacing:0;line-height:1.62;max-width:430px;word-spacing:-.12em}.projects-section{min-height:100svh}.projects-pin-scroll{height:100svh;position:relative}.projects-pin{height:100svh;left:0;overflow:hidden;position:absolute;right:0;top:0}.projects-layout{display:flex;flex-direction:column;height:100svh;justify-content:center;gap:56px;padding-bottom:96px;padding-top:96px}.projects-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.34fr);align-items:center;gap:64px;width:100%}.projects-heading h2{white-space:nowrap}.projects-heading p{background:linear-gradient(90deg,rgb(217 226 238/.3),rgb(217 226 238/.5));-webkit-background-clip:text;background-clip:text;color:transparent;justify-self:end;margin:0;max-width:none;min-width:-moz-max-content;min-width:max-content;text-align:right;width:-moz-max-content;width:max-content}.projects-heading-line{display:block;text-align:right;white-space:nowrap;width:100%}.projects-view{--projects-view-height:min(560px,calc(100svh - 300px));width:100%;height:var(--projects-view-height);overflow:visible}.projects-image-track{display:flex;flex-direction:row;gap:120px;height:100%;transform:translateZ(0);width:-moz-max-content;width:max-content;transition:none;backface-visibility:hidden;will-change:transform}.projects-image-panel{contain:layout paint;display:flex;flex:0 0 min(54vw,740px);flex-direction:column;justify-content:center;min-height:0;width:min(54vw,740px)}.projects-cover{contain:paint;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#d9e2ee;cursor:pointer}.projects-cover img{backface-visibility:hidden;display:block;height:100%;-o-object-fit:contain;object-fit:contain;transform:translateZ(0);transition:transform .7s cubic-bezier(.16,1,.3,1);will-change:transform;width:100%}.projects-cover:focus-visible img,.projects-cover:hover img{transform:scale(1.055)}.projects-title{margin-top:24px;font-family:PingFang SC,Montserrat Portfolio,sans-serif;font-size:1.25rem;font-weight:430;line-height:1;color:#d9e2ee}}@media (min-width:768px) and (max-width:1023px){#experience .site-container{align-content:start;min-height:100svh;padding-bottom:72px;padding-top:96px}.experience-pin-scroll{height:auto!important;min-height:100svh}.experience-pin{height:auto;overflow:visible;position:relative!important}.experience-layout{display:grid;gap:64px;grid-template-columns:1fr;height:auto;justify-content:stretch;min-height:100svh;padding-bottom:0;padding-top:0;transform:none}.experience-left{display:grid;gap:40px}.experience-heading,.experience-profile-card{left:auto;position:relative;top:auto}.experience-profile-card{-moz-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:minmax(0,230px) minmax(0,320px);max-width:100%;width:-moz-max-content;width:max-content}.experience-view{height:auto;overflow:visible;padding-left:0}.experience-track{gap:0;padding-bottom:0;padding-top:0;transform:none!important;width:100%}.experience-card{border-bottom:1px dashed rgb(217 226 238/.1);max-width:none;padding:36px 0}.experience-card:first-child{padding-top:0}.experience-card:last-child{border-bottom:0;padding-bottom:0}.experience-card-description{max-width:520px}.projects-section{min-height:100svh;padding-top:96px}.projects-pin-scroll{height:auto!important}.projects-pin{height:auto;overflow:visible;position:relative!important}.projects-layout{gap:48px;height:auto;justify-content:flex-start;min-height:100svh;padding-bottom:72px;padding-top:0}.projects-heading{display:grid;gap:20px;grid-template-columns:1fr}.projects-heading h2{white-space:normal}.projects-heading p{display:none}.projects-view{height:auto;overflow:visible;width:100%}.projects-image-track{display:grid;gap:56px;height:auto;transform:none!important;width:100%}.projects-image-panel{contain:none;flex:none;width:100%}.projects-cover img{width:100%}.contact-layout{gap:64px;grid-template-columns:1fr!important;transform:none}.contact-title{font-size:clamp(4.75rem,14vw,6.75rem)!important;max-width:100%}.contact-details{justify-self:start;transform:none!important}.case-viewer-close{height:36px!important;right:20px!important;top:12px!important;width:36px!important}.case-viewer-scroller{padding-bottom:0!important;padding-top:48px!important}.case-viewer-content{max-width:none!important;padding-inline:0!important}.case-viewer-heading{margin-bottom:20px!important;padding-inline:32px!important}.case-viewer-images{gap:10px!important}}#projects{overflow-anchor:none}@media (max-width:767px){.scroll-indicator{width:3.78px}.contact-ending-frame{margin-top:-2rem}.split-nav-line-next{display:none}.split-nav-char{transition:none}.split-nav-link:focus-visible .split-nav-char-current,.split-nav-link:focus-visible .split-nav-char-next,.split-nav-link:hover .split-nav-char-current,.split-nav-link:hover .split-nav-char-next{transform:none}.about-section{min-height:86svh;overflow:hidden}.about-section>div{position:relative;min-height:86svh}.about-title-layer{top:34%;font-size:clamp(2.9rem,12.5vw,3.5rem);letter-spacing:.01em}.about-title-text-reveal{display:none}.about-title-word{left:50%}.about-title-word-self{transform:translate3d(calc(-100% - var(--about-title-inner-gap, 8px)),0,0) rotateX(var(--about-title-self-rotate,65deg))}.about-title-word-intro{transform:translate3d(var(--about-title-inner-gap,8px),0,0) rotateX(var(--about-title-intro-rotate,65deg))}.about-portrait-stage{width:38vw;max-width:148px}.about-portrait-image{transform:translate3d(var(--about-portrait-image-x,0),var(--about-portrait-image-y,0),32px) scale(1.055)}.about-copy{bottom:11%;max-width:calc(100vw - 64px)}.projects-section{padding-top:4rem}.projects-layout{padding:1rem var(--layout-pad-mobile) 0}.projects-pin-scroll{height:auto!important}.projects-pin{height:auto;overflow:visible}.projects-heading{display:grid;gap:0}.projects-heading p,.projects-thumbs{display:none}.projects-view{margin-top:2rem;overflow:visible}.projects-image-track{display:grid;gap:56px}.projects-image-panel{width:100%}.projects-cover{display:block;aspect-ratio:16/9;overflow:hidden;background:#d9e2ee}.projects-cover img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.projects-title{margin-top:.75rem;font-size:.875rem;font-weight:430;line-height:1;color:#d9e2ee}#experience .site-container{align-content:start;min-height:100svh;padding-bottom:3rem;padding-top:3rem}.experience-pin-scroll{height:auto!important}.experience-pin{height:auto;overflow:visible;position:relative}.experience-layout{display:grid;gap:2.75rem;min-height:100svh}.experience-left{display:grid;gap:1.75rem}.experience-profile-card{-moz-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);max-width:none;width:100%}.experience-profile-photo{aspect-ratio:669/744;width:100%}.experience-profile-copy{align-self:stretch;background:linear-gradient(135deg,#dadfe5,#f2f8ff);color:#0a0a0a;display:flex;flex-direction:column;justify-content:flex-end;margin-top:0;padding:0 1rem 1rem;position:relative}.experience-profile-arrow{height:1.25rem;position:absolute;right:1rem;top:1rem;width:1.25rem}.experience-profile-name{color:#0a0a0a;font-size:1rem;font-weight:400;line-height:1}.experience-profile-meta{color:rgb(10 10 10/.55);font-size:.75rem;font-weight:400;line-height:1;margin-top:.75rem}.experience-view{overflow:visible}.experience-track{display:grid;gap:0}.experience-card{border-bottom:1px dashed rgb(217 226 238/.1);display:grid;gap:1.25rem;padding:2rem 0}.experience-card:first-child{padding-top:0}.experience-card:last-child{border-bottom:0;padding-bottom:0}.experience-card-logo{display:block;height:3rem;-o-object-fit:contain;object-fit:contain;width:3rem}.experience-card-title{color:#d9e2ee;font-size:1rem;font-weight:430;line-height:1}.experience-card-meta{color:rgb(217 226 238/.32);display:flex;flex-wrap:wrap;font-size:.75rem;font-weight:300;gap:.75rem;line-height:1;margin-top:.75rem}.experience-card-description{color:rgb(217 226 238/.68);font-size:.8125rem;font-weight:300;line-height:1.75}.contact-title{max-width:100%}#contact .grid.translate-y-6{transform:translateZ(0)}.contact-title-line{max-width:100%}}@keyframes case-viewer-content-fade{0%{opacity:0}to{opacity:1}}.case-viewer-content{opacity:0;animation:case-viewer-content-fade .64s ease-out 80ms forwards}.contact-title{perspective:1200px;transform-style:preserve-3d}.contact-title-line{filter:blur(var(--contact-title-blur-0,8px));opacity:var(--contact-title-opacity-0,0);transform:translate3d(0,var(--contact-title-y-0,0),0) rotateX(var(--contact-title-rotate-0,65deg));transform-origin:bottom center;transition:none;will-change:opacity,transform,filter}.contact-title-line:nth-child(2){filter:blur(var(--contact-title-blur-1,8px));opacity:var(--contact-title-opacity-1,0);transform:translate3d(0,var(--contact-title-y-1,0),0) rotateX(var(--contact-title-rotate-1,65deg))}.contact-title-line:nth-child(3){filter:blur(var(--contact-title-blur-2,8px));opacity:var(--contact-title-opacity-2,0);transform:translate3d(0,var(--contact-title-y-2,0),0) rotateX(var(--contact-title-rotate-2,65deg))}.contact-title.is-visible .contact-title-line{filter:blur(var(--contact-title-blur-0,8px));opacity:var(--contact-title-opacity-0,0);transform:translate3d(0,var(--contact-title-y-0,0),0) rotateX(var(--contact-title-rotate-0,65deg))}.contact-title.is-visible .contact-title-line:nth-child(2){filter:blur(var(--contact-title-blur-1,8px));opacity:var(--contact-title-opacity-1,0);transform:translate3d(0,var(--contact-title-y-1,0),0) rotateX(var(--contact-title-rotate-1,65deg))}.contact-title.is-visible .contact-title-line:nth-child(3){filter:blur(var(--contact-title-blur-2,8px));opacity:var(--contact-title-opacity-2,0);transform:translate3d(0,var(--contact-title-y-2,0),0) rotateX(var(--contact-title-rotate-2,65deg))}.contact-details{opacity:0;transition:opacity 1.4s cubic-bezier(.16,1,.3,1)}.contact-details.is-visible{opacity:1}.loading-intro{opacity:1;transition:opacity .18s linear}.loading-intro--leaving{opacity:0}.loading-intro__word{color:var(--beige-text);font-family:Montserrat Portfolio,PingFang SC,sans-serif;font-size:1rem;font-weight:300;letter-spacing:.02em;line-height:1.75}@media (min-width:768px){.loading-intro__word{font-size:1.5rem;line-height:2.25rem}}@media (prefers-reduced-motion:reduce){.about-noise,.home-hero:before{animation:none}.about-copy,.about-portrait-stage{transition:none}.contact-title-line{transform:none}.contact-details,.contact-title-line{opacity:1;transition:none}}.hover\:border-transparent:hover{border-color:transparent}.hover\:bg-\[\#D9E2EE\]:hover{--tw-bg-opacity:1;background-color:rgb(217 226 238/var(--tw-bg-opacity,1))}.hover\:text-\[\#0A0A0A\]:hover{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.group:hover .group-hover\:rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/wechat:hover .group-hover\/wechat\:opacity-100{opacity:1}.group:hover .group-hover\:grayscale-0{--tw-grayscale:grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width:640px){.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:relative{position:relative}.md\:sticky{position:sticky}.md\:right-\[112px\]{right:112px}.md\:top-0{top:0}.md\:top-\[43\%\]{top:43%}.md\:top-\[90px\]{top:90px}.md\:mb-\[90px\]{margin-bottom:90px}.md\:block{display:block}.md\:hidden{display:none}.md\:h-10{height:2.5rem}.md\:h-5{height:1.25rem}.md\:h-screen{height:100vh}.md\:w-10{width:2.5rem}.md\:w-5{width:1.25rem}.md\:max-w-\[1280px\]{max-width:1280px}.md\:translate-x-5{--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:scroll-mt-16{scroll-margin-top:4rem}.md\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(260px\2c 0\.48fr\)\]{grid-template-columns:minmax(0,1fr) minmax(260px,.48fr)}.md\:items-center{align-items:center}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:self-center{align-self:center}.md\:border-t-0{border-top-width:0}.md\:bg-black\/\[0\.06\]{background-color:rgb(0 0 0/.06)}.md\:px-0{padding-left:0;padding-right:0}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pb-20{padding-bottom:5rem}.md\:pb-8{padding-bottom:2rem}.md\:pl-\[4vw\]{padding-left:4vw}.md\:pl-\[9vw\]{padding-left:9vw}.md\:pt-20{padding-top:5rem}.md\:pt-\[100px\]{padding-top:100px}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-\[0\.9375rem\]{font-size:.9375rem}.md\:text-\[10vw\]{font-size:10vw}.md\:text-\[9vw\]{font-size:9vw}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-9{line-height:2.25rem}.md\:opacity-\[0\.62\]{opacity:.62}.md\:before\:absolute:before{content:var(--tw-content);position:absolute}.md\:before\:-top-2\.5:before{content:var(--tw-content);top:-.625rem}.md\:before\:left-0:before{content:var(--tw-content);left:0}.md\:before\:right-0:before{content:var(--tw-content);right:0}.md\:before\:border-t:before{content:var(--tw-content);border-top-width:1px}.md\:before\:border-dashed:before{content:var(--tw-content);border-style:dashed}.md\:before\:border-\[\#D9E2EE\]\/10:before{content:var(--tw-content);border-color:rgb(217 226 238/.1)}}@media (min-width:1024px){.lg\:text-\[8rem\]{font-size:8rem}}