.specular-button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;margin:0;border:1px solid #ffffff50;border-radius:100px;font:inherit;font-weight:500;line-height:1;letter-spacing:.01em;color:#f5f5f5;background:transparent;box-shadow:none;cursor:pointer;text-decoration:none;transition:border-color .2s,background-color .2s}.specular-button:hover{border-color:#ffffffa6;background:#ffffff08}.specular-button:disabled{opacity:.5;cursor:default}.specular-button--sm{padding:10px 20px;font-size:.875rem}.specular-button--md{padding:14px 28px;font-size:1rem}.specular-button--lg{padding:18px 38px;font-size:1.125rem}.specular-button__label{display:inline-flex;align-items:center;gap:inherit}@media(prefers-reduced-motion:reduce){.specular-button{transition:none}}.case-page{background:#0c0c0d;color:#f1f1f3;min-height:100vh;padding:0 max(32px,calc((100vw - 1500px)/2));font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.case-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100px;border-bottom:1px solid #ffffff12}.case-nav img{width:120px;height:auto}.case-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#b7bac2;text-decoration:none}.case-back:hover{color:#fff}.case-hero{max-width:1180px;padding:100px 0 60px;margin:auto}.case-eyebrow{font-size:11px;line-height:1.6;letter-spacing:2px;color:#818793;margin:0 0 25px}.case-hero h1{font-size:clamp(38px,5.5vw,86px);font-weight:500;line-height:1.22;letter-spacing:-.04em;margin:0 0 32px;text-wrap:balance}.case-lead{max-width:900px;font-size:clamp(19px,2.1vw,29px);line-height:1.7;color:#a7aab3;margin:0 0 55px}.case-facts{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:30px;margin:0;padding-top:30px;border-top:1px solid #ffffff1a}.case-facts dt{font-size:10px;letter-spacing:1.2px;color:#7b808b;margin-bottom:14px}.case-facts dd{margin:0;font-size:14px;line-height:1.8;color:#d1d3d9}.case-main-cover{margin:0;overflow:hidden;border-radius:24px;background:#151618}.case-main-cover img{display:block;width:100%;max-height:850px;object-fit:contain}.case-overview-section{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding:100px 0;max-width:1180px;margin:auto}.case-page h2{font-size:clamp(28px,3.4vw,44px);font-weight:500;letter-spacing:-1px;line-height:1.3;margin:0}.case-body>p{font-size:18px;line-height:1.95;color:#b0b3bd;margin:0 0 26px}.case-body h3{font-size:22px;font-weight:500;margin:44px 0 24px}.case-body .case-point{display:flex;gap:24px;font-size:16px}.case-point>span{color:#626b7b;font-size:12px;padding-top:5px}.case-preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-preview-pair img{width:100%;display:block;border-radius:20px}.case-designs{padding:100px 0}.case-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:44px}.case-section-heading>p{font-size:11px;letter-spacing:2px;color:#838a98}.case-screen-grid{display:grid;gap:55px}.case-screen-grid figure{margin:0;min-width:0}.case-screen-grid figcaption{display:flex;align-items:center;gap:20px;color:#a1a7b3;font-size:13px;margin-bottom:15px;line-height:1.6}.case-screen-grid figcaption>span{font-size:11px;color:#626b78}.case-screen-grid figure>div{padding:22px;border-radius:18px;background:#161719}.case-screen-grid img{display:block;width:100%;height:auto;border-radius:6px}.case-screen-grid-mobile{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;align-items:start}.case-screen-grid-mobile figure>div{padding:22px}.case-related{border-top:1px solid #ffffff18;padding:80px 0}.case-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.case-related-card{display:block;text-decoration:none;background:#151618;border-radius:20px;overflow:hidden;color:inherit}.case-related-card>img{display:block;width:100%;aspect-ratio:1.8;object-fit:cover}.case-related-card>div{padding:26px}.case-related-card span{color:#818793;font-size:11px}.case-related-card h3{display:flex;justify-content:space-between;gap:15px;font-size:24px;margin:14px 0 0;line-height:1.4}.case-related-card h3 svg{flex-shrink:0}.case-related-card:hover h3{color:#bdd1ea}.case-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0 40px;border-top:1px solid #ffffff18;font-size:11px;letter-spacing:1px;color:#858a95}.case-footer a{display:flex;align-items:center;gap:8px;color:inherit}.case-missing{padding:150px 0}.case-missing h1{font-size:40px;margin-bottom:30px}@media(max-width:800px){.case-page{padding:0 24px}.case-nav{height:85px}.case-nav img{width:100px}.case-nav>.specular-button{display:none}.case-hero{padding:65px 0 40px}.case-facts{grid-template-columns:1fr;gap:24px}.case-lead{margin-bottom:35px}.case-overview-section{grid-template-columns:1fr;gap:35px;padding:65px 0}.case-body>p{font-size:16px}.case-preview-pair{gap:12px}.case-main-cover,.case-preview-pair img{border-radius:14px}.case-designs{padding:65px 0}.case-screen-grid-mobile{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.case-screen-grid figure>div,.case-screen-grid-mobile figure>div{padding:10px}.case-related{padding:50px 0}.case-related-grid{gap:18px}.case-related-card>div{padding:18px}.case-related-card h3{font-size:18px}.case-footer{flex-wrap:wrap}.case-section-heading{align-items:start}.case-section-heading>p{display:none}}@media(max-width:480px){.case-screen-grid-mobile,.case-related-grid{grid-template-columns:1fr}.case-screen-grid-mobile{max-width:340px;margin:auto}.case-hero h1{font-size:38px}.case-related-card>img{aspect-ratio:1.6}}.case-main-cover{background:transparent;border-radius:0;overflow:visible}.case-main-cover img{display:block;width:100%;height:auto;max-height:none;object-fit:initial;border-radius:0}.case-preview-pair{align-items:start}.case-preview-pair img{height:auto;border-radius:0}.case-screen-grid figure>div,.case-screen-grid-mobile figure>div{padding:0;overflow:hidden;background:transparent;border-radius:18px}.case-screen-grid img{border-radius:0;width:100%;height:auto}@media(max-width:800px){.case-screen-grid figure>div,.case-screen-grid-mobile figure>div{border-radius:12px}}:root{--linear-ease: linear( 0, .068, .19 2.7%, .804 8.1%, 1.037, 1.199 13.2%, 1.245, 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, .996 28%, .949, .928 33.3%, .926, .933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, .995 68%, 1.001 85%, 1 )}.gooey-nav-container{position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{display:flex;gap:2em;list-style:none;padding:0 1em;margin:0;position:relative;z-index:3;color:#fff;text-shadow:0 1px 1px hsl(205deg 30% 10% / .2)}.gooey-nav-container nav ul li{border-radius:100vw;position:relative;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;box-shadow:0 0 .5px 1.5px transparent;color:#fff}.gooey-nav-container nav ul li a{display:inline-block;padding:.6em 1em}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px #fff}.gooey-nav-container nav ul li:after{content:"";position:absolute;inset:0;border-radius:10px;background:#fff;opacity:0;transform:scale(0);transition:all .3s ease;z-index:-1}.gooey-nav-container nav ul li.active{color:#000;text-shadow:none}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{position:absolute;left:0;top:0;width:0;height:0;opacity:1;pointer-events:none;display:grid;place-items:center;z-index:1}.gooey-nav-container .effect.text{color:#fff;transition:color .3s ease}.gooey-nav-container .effect.text.active{color:#000}.gooey-nav-container .effect.filter{filter:blur(7px) contrast(100) blur(0);mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{content:"";position:absolute;inset:-75px;z-index:-2;background:#000}.gooey-nav-container .effect.filter:after{content:"";position:absolute;inset:0;background:#fff;transform:scale(0);opacity:0;z-index:-1;border-radius:100vw}.gooey-nav-container .effect.active:after{animation:pill .3s ease both}@keyframes pill{to{transform:scale(1);opacity:1}}.gooey-nav-container .particle,.gooey-nav-container .point{display:block;opacity:0;width:20px;height:20px;border-radius:100%;transform-origin:center}.gooey-nav-container .particle{--time: 5s;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);animation:particle calc(var(--time)) ease 1 -.35s}.gooey-nav-container .point{background:var(--color);opacity:1;animation:point calc(var(--time)) ease 1 -.35s}@keyframes particle{0%{transform:rotate(0) translate(calc(var(--start-x)),calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2),calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)),calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5),calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{transform:scale(0);opacity:0}}.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 28px;--glow-padding: 40px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 15%);background:var(--card-bg, #120F17);overflow:visible;box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px}.border-glow-card--light{border-color:#18181b1f;box-shadow:#18181b0a 0 1px 2px,#18181b0d 0 8px 24px}.border-glow-card--light:after,.border-glow-card--light>.edge-light{mix-blend-mode:normal}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;inset:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(:hover):not(:focus-within):not(.sweep-active):before,.border-glow-card:not(:hover):not(:focus-within):not(.sweep-active):after,.border-glow-card:not(:hover):not(:focus-within):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #120F17) 0 100%) padding-box,linear-gradient(#fff0 0% 100%) border-box,var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) border-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) padding-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}.border-glow-card:before,.border-glow-card:after{pointer-events:none}@media(prefers-reduced-motion:reduce){.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{transition:none}}.spotlight-card{position:relative;isolation:isolate;overflow:hidden;padding:2rem;border-radius:1.5rem;background-color:var(--spotlight-card-surface);box-shadow:var(--spotlight-card-shadow)}.spotlight-card__light,.spotlight-card__grain,.spotlight-card__border,.spotlight-card__edge{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.spotlight-card__light,.spotlight-card__grain{z-index:-1;opacity:0}.spotlight-card__grain{background-size:160px 160px;mix-blend-mode:overlay}.spotlight-card__border,.spotlight-card__edge{z-index:1;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.spotlight-card__border{background:var(--spotlight-card-border)}.spotlight-card__edge{opacity:0}:root{font-synthesis:none;color-scheme:dark;background:#101a27}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #edf5ff;outline-offset:5px}button svg,a svg{pointer-events:none}button:disabled{cursor:default}img{max-width:100%}::selection{background:#fff3;color:#fff}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Helvetica Regular",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-3xl:1.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-10{z-index:10}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-32{margin-top:calc(var(--spacing) * 32)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-\[115vh\]{min-height:115vh}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-sm{max-width:var(--container-sm)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.overflow-x-hidden{overflow-x:hidden}.rounded-3xl{border-radius:var(--radius-3xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.p-6{padding:calc(var(--spacing) * 6)}.px-6{padding-inline:calc(var(--spacing) * 6)}.pt-6{padding-top:calc(var(--spacing) * 6)}.font-sans{font-family:var(--font-sans)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.uppercase{text-transform:uppercase}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.filter{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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.selection\:bg-white\/20 ::selection{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.selection\:bg-white\/20 ::selection{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.selection\:bg-white\/20::selection{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.selection\:bg-white\/20::selection{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.selection\:text-white ::selection{color:var(--color-white)}.selection\:text-white::selection{color:var(--color-white)}@media(min-width:48rem){.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-7{grid-column:span 7/span 7}.md\:mt-64{margin-top:calc(var(--spacing) * 64)}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-12{gap:calc(var(--spacing) * 12)}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}}}@font-face{font-family:Helvetica Regular;src:url(https://db.onlinewebfonts.com/t/a64ff11d2c24584c767f6257e880dc65.eot);src:url(https://db.onlinewebfonts.com/t/a64ff11d2c24584c767f6257e880dc65.eot?#iefix)format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/a64ff11d2c24584c767f6257e880dc65.woff2)format("woff2"),url(https://db.onlinewebfonts.com/t/a64ff11d2c24584c767f6257e880dc65.woff)format("woff"),url(https://db.onlinewebfonts.com/t/a64ff11d2c24584c767f6257e880dc65.ttf)format("truetype"),url(https://db.onlinewebfonts.com/t/a64ff11d2c24584c767f6257e880dc65.svg#Helvetica\ Regular)format("svg")}.liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);background:#ffffff03;border:none;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff73,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-site{font-family:var(--font-sans);color:#f5f5f2;isolation:isolate}.ambient-video{object-position:center;background:radial-gradient(at 65% 35%,#334372,#15152c 48%,#080a12)}.ambient-shade{z-index:1;pointer-events:none;background:linear-gradient(#080e1a66,#080e1a2b 42%,#080e1a66);position:fixed;inset:0}.site-content{max-width:1280px}.site-nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;height:98px;display:grid}.brand-lockup{color:#fff;align-items:center;gap:12px;display:inline-flex}.brand-lockup>span{letter-spacing:-.5px;font-size:20px;font-weight:500}.brand-lockup svg{width:24px;height:24px}.site-nav nav{gap:36px;font-size:14px;display:flex}.site-nav nav a{color:#e1e4e9;transition:color .2s}.site-nav nav a:hover{color:#fff}.nav-contact{color:#171c24;background:#f3f3f0;border-radius:100px;justify-self:end;align-items:center;gap:18px;padding:10px 19px;font-size:14px;display:flex}.immersive-hero{height:100svh;min-height:780px;position:relative}.hero-center{text-align:center;padding-top:58px}.hero-role{letter-spacing:2.2px;color:#d4dde7;margin:0 0 22px;font-size:11px}.hero-center h1{letter-spacing:-2px;color:#fff;margin:0;font-size:clamp(36px,4.4vw,62px);font-weight:400;line-height:1.32}.hero-center h1 em{font-family:Songti SC,Georgia,serif;font-style:italic;font-weight:400}.hero-description{color:#e3e7ec;margin-top:26px;font-size:16px;line-height:1.8}.glass-pill{color:#fff;border-radius:100px;justify-content:center;align-items:center;gap:25px;margin-top:30px;padding:15px 29px;font-size:15px;transition:box-shadow .3s,background .3s;display:inline-flex}.glass-pill:hover{background:#ffffff17;box-shadow:inset 0 1px 1px #fff4,0 0 30px #ffffff08}.hero-baseline{letter-spacing:1.2px;color:#e0e5eb;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:35px;left:0;right:0}.hero-baseline a{align-items:center;gap:16px;display:flex}.hero-baseline>span{letter-spacing:0;font-size:12px}.portfolio-section{padding:100px 0;scroll-margin-top:30px}.section-intro{justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px;display:flex}.section-kicker{letter-spacing:2px;color:#c5d0df;align-items:center;gap:14px;margin:0 0 26px;font-size:11px;display:flex}.section-kicker>span{background:#ffffff40;width:28px;height:1px}.section-intro h2{letter-spacing:-1.2px;margin:0;font-size:clamp(32px,3.3vw,48px);font-weight:400;line-height:1.45}.section-intro h2 span{color:#b8c2d0}.section-description{color:#d0d7e2;margin:0 0 7px;font-size:15px;line-height:1.9}.about-panel{border-radius:24px;grid-template-columns:1.6fr 1fr;gap:40px 70px;padding:48px;display:grid}.small-label{letter-spacing:2px;color:#bbc8da;font-size:11px}.about-story h3{margin:21px 0;font-size:27px;font-weight:400}.about-story>p{color:#d0d7e2;margin:15px 0;font-size:16px;line-height:2}.inline-contact{color:#f4f6f9;border-bottom:1px solid #ffffff30;align-items:center;gap:14px;padding:14px 0 9px;font-size:14px;display:inline-flex}.identity-card{text-align:center;place-self:center}.identity-card img{object-fit:cover;filter:grayscale();border:1px solid #ffffff40;border-radius:24px;width:148px;height:148px}.identity-card h3{margin:22px 0 9px;font-size:19px;font-weight:400}.identity-card p{color:#c2cddd;font-size:13px}.identity-card span{color:#b0bdd0;justify-content:center;align-items:center;gap:5px;margin-top:13px;font-size:12px;display:flex}.about-metrics{border-top:1px solid #ffffff20;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:35px;display:grid}.about-metrics>div{align-items:baseline;gap:20px;display:flex}.about-metrics strong{letter-spacing:-2px;font-size:54px;font-weight:400;line-height:1}.about-metrics span{color:#c0cbd9;font-size:13px}.video-toggle.liquid-glass{z-index:20;color:#fff;cursor:pointer;background:#13202f66;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:fixed;bottom:24px;right:24px}.glass-site svg{flex-shrink:0}@media(max-width:900px){.site-nav{gap:20px}.site-nav nav{gap:22px}.hero-center{padding-top:55px}.about-panel{gap:35px;padding:32px}.about-metrics>div{flex-direction:column;gap:14px}.section-intro{align-items:start}.section-description{max-width:210px}}@media(max-width:600px){.site-nav{grid-template-columns:1fr auto;height:80px}.site-nav nav{display:none}.brand-lockup>span{font-size:17px}.brand-lockup svg{width:21px;height:21px}.nav-contact{gap:10px;padding:9px 14px;font-size:13px}.immersive-hero{min-height:730px}.hero-center{padding-top:62px}.hero-role{letter-spacing:1.4px;font-size:9px}.hero-center h1{letter-spacing:-1px;font-size:clamp(27px,7.3vw,40px);line-height:1.5}.hero-description{max-width:290px;margin:23px auto 0;font-size:14px;line-height:1.9}.glass-pill{padding:14px 24px;font-size:14px}.hero-baseline>span{display:none}.hero-baseline{font-size:10px;bottom:32px}.portfolio-section{padding:65px 0}.section-intro{margin-bottom:30px;display:block}.section-intro h2{font-size:32px}.section-description{max-width:none;margin-top:24px;font-size:14px}.about-panel{grid-template-columns:1fr;gap:34px;padding:26px}.about-story h3{font-size:24px}.about-story>p{font-size:15px;line-height:1.9}.identity-card{text-align:left;justify-self:start;align-items:center;gap:20px;display:flex}.identity-card img{border-radius:18px;width:90px;height:90px}.identity-card h3{margin:0 0 6px;font-size:17px}.identity-card span{justify-content:start;margin-top:9px}.about-metrics{gap:12px;padding-top:26px}.about-metrics strong{font-size:38px}.about-metrics span{font-size:12px}.video-toggle.liquid-glass{bottom:18px;right:18px}}.content-atmosphere{z-index:1;pointer-events:none;background:linear-gradient(#0000,#07111d9c 160px,#07111daa 72%,#07111d33);position:absolute;inset:100svh 0 0}.experience-panel{border-radius:24px;grid-template-columns:.75fr 1.6fr;gap:55px;margin-top:24px;padding:40px 44px;display:grid}.journey-heading h3{margin:17px 0 24px;font-size:21px;font-weight:400;line-height:1.6}.journey-heading p{color:#d0d8e3;font-size:13px;line-height:1.9}.journey-heading p>span{color:#a9b8ce;font-size:12px}.journey-rows article{border-bottom:1px solid #ffffff14;padding:22px 0}.journey-rows article:first-child{padding-top:0}.journey-rows article:last-child{border-bottom:0;padding-bottom:0}.journey-rows time{letter-spacing:1px;color:#b9c7d9;font-size:11px}.job-title{justify-content:space-between;align-items:baseline;gap:18px;margin-top:11px;display:flex}.job-title h4{font-size:16px;font-weight:400;line-height:1.6}.job-title span{color:#b7c5d8;white-space:nowrap;font-size:12px}.journey-rows article p{color:#b8c5d5;margin-top:9px;font-size:14px;line-height:1.9}.project-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.project-grid>div{min-width:0}.project-card{text-align:left;color:#f4f6f9;border-radius:24px;flex-direction:column;width:100%;height:100%;padding:0;display:flex}.project-card-top{color:#c0ccdc;align-items:center;gap:16px;width:100%;padding:23px 26px;font-size:11px;display:flex}.project-card-top>span:first-child{color:#9dadc2;font-size:12px}.project-card-top>span:nth-child(2){flex:1}.project-card-top svg{color:#ebf1f9}.project-image-stage{isolation:isolate;border-radius:14px;justify-content:center;align-items:center;width:calc(100% - 32px);height:320px;margin:0 16px;display:flex;position:relative;overflow:hidden}.steel{background:radial-gradient(at 50% 80%,#344d66,#162537)}.blue{background:radial-gradient(at 60% 70%,#214777,#112437)}.light{background:#cedbe6}.lavender{background:#c4ccdf}.green{background:radial-gradient(at 50% 80%,#315459,#192c33)}.darkblue{background:#12253b}.ice{background:#c4dbe3}.white{background:#d0d9e7}.desktop-shot{object-fit:contain;border-radius:4px;width:90%;height:auto;max-height:85%;transition:transform .65s cubic-bezier(.2,.7,.3,1);display:block;transform:perspective(1100px)rotateY(-4deg)rotateX(5deg);box-shadow:0 18px 35px #0004}.project-card:hover .desktop-shot{transform:perspective(1100px)rotateY(0)rotateX(0)scale(1.025)}.phone-group{justify-content:center;align-items:center;gap:15px;width:100%;height:100%;transition:transform .65s;display:flex;transform:rotate(-9deg)}.phone{object-fit:cover;object-position:top;border:4px solid #222c35;border-radius:16px;width:25%;height:86%;box-shadow:10px 20px 25px #0003}.phone-0,.phone-2{transform:translateY(25px)}.phone-1{transform:translateY(-16px)}.project-card:hover .phone-group{transform:rotate(-5deg)scale(1.02)}.project-card-bottom{flex:1;padding:28px 26px 30px}.project-english{letter-spacing:1.8px;color:#aebed3;margin:0 0 15px;font-size:10px;line-height:1.5}.project-card-bottom h3{letter-spacing:-.5px;margin:0 0 10px;font-size:25px;font-weight:400;line-height:1.4}.project-summary{color:#c5d0df;margin:0;font-size:14px;line-height:1.8}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.skills-grid>div{min-width:0}.skill-card{border-radius:24px;flex-direction:column;height:100%;padding:28px 24px;display:flex}.skill-topline{color:#d4e0ef;justify-content:space-between;align-items:center;display:flex}.skill-topline>span{color:#a4b6cd;font-size:11px}.skill-card h3{letter-spacing:-.5px;margin:36px 0 17px;font-size:23px;font-weight:400}.skill-card h4{color:#e1e7ef;min-height:50px;font-size:14px;font-weight:400;line-height:1.8}.skill-card>p{color:#b5c3d6;flex:1;margin-top:12px;font-size:14px;line-height:1.9}.skill-meta{letter-spacing:1.3px;color:#a9bbd2;white-space:nowrap;border-top:1px solid #ffffff17;margin-top:32px;padding-top:20px;font-size:9px}.contact-zone{min-height:100svh;padding:120px 0 40px;scroll-margin-top:30px}.contact-invitation{text-align:center;max-width:850px;margin:auto}.contact-invitation .section-kicker{justify-content:center}.contact-invitation h2{letter-spacing:-2px;margin:28px 0;font-size:clamp(40px,4.8vw,66px);font-weight:400;line-height:1.4}.contact-invitation h2 em{font-family:Songti SC,Georgia,serif;font-style:italic;font-weight:400}.contact-invitation>p:not(.section-kicker){color:#d1dbe7;font-size:16px;line-height:1.9}.portfolio-footer{margin-bottom:0}.portfolio-footer .brand-lockup>span{font-size:20px;font-weight:500}.footer-description{color:#c9d3e0;margin-top:22px;line-height:1.9}.footer-place{color:#b3c2d5;align-items:center;gap:8px;margin-top:22px;font-size:12px;display:flex}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{color:#c0cdde;font-size:13px;line-height:1.7}.footer-links a,.footer-links button{transition:color .25s}.footer-links a:hover,.footer-links button:hover{color:#fff}.copy-email{white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.footer-direct{align-items:center;gap:18px;display:flex}.footer-email{color:#c7d2e0;font-size:12px;line-height:1.7}.footer-icon{color:#bccadc;justify-content:center;align-items:center;transition:color .25s;display:flex}.footer-icon:hover{color:#fff}.copy-status{color:#d8e8ff;text-align:right;min-height:14px;margin-top:12px;font-size:12px;display:block}.project-dialog{color:#f2f6fa;overscroll-behavior:contain;width:min(1180px,94vw);max-height:92svh;font-family:var(--font-sans);background:#101c2df5;border:1px solid #9cb1cd55;border-radius:24px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 30px 100px #0008}.project-dialog::backdrop{-webkit-backdrop-filter:blur(12px);background:#020711aa}.dialog-toolbar{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#142032e8;border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:20px;padding:21px 30px;display:flex;position:sticky;top:0}.dialog-toolbar>span{letter-spacing:1.5px;color:#b5c5d9;font-size:11px}.dialog-toolbar button{background:0 0;border:0;align-items:center;gap:12px;font-size:14px;display:flex}.dialog-content{padding:46px}.dialog-content>h2{letter-spacing:-1px;margin:22px 0;font-size:42px;font-weight:400;line-height:1.4}.dialog-summary{color:#d2deed;font-size:19px;line-height:1.8}.case-overview{grid-template-columns:1fr 1fr;gap:45px;margin:35px 0 50px;display:grid}.case-overview p,.case-overview li{color:#b8c6d8;margin-top:12px;font-size:15px;line-height:2}.case-overview ul{padding-left:19px;list-style:outside}.case-overview li{margin-top:3px}.project-gallery{margin-top:40px}.project-gallery figure{margin:0 0 40px}.project-gallery figcaption{color:#bdcce0;gap:14px;margin-bottom:14px;font-size:13px;line-height:1.6;display:flex}.project-gallery figcaption>span{color:#859cb9}.project-gallery img{border-radius:8px;width:100%;display:block}.mobile-gallery{grid-template-columns:repeat(3,1fr);align-items:start;gap:22px;display:grid}.dialog-return{margin:15px auto 0;display:flex}@media(min-width:1600px){.immersive-hero .hero-center{padding-top:70px}}@media(max-width:1100px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card h4{min-height:0}.skill-card h3{margin-top:28px}.skill-meta{font-size:10px}.project-image-stage{height:280px}.experience-panel{gap:32px}.project-card-bottom h3{font-size:23px}}@media(max-width:900px){.experience-panel{grid-template-columns:1fr;padding:32px}.journey-heading{grid-template-columns:1fr 1fr;column-gap:30px;display:grid}.journey-heading .small-label{grid-column:1/-1}.journey-heading p{margin:17px 0 0}.journey-heading h3{margin-bottom:0}.project-grid{gap:20px}.project-card-top{padding:20px}.project-card-bottom{padding:23px 20px}.project-image-stage{width:calc(100% - 24px);height:240px;margin:0 12px}.phone{border-width:3px;border-radius:12px}.phone-group{gap:12px}.project-summary{font-size:13px}.project-card-bottom h3{font-size:21px}.contact-zone{padding-top:85px}.dialog-content{padding:32px}}@media(max-width:600px){.experience-panel{margin-top:20px;padding:26px}.journey-heading{display:block}.journey-heading h3{margin-top:15px;font-size:20px}.journey-heading p{font-size:12px}.journey-rows article{padding:20px 0}.job-title{display:block}.job-title h4{font-size:16px}.job-title span{margin-top:7px;display:block}.journey-rows article p{font-size:13px}.project-grid{grid-template-columns:1fr;gap:22px}.project-image-stage{height:260px}.project-card-top{gap:13px;font-size:10px}.project-card-bottom h3{font-size:23px}.project-card-bottom{padding:25px 22px}.project-summary{font-size:14px}.skills-grid{grid-template-columns:1fr;gap:18px}.skill-card{padding:26px}.skill-card h3{margin-top:25px}.skill-card>p{font-size:15px}.skill-meta{margin-top:26px}.contact-zone{padding:80px 0 24px}.contact-invitation h2{letter-spacing:-1px;font-size:37px}.contact-invitation>p:not(.section-kicker){max-width:310px;margin:auto;font-size:14px}.portfolio-footer{border-radius:24px}.portfolio-footer h3{letter-spacing:0;font-size:12px}.footer-links li{font-size:12px}.footer-description{font-size:14px}.footer-bottom-bar>p{text-align:center;font-size:9px;line-height:1.9}.footer-direct{gap:16px}.footer-email{font-size:12px}.copy-status{text-align:center}.project-dialog{border-radius:18px;width:94vw}.dialog-toolbar{gap:12px;padding:16px 20px}.dialog-toolbar>span{max-width:70%;font-size:9px;line-height:1.6}.dialog-toolbar button{gap:5px;font-size:13px}.dialog-content{padding:24px 20px}.dialog-content>h2{font-size:28px}.dialog-summary{font-size:17px}.case-overview{grid-template-columns:1fr;gap:20px}.case-overview p,.case-overview li{font-size:14px}.mobile-gallery{grid-template-columns:1fr 1fr;gap:14px}.project-gallery figcaption{gap:8px;font-size:11px}.project-gallery figure{margin-bottom:23px}.dialog-content .small-label{letter-spacing:1px;font-size:10px}}@media(prefers-reduced-motion:reduce){.desktop-shot,.phone-group{transition:none}.project-card:hover .desktop-shot,.project-card:hover .phone-group{transform:none}}.personal-nav-logo{object-fit:contain;width:88px;height:68px;display:block}.site-nav>a:first-child{justify-self:start}.portrait-showcase{text-align:center;place-self:center;width:100%;min-width:0;max-width:390px}.portrait-deck{aspect-ratio:1.09;isolation:isolate;width:100%;position:relative;overflow:visible}.portrait-slot{aspect-ratio:3/4;width:56%;position:absolute;top:20px;left:22%}.portrait-photo-card{transform-origin:50% 75%;cursor:pointer;touch-action:manipulation;background:#edf0f1;border:1px solid #ffffff9c;border-radius:16px;width:100%;height:100%;padding:6px 6px 24px;display:block;position:relative;box-shadow:0 12px 30px #03091155}.portrait-photo-card img{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;border-radius:11px;width:100%;height:100%;display:block}.portrait-photo-caption{color:#516075;letter-spacing:2px;font-size:8px;line-height:1;position:absolute;bottom:7px;left:8px;right:8px}.portrait-photo-card:focus-visible{outline-offset:5px;outline:2px solid #fff}.portrait-controls{justify-content:center;align-items:center;gap:18px;margin-top:0;display:flex}.portrait-controls>button{background:#ffffff05;border:1px solid #ffffff35;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .2s;display:grid}.portrait-controls>button:hover{background:#ffffff19}.portrait-dots{align-items:center;gap:2px;display:flex}.portrait-dots button{background:0 0;border:0;place-items:center;width:27px;height:30px;padding:0;display:grid}.portrait-dots button>span{background:#ffffff50;border-radius:50%;width:5px;height:5px;transition:width .2s,background .2s}.portrait-dots button[aria-pressed=true]>span{background:#fff;border-radius:10px;width:17px}.portrait-count{letter-spacing:1px;color:#c4d0e0;margin-top:13px;font-size:10px;line-height:1.6}.portrait-count>span{letter-spacing:0;color:#aebed2;margin-left:12px;font-size:11px}.portrait-identity{margin-top:22px}.portrait-identity h3{margin:0 0 6px;font-size:19px;font-weight:400;line-height:1.5}.portrait-identity p{color:#c2cddd;font-size:13px}.portrait-identity>span{color:#b0bdd0;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.about-panel{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:40px 48px}@media(max-width:1000px){.about-panel{grid-template-columns:minmax(0,1.1fr) minmax(260px,1fr);gap:32px}.portrait-deck{aspect-ratio:1}}@media(max-width:780px){.about-panel{grid-template-columns:1fr}.portrait-showcase{max-width:350px}.portrait-deck{aspect-ratio:1.1}}@media(max-width:600px){.personal-nav-logo{width:73px;height:57px}.portrait-identity{margin-top:18px}.portrait-photo-card{border-radius:13px;padding:5px 5px 23px}.portrait-photo-card img{border-radius:8px}.portrait-controls{gap:15px}.portrait-slot{top:15px}}.rays-background{z-index:0;pointer-events:none;background:#05060b;position:fixed;inset:0}.hero-shell{z-index:2;isolation:isolate;background:#131d28;width:100%;position:relative}.hero-shell .ambient-shade,.hero-shell .video-toggle.liquid-glass{position:absolute}.rays-content{background:0 0}.site-content{--content-inset:clamp(24px,3.2vw,54px);padding-inline:var(--content-inset)}.personal-nav-logo{object-fit:contain;width:164px;height:auto;margin-left:-10px}.personal-footer-logo{width:184px;height:auto;margin-left:-12px;display:block}.hero-center{text-align:center;margin-inline:auto}.section-intro{text-align:left;grid-template-columns:minmax(0,1fr) 300px;align-items:end;display:grid}.section-description{text-align:left;justify-self:end;width:100%;max-width:none;margin:0 0 7px}.about-story,.journey-heading,.journey-rows,.skill-card,.portfolio-footer,.dialog-content{text-align:left}.about-panel,.experience-panel{padding:48px}.skill-card{padding:28px 24px}.portfolio-footer{padding:40px 48px}.footer-bottom-bar{text-align:left}.hero-shell .ambient-shade{background:linear-gradient(#06091338,#06091318 50%,#06091366)}@media(max-width:900px){.section-intro{grid-template-columns:minmax(0,1fr) 235px}.about-panel,.experience-panel,.portfolio-footer{padding:32px}}@media(max-width:600px){.personal-nav-logo{width:132px;height:auto;margin-left:-8px}.personal-footer-logo{width:164px;margin-left:-10px}.section-intro{grid-template-columns:1fr;gap:20px}.section-description{margin:0}.about-panel,.experience-panel,.portfolio-footer{padding:26px}.footer-bottom-bar{align-items:flex-start}.footer-bottom-bar>p{text-align:left}.footer-direct{flex-wrap:wrap}.copy-status{text-align:left}}.hero-darkveil{z-index:0;pointer-events:none;background:radial-gradient(at 65% 40%,#28184b,#080811 70%);position:absolute;inset:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root,body,#root{background:#0c0c0c;color:#d7e2ea}.glass-site{background:#0c0c0c;overflow-x:clip;display:block}.site-content{max-width:1700px;--content-inset:clamp(24px,4vw,72px)}.hero-shell{background:#0c0c0c}.site-nav{height:108px;position:relative;z-index:5;border-bottom:1px solid #ffffff19}.site-nav nav{gap:clamp(28px,5vw,88px);font-size:15px}.nav-contact{background:none;color:#d7e2ea;border:1px solid #d7e2ea60;padding:12px 22px}.nav-contact:hover,.outline-pill:hover{background:#d7e2ea;color:#0c0c0c}.immersive-hero{min-height:820px;max-height:1200px;height:100svh;display:flex;flex-direction:column}.hero-title-block{position:relative;z-index:1;margin-top:28px}.hero-edition{font-size:12px;letter-spacing:2px;margin-bottom:16px;color:#8b939e}.metal-heading,.section-intro h2{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.065em;background:linear-gradient(180deg,#626973,#c4d4df);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-title-block h1{font-size:clamp(80px,12.7vw,215px);line-height:.95;margin:0;white-space:nowrap;letter-spacing:-.075em}.mobile-break{display:none}.hero-portrait-zone{position:absolute;inset:225px 23% 0;z-index:2;display:flex;align-items:flex-end;justify-content:center}.hero-portrait-float{width:100%;max-width:720px;position:relative;-webkit-mask-image:linear-gradient(#000 85%,transparent 100%);mask-image:linear-gradient(#000 85%,transparent 100%)}.hero-portrait-float img{width:100%;height:auto;display:block;mix-blend-mode:lighten;animation:portrait-drift 6s ease-in-out infinite}.hero-portrait-float.is-paused img{animation-play-state:paused}@keyframes portrait-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.portrait-credit{position:absolute;bottom:12px;font-size:10px;letter-spacing:1.8px;color:#62666e;white-space:nowrap}.hero-bottom{position:relative;z-index:3;margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:75px;pointer-events:none}.hero-bottom a,.hero-introduction{pointer-events:auto}.hero-introduction>.small-label{font-size:13px;color:#9299a3;letter-spacing:1.2px}.hero-introduction>p:nth-child(2){font-size:clamp(19px,1.9vw,29px);line-height:1.6;letter-spacing:.02em;margin:15px 0 24px}.discover-link{display:inline-flex;gap:22px;align-items:center;font-size:14px;border-bottom:1px solid #ffffff45;padding-bottom:10px}.contact-glow{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:19px 30px;border:1px solid #f3d5ff;border-radius:100px;color:#fff;font-size:14px;letter-spacing:1px;background:linear-gradient(123deg,#18011f 7%,#a6009b 37%,#69219e 72%,#934609);box-shadow:inset 3px 3px 12px #a348cf,0 0 24px #8b21b133;transition:box-shadow .25s,transform .25s}.contact-glow:hover{box-shadow:inset 3px 3px 15px #bd70e9,0 0 35px #982ccd66;transform:translateY(-3px)}.hero-shell .video-toggle.liquid-glass{bottom:24px;right:clamp(24px,4vw,72px);background:#181818;border:1px solid #ffffff24;height:32px;width:32px}.portfolio-section{padding:130px 0;scroll-margin-top:20px}.section-intro{grid-template-columns:minmax(0,1fr) 265px;margin-bottom:70px}.section-kicker{font-size:12px;letter-spacing:1.8px;color:#8e949e;margin-bottom:25px}.section-intro h2{font-size:clamp(54px,7.6vw,126px);line-height:.95;letter-spacing:-.055em;white-space:nowrap}.section-description{color:#a8afb7;font-size:16px;line-height:1.8}.about-section{border-top:1px solid #ffffff20}.liquid-glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;box-shadow:none}.liquid-glass:before{display:none}.about-panel{padding:20px 0 0;border-radius:0;gap:60px 110px;grid-template-columns:1.2fr 1fr;overflow:visible}.about-story{align-self:center;max-width:670px}.about-story h3{font-size:clamp(28px,3vw,43px);font-weight:500;letter-spacing:-1px}.about-story>p{font-size:18px;line-height:2;color:#a6adb6}.small-label{font-size:12px;color:#9da5af}.portrait-showcase{max-width:430px}.about-metrics{padding:45px 0;margin-top:20px;border-bottom:1px solid #ffffff20}.about-metrics strong{font-weight:800;font-size:clamp(60px,6vw,94px);letter-spacing:-5px;color:#d7e2ea}.about-metrics span{font-size:15px}.experience-panel{padding:55px 0 0;border-radius:0;margin-top:15px;gap:65px}.journey-heading h3{font-size:28px}.journey-heading p,.journey-rows time,.job-title span{font-size:14px}.journey-rows article{padding:28px 0}.job-title h4{font-size:18px}.journey-rows article p{font-size:16px}.expertise-section{background:#eaecee;color:#0c0c0c;padding:90px clamp(28px,5vw,88px) 110px;border-radius:48px;margin:30px 0 0}.expertise-section .section-intro{display:block;text-align:center;margin-bottom:55px}.expertise-section .section-kicker{justify-content:center;color:#5b6169}.expertise-section .section-intro h2{background:none;color:#111;font-size:clamp(58px,8vw,130px)}.expertise-section .section-description{color:#535b65;margin:25px auto 0;text-align:center;font-size:16px}.expertise-section .section-description br{display:none}.skills-grid{display:block}.skill-card{display:grid;grid-template-columns:115px 1fr 1.15fr;grid-template-rows:auto auto;gap:5px 36px;padding:40px 0;border-top:1px solid #0c0c0c30;border-radius:0}.skill-topline{grid-row:1/3;color:#171717;align-items:start;justify-content:start}.skill-topline svg{display:none}.skill-topline>span{color:#171717;font-size:68px;font-weight:900;line-height:1;letter-spacing:-5px}.skill-card h3{grid-column:2;font-size:30px;font-weight:600;margin:0;color:#121212}.skill-card h4{grid-column:2;min-height:0;color:#5a6067;font-size:15px;margin-top:8px}.skill-card>p{grid-column:3;grid-row:1/3;align-self:center;font-size:16px;line-height:1.9;color:#50565e;margin:0}.skill-meta{display:none}.work-section{padding-top:130px}.editorial-projects{position:relative}.editorial-project{position:sticky;top:calc(24px + var(--card-offset));padding:30px;border:1px solid #70757e;border-radius:32px;background:#111214;margin-bottom:48px;box-shadow:0 -16px 40px #0005}.editorial-project-heading{display:flex;gap:25px;align-items:center;margin-bottom:25px}.project-number{font-size:clamp(54px,5.5vw,85px);line-height:1;font-weight:900;letter-spacing:-5px;color:#d7e2ea}.editorial-project-heading h3{font-size:clamp(21px,2.3vw,34px);font-weight:500;margin-top:8px;letter-spacing:-.8px}.outline-pill{margin-left:auto;display:inline-flex;align-items:center;gap:24px;border:1px solid #c3cdd7;border-radius:50px;background:none;padding:13px 22px;font-size:14px;transition:background .2s}.editorial-project-images{width:100%;height:clamp(390px,37vw,570px);padding:0;display:grid;grid-template-columns:40% 1fr;gap:16px;background:none;border:0;position:relative;text-align:left;border-radius:20px;overflow:hidden}.editorial-cover{width:100%;height:100%;object-fit:contain;background:#e2e4e8;border-radius:20px}.editorial-screens{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-height:0;overflow:hidden}.editorial-screens img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:top;border-radius:20px;background:#202630}.editorial-screens.is-mobile{grid-template-columns:1fr 1fr;grid-template-rows:1fr;background:#dfe4eb;padding:24px;border-radius:20px;gap:20px}.editorial-screens.is-mobile img{object-fit:cover;object-position:top;box-shadow:0 15px 24px #0002}.editorial-project-caption{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#b0b6bf;margin:22px 0 0;line-height:1.6}.editorial-project-caption>span:last-child{font-size:12px;letter-spacing:1px;color:#787f89;text-align:right}.contact-zone{padding:100px 0 35px;border-top:1px solid #ffffff22}.contact-invitation{max-width:1100px}.contact-invitation h2{font-size:clamp(68px,11.6vw,186px);line-height:.9;letter-spacing:-.065em;margin:50px 0 35px;font-weight:900}.contact-chinese{font-size:clamp(20px,2.3vw,31px);font-weight:400;margin-bottom:20px}.contact-invitation>p:not(.section-kicker){color:#969da7}.contact-invitation .contact-glow{margin-top:35px}.portfolio-footer{border-top:1px solid #ffffff25;border-radius:0;padding:50px 0 0;margin-top:110px!important}.footer-description{color:#9ba3ae}.footer-links li,.footer-place,.footer-email{font-size:14px}.footer-bottom-bar>p{font-size:11px}.copy-status{font-size:14px}.project-dialog{background:#111214;border-color:#555}.dialog-toolbar{background:#151618ed}.dialog-content>h2{font-weight:700}.dialog-content .glass-pill{border:1px solid #777;background:#222}@media(min-width:1700px){.hero-title-block h1{font-size:211px}.hero-portrait-zone{inset:240px 24% 0}}@media(max-width:1100px){.section-intro{grid-template-columns:1fr;gap:25px}.section-description{justify-self:start}.hero-portrait-zone{inset:255px 19% 0}.hero-bottom{padding-bottom:65px}.hero-introduction>p:nth-child(2){font-size:21px}.hero-bottom .contact-glow{padding:17px 21px;font-size:12px;gap:12px}.about-panel{gap:50px}.skill-card{grid-template-columns:85px 1fr 1fr;gap:12px 25px}.skill-topline>span{font-size:55px}.skill-card h3{font-size:25px}.editorial-project{padding:24px}.editorial-project-images{height:420px}}@media(max-width:780px){.about-panel{grid-template-columns:1fr}.about-story{max-width:none}.skill-card{grid-template-columns:70px 1fr}.skill-card>p{grid-column:2;grid-row:3}.skill-topline{grid-row:1/4}.editorial-project-caption>span:last-child{display:none}.section-intro h2{white-space:normal}.hero-portrait-zone{inset:225px 17% 60px}.hero-bottom{padding-bottom:45px}.contact-glow{padding:17px 22px}.hero-introduction>.small-label{font-size:12px}}@media(max-width:600px){.site-nav{height:80px}.immersive-hero{height:100svh;min-height:830px;max-height:none}.hero-title-block{margin-top:24px}.hero-edition{font-size:10px;margin-bottom:15px}.mobile-break{display:block}.hero-title-block h1{font-size:22vw;line-height:.9;letter-spacing:-.065em}.hero-portrait-zone{inset:230px -15px 130px}.hero-portrait-float{max-width:430px}.portrait-credit{display:none}.hero-bottom{padding-bottom:65px;align-items:end;gap:15px}.hero-introduction>p:nth-child(2){font-size:18px;margin:12px 0}.discover-link{font-size:12px;gap:12px}.hero-bottom .contact-glow{max-width:150px;padding:14px 16px;font-size:11px;gap:8px}.hero-bottom .contact-glow svg{width:15px}.hero-introduction>.small-label{font-size:11px;letter-spacing:0}.hero-shell .video-toggle.liquid-glass{bottom:20px}.portfolio-section{padding:80px 0}.section-intro{margin-bottom:38px}.section-intro h2{font-size:clamp(44px,12vw,70px)}.section-description{font-size:15px}.about-story>p{font-size:16px}.about-panel{padding:0}.about-metrics{padding:28px 0;gap:10px}.about-metrics strong{font-size:52px;letter-spacing:-3px}.about-metrics span{font-size:12px}.experience-panel{padding:25px 0 0}.journey-heading h3{font-size:25px}.journey-rows article p{font-size:15px}.expertise-section{padding:58px 24px 35px;border-radius:28px;margin-inline:-8px}.expertise-section .section-intro h2{font-size:13vw}.skill-card{padding:28px 0;grid-template-columns:52px 1fr;gap:10px 15px}.skill-topline>span{font-size:42px;letter-spacing:-3px}.skill-card h3{font-size:24px}.skill-card h4{font-size:14px}.skill-card>p{font-size:15px}.editorial-project{position:relative;top:auto;padding:17px;border-radius:22px;margin-bottom:28px}.editorial-project-heading{gap:15px;flex-wrap:wrap}.project-number{font-size:50px;letter-spacing:-3px}.editorial-project-heading h3{font-size:20px}.editorial-project-heading .small-label{font-size:10px;letter-spacing:0}.outline-pill{padding:10px 16px;font-size:13px;gap:15px}.editorial-project-images{height:auto;display:block;border-radius:12px}.editorial-cover{aspect-ratio:4/5;height:auto;object-fit:contain;border-radius:12px}.editorial-screens{display:none!important}.editorial-project-caption{font-size:13px;margin-top:16px}.contact-zone{padding-top:65px}.contact-invitation h2{font-size:17vw;line-height:.95;margin:35px 0 25px}.contact-chinese{font-size:18px;line-height:1.7}.contact-invitation>p:not(.section-kicker){font-size:15px}.portfolio-footer{margin-top:75px!important;padding:35px 0 0}.footer-bottom-bar>p{font-size:10px}}@media(prefers-reduced-motion:reduce){.hero-portrait-float img{animation:none}.editorial-project{position:relative;top:auto}}@media(min-width:601px){.immersive-hero{min-height:700px}.hero-portrait-float{width:min(100%,68svh)}.hero-bottom{padding-bottom:55px}}.project-number,.skill-topline>span,.about-metrics strong{font-family:Arial,Helvetica,sans-serif}.expertise-section a:focus-visible,.expertise-section button:focus-visible{outline-color:#65238b}@media(max-width:600px){.hero-portrait-zone{bottom:240px}.hero-portrait-float{max-width:370px}.hero-bottom .contact-glow{font-size:10px;letter-spacing:.3px;white-space:nowrap;padding:14px 12px;gap:7px}}.personal-nav-logo{width:116px;height:auto;margin-left:-5px}.personal-footer-logo{width:136px;height:auto;margin-left:-6px}@media(max-width:600px){.personal-nav-logo{width:98px}.personal-footer-logo{width:116px}}.resume-about{position:relative;padding:90px 0 100px;scroll-margin-top:30px;border-top:1px solid #ffffff18;background:radial-gradient(ellipse at 15% 60%,#071b343b,transparent 65%)}.resume-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(50px,7vw,120px);align-items:start}.resume-eyebrow{font-family:Arial,sans-serif;font-size:16px;font-weight:600;color:#fff;margin:0 0 38px}.resume-eyebrow span{font-weight:400;color:#5f6875;font-size:12px;margin-left:15px}.resume-profile h2{font-size:clamp(30px,3.2vw,50px);font-weight:600;line-height:1.3;letter-spacing:-1px;margin:0 0 25px;color:#f5f7fa}.resume-bio{color:#a4acb8;font-size:16px;line-height:1.95;max-width:560px;margin:0}.resume-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:48px 0 64px}.resume-metrics p{margin:0 0 12px;display:flex;align-items:baseline;gap:8px}.resume-metrics strong{font-family:Arial,sans-serif;font-size:52px;line-height:1;font-weight:500;color:#f1f5fb;letter-spacing:-2px}.resume-metrics p>span{font-size:13px;color:#afb7c2}.resume-metrics>div>span{font-size:14px;color:#a4acb8}.resume-contact{display:flex;align-items:center;gap:26px}.wechat-preview{padding:0;border:0;background:transparent;flex:0 0 128px;text-align:left}.wechat-preview img{display:block;width:128px;height:auto;border-radius:5px;background:#fff}.wechat-preview>span{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:11px;color:#9ea8b6;margin-top:10px}.resume-contact dl{margin:0;min-width:0;display:grid;gap:14px}.resume-contact dl>div{display:flex;gap:15px;font-size:14px;line-height:1.65}.resume-contact dt{flex-shrink:0;color:#808a98}.resume-contact dd{margin:0;color:#d0d8e2;overflow-wrap:anywhere}.resume-contact dd>span{font-size:12px;color:#8793a2}.resume-contact a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}.resume-experience{padding-top:66px}.resume-job{display:grid;grid-template-columns:minmax(125px,.9fr) minmax(0,1.4fr);gap:28px;margin-bottom:34px}.resume-job:last-child{margin-bottom:0}.resume-company h3{font-size:16px;line-height:1.65;color:#e2e6ed;font-weight:500;margin:0;padding-bottom:13px;border-bottom:1px solid #ffffff35}.resume-company time{display:block;font-size:12px;line-height:1.7;color:#8894a5;margin-top:11px;white-space:nowrap}.resume-duties h4{font-size:17px;line-height:1.65;color:#e2e6ed;font-weight:400;margin:0 0 12px}.resume-duties ul{padding-left:15px;margin:0;list-style:disc;color:#949daa}.resume-duties li{font-size:14px;line-height:1.85;margin-bottom:7px}.resume-photos{margin-top:36px;border-top:1px solid #ffffff16;padding-top:18px}.resume-photos summary{display:flex;justify-content:space-between;gap:20px;color:#b8c3d0;cursor:pointer;font-size:13px;list-style:none}.resume-photos summary::-webkit-details-marker{display:none}.resume-photos summary span{color:#7d8b9d}.resume-photos[open] .portrait-showcase{margin:30px auto 0;max-width:330px}.wechat-dialog{position:fixed;inset:0;margin:auto;padding:18px;border:1px solid #ffffff30;border-radius:18px;background:#15181d;color:#fff;width:min(450px,90vw);max-height:90svh;overflow:auto;box-shadow:0 30px 100px #0009}.wechat-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wechat-dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.wechat-dialog-heading h3{margin:0;font-size:16px}.wechat-dialog-heading button{display:grid;place-items:center;padding:6px;background:none;border:0}.wechat-dialog>img{display:block;width:100%;height:auto;border-radius:8px}@media(max-width:1050px){.resume-layout{gap:45px;grid-template-columns:1fr 1.1fr}.resume-job{grid-template-columns:1fr;gap:13px;margin-bottom:32px}.resume-company h3{padding-bottom:8px}.resume-company time{margin-top:6px}.resume-contact{gap:18px}.wechat-preview{flex-basis:105px}.wechat-preview img{width:105px}.wechat-preview>span{font-size:10px}.resume-metrics{gap:12px}.resume-metrics>div>span{font-size:12px}}@media(max-width:760px){.resume-about{padding:60px 0 70px}.resume-layout{grid-template-columns:1fr;gap:45px}.resume-experience{padding-top:0}.resume-profile h2{font-size:32px}.resume-eyebrow{margin-bottom:25px}.resume-metrics{margin:35px 0 38px}.resume-metrics strong{font-size:45px}.resume-bio{font-size:15px}.resume-contact{gap:23px}.wechat-preview{flex-basis:115px}.wechat-preview img{width:115px}.resume-job{grid-template-columns:minmax(110px,.85fr) minmax(0,1.3fr);gap:22px;padding-top:25px;border-top:1px solid #ffffff19}.resume-company h3{font-size:14px}.resume-duties li{font-size:13px}.resume-duties h4{font-size:16px}.resume-company time{font-size:11px}}@media(max-width:380px){.resume-contact{gap:15px}.resume-contact dl>div{font-size:12px;gap:9px}.resume-job{grid-template-columns:1fr}.resume-metrics>div>span{font-size:11px}}.portrait-interaction{display:block;width:100%;padding:0;border:0;background:none;border-radius:35%;cursor:pointer}.portrait-interaction:focus-visible{outline:1px solid #9db9d7;outline-offset:5px}.hero-portrait-float{z-index:1}.falling-keywords{position:absolute;inset:0 -28% 45px;z-index:3;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .25s}.falling-keywords.is-active{opacity:1}.falling-keyword{position:absolute;left:0;top:0;white-space:nowrap;padding:10px 17px;border:1px solid #d5e2f054;border-radius:6px;background:#151b24ec;color:#d9e5f3;font-size:17px;line-height:1.3;letter-spacing:.02em;-webkit-user-select:none;user-select:none;box-shadow:0 5px 15px #0003;will-change:transform;touch-action:none}.falling-keywords.is-active .falling-keyword{pointer-events:auto;cursor:grab}.falling-keyword:active{cursor:grabbing}.hero-bottom{padding-bottom:65px}.hero-introduction>p:nth-child(2){line-height:1.7}.resume-about{padding-top:115px;padding-bottom:125px}.resume-layout{gap:clamp(65px,8vw,135px);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.resume-eyebrow{margin-bottom:32px}.resume-profile h2{line-height:1.45;font-size:clamp(32px,3.25vw,49px);margin-bottom:30px}.resume-bio{line-height:2;max-width:540px}.resume-bio+.resume-bio{margin-top:18px}.resume-metrics{margin:44px 0 50px}.resume-contact{padding-top:28px;border-top:1px solid #ffffff18;gap:30px}.resume-experience{padding-top:60px}.resume-job{grid-template-columns:1fr;gap:17px;margin-bottom:38px}.resume-company{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff25;padding-bottom:13px}.resume-company h3{border:0;padding:0;max-width:300px;font-size:16px}.resume-company time{margin:0;font-size:12px;flex-shrink:0}.resume-duties h4{font-size:16px;margin-bottom:13px}.resume-duties li{font-size:14px;line-height:1.95;margin-bottom:6px;color:#a4acb7}.contact-invitation{padding-bottom:15px}.portfolio-footer{margin-top:90px!important}@media(max-width:1050px){.resume-layout{gap:48px}.resume-company{display:block}.resume-company time{margin-top:8px}.resume-contact{gap:20px}.falling-keyword{font-size:15px;padding:9px 12px}}@media(max-width:760px){.resume-about{padding:65px 0 75px}.resume-layout{grid-template-columns:1fr;gap:55px}.resume-experience{padding-top:0}.resume-company{display:flex}.resume-profile h2{font-size:34px}.resume-job{padding-top:0;border-top:0;margin-bottom:32px}.resume-contact{gap:24px}.resume-metrics{margin:35px 0}.resume-bio{font-size:15px}.resume-duties li{font-size:14px}.resume-company time{margin:0}.portfolio-footer{margin-top:65px!important}}@media(max-width:600px){.falling-keywords{inset:0 -8px}.falling-keyword{font-size:12px;padding:7px 9px}.hero-bottom{padding-bottom:65px}.resume-company{display:block}.resume-company time{margin-top:9px}}@media(prefers-reduced-motion:reduce){.falling-keywords{display:none}}@media(min-width:601px){.falling-keywords{left:0;right:0}}.falling-keywords{left:-18%;right:-18%;bottom:45px;transition:opacity .12s}.falling-keyword{width:calc(25% - 16px);height:44px;display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:999px;border:1px solid #a9daffb3;background:radial-gradient(ellipse at 50% 110%,#f2ffff 0%,#b2f6ff 23%,transparent 62%),linear-gradient(90deg,#2080f6,#6dbdff 29%,#9be4f4 50%,#62b8fc 73%,#247cf0);color:#071623;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-weight:600;font-size:15px;letter-spacing:.01em;box-shadow:inset 0 2px 5px #e4f6ff9c,inset 0 -3px 9px #badfff70,0 4px 14px #1175eb24;line-height:1.2}@media(max-width:1050px)and (min-width:601px){.falling-keywords{left:-14%;right:-14%}.falling-keyword{font-size:13px;width:calc(25% - 12px)}}@media(max-width:600px){.falling-keywords{inset:-35px -4px}.falling-keyword{width:calc(50% - 14px);font-size:13px;height:40px}}.falling-keyword{color:#fff;text-shadow:0 1px 3px #17468199}.falling-keywords{left:50%;right:auto;width:min(1500px,calc(100vw - 80px));transform:translate(-50%)}.falling-keyword{width:clamp(136px,12vw,174px);height:44px;border:1.5px solid transparent;background:linear-gradient(105deg,#151519,#23212a 52%,#14161a) padding-box,linear-gradient(125deg,#e1d5fc 3%,#bfdced 38%,#3a96e0 76%,#69c9ec) border-box;color:#fff;text-shadow:none;font-weight:500;box-shadow:inset 0 1px 2px #ffffff0d,0 3px 12px #0005}@media(max-width:600px){.falling-keywords{inset:-35px auto -35px 50%;width:calc(100vw - 28px)}.falling-keyword{width:128px;height:38px;font-size:12px}}.site-nav{height:100px;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);gap:28px}.site-nav .personal-nav-logo{width:120px;height:auto;margin-left:-5px}.site-nav .nav-contact{min-width:112px;height:44px;padding:0 24px;justify-content:center;background:#fff;color:#111;border:1px solid #fff;font-size:14px;font-weight:500;line-height:1;transition:background .2s,transform .2s}.site-nav .nav-contact:hover{background:#e9e9e9;color:#111;transform:translateY(-1px)}.site-nav .gooey-nav-container{isolation:isolate}.site-nav .gooey-nav-container nav{display:flex;font-size:14px;gap:0}.site-nav .gooey-nav-container nav ul{gap:clamp(16px,2.5vw,44px);padding:0;align-items:center}.site-nav .gooey-nav-container nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;line-height:1.3;font-weight:500;white-space:nowrap;color:#d9d9df}.site-nav .gooey-nav-container nav li.active a{color:#111}.site-nav .gooey-nav-container nav li:not(.active) a:hover{color:#fff}.site-nav .gooey-nav-container nav li:after{border-radius:100px}.site-nav a:focus-visible{outline:2px solid #b5d4ff;outline-offset:5px;border-radius:100px}@media(max-width:760px){.site-nav{gap:12px;grid-template-columns:100px 1fr 100px}.site-nav .personal-nav-logo{width:104px}.site-nav .nav-contact{min-width:96px;padding:0 18px}.site-nav .gooey-nav-container{justify-self:center}.site-nav .gooey-nav-container nav ul{gap:4px}.site-nav .gooey-nav-container nav a{padding:0 12px}}@media(max-width:600px){.site-nav{height:128px;grid-template-columns:1fr 1fr;grid-template-rows:66px 50px;gap:0 16px;padding-bottom:12px}.site-nav .gooey-nav-container{grid-row:2;grid-column:1/-1;justify-self:center}.site-nav .nav-contact{grid-row:1;grid-column:2;height:38px;min-width:96px}.site-nav .personal-nav-logo{width:108px}.site-nav .gooey-nav-container nav ul{gap:18px}.site-nav .gooey-nav-container nav a{min-height:38px;padding:0 16px}}@media(prefers-reduced-motion:reduce){.gooey-nav-container .particle{display:none}.gooey-nav-container *,.gooey-nav-container *:after{animation:none!important;transition:none!important}}.site-nav .gooey-nav-container{isolation:auto}.site-nav .gooey-nav-container nav{z-index:2}.site-nav .gooey-nav-container .effect.filter{filter:url(#nav-goo);mix-blend-mode:normal}.site-nav .gooey-nav-container .effect.filter:before{display:none}.about-chapter{min-height:100svh;padding:100px 0;scroll-margin-top:28px;border-top:1px solid #ffffff20;display:flex;flex-direction:column;justify-content:center}.about-chapter .section-intro{margin-bottom:64px}.about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px);align-items:start}.about-intro-grid h3{font-size:clamp(32px,3.4vw,54px);font-weight:500;letter-spacing:-.04em;line-height:1.5;margin:0;color:#f0f2f5}.about-intro-copy{max-width:600px}.about-intro-copy p{font-size:17px;line-height:2;color:#a7afb9;margin:0}.about-intro-copy p+p{margin-top:22px}.about-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:72px;padding-top:40px;border-top:1px solid #ffffff20}.about-stats>div+div{border-left:1px solid #ffffff20;padding-left:48px}.about-stats p{display:flex;align-items:baseline;gap:14px;margin:0 0 18px}.about-stats strong{font-family:Arial,sans-serif;font-size:clamp(76px,8vw,124px);font-weight:500;line-height:1;letter-spacing:-.05em;color:#e0e7ef}.about-stats p span{font-size:16px;color:#909aa7}.about-stats h4{font-size:16px;font-weight:400;color:#b0b8c3;margin:0}.about-personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,160px);align-items:center}.about-education{padding-bottom:32px;border-bottom:1px solid #ffffff20}.about-education .small-label{font-size:12px;margin:0 0 18px}.about-education h3{font-size:30px;font-weight:500;margin:0 0 15px}.about-education>p:last-child{color:#b0b8c3;font-size:16px;margin:0;display:flex;flex-wrap:wrap;gap:12px 30px}.about-education>p>span{color:#838e9c;font-size:14px}.about-contact-list{display:grid;gap:22px;margin:32px 0}.about-contact-list>div{display:grid;grid-template-columns:70px 1fr;gap:20px;font-size:16px;line-height:1.6}.about-contact-list dt{color:#818c9a}.about-contact-list dd{margin:0;color:#d7dde5;overflow-wrap:anywhere}.about-contact-list a:hover{text-decoration:underline;text-underline-offset:5px}.about-wechat{display:flex;align-items:center;gap:24px;background:none;border:0;padding:0;text-align:left;color:#d7dde5;cursor:pointer}.about-wechat img{width:94px;height:auto;border-radius:6px}.about-wechat>span{font-size:16px}.about-wechat small{display:block;font-size:13px;color:#828d9b;margin-top:10px}.about-life{min-width:0;padding:15px 24px}.about-life .portrait-showcase{max-width:440px;margin:auto}.about-life .portrait-identity{display:none}.about-life .portrait-count{margin-top:16px}.about-career-row{display:grid;grid-template-columns:170px minmax(200px,.85fr) minmax(0,1.5fr);gap:36px;padding:30px 0;border-top:1px solid #ffffff20;align-items:start}.about-career-row time{font-size:14px;line-height:1.8;color:#8c97a6;white-space:nowrap}.about-career-company h3{font-size:18px;font-weight:500;line-height:1.65;margin:0 0 13px;max-width:290px;color:#e0e5ec}.about-career-company p{font-size:14px;color:#8c97a6;margin:0}.about-career-row ul{margin:0;padding-left:17px;color:#a7afb9;list-style:disc}.about-career-row li{font-size:15px;line-height:1.9;margin-bottom:6px}.about-career-row li:last-child{margin-bottom:0}@media(min-width:1400px){.about-chapter{padding:110px 0}.about-career-row{padding:36px 0}.about-chapter .section-intro{margin-bottom:72px}}@media(max-width:1000px){.about-intro-grid{gap:42px}.about-personal-grid{gap:45px}.about-career-row{grid-template-columns:150px 1fr;gap:16px 28px}.about-career-row ul{grid-column:2}.about-career-company h3{max-width:none}.about-career-company p{margin-top:7px}}@media(max-width:700px){.about-chapter{min-height:100svh;padding:72px 0}.about-chapter .section-intro{margin-bottom:42px}.about-chapter .section-intro h2{font-size:clamp(36px,9vw,60px);letter-spacing:-.045em}.about-intro-grid,.about-personal-grid{grid-template-columns:1fr;gap:32px}.about-intro-grid h3{font-size:32px}.about-intro-copy p{font-size:16px;line-height:1.9}.about-stats{margin-top:42px;padding-top:28px;gap:16px}.about-stats>div+div{padding-left:16px}.about-stats strong{font-size:64px}.about-stats p{gap:7px;margin-bottom:14px}.about-stats p span{font-size:14px}.about-stats h4{font-size:14px;line-height:1.7;max-width:100px}.about-education h3{font-size:27px}.about-life{padding:24px 20px 0}.about-life .portrait-showcase{max-width:360px}.about-career-row{grid-template-columns:1fr;gap:16px;padding:28px 0}.about-career-row ul{grid-column:1}.about-career-company h3{font-size:18px}.about-career-row li{font-size:15px}.about-personal-grid{gap:50px}}.editorial-project-heading .outline-pill{gap:8px}.site-nav .nav-contact.specular-button,.outline-pill.specular-button,.dialog-return.specular-button,.dialog-toolbar .specular-button{border:0;background:#ffffff0a;color:#f5f5f5;box-shadow:inset 0 0 0 1px #ffffff26,0 10px 24px -14px #0007;overflow:visible}.site-nav .nav-contact.specular-button:hover,.outline-pill.specular-button:hover,.dialog-return.specular-button:hover{background:#ffffff0e;color:#fff;transform:none}.editorial-project-heading .specular-button__label{gap:8px}.site-nav .nav-contact.specular-button{border-radius:100px}.dialog-toolbar .specular-button{padding:11px 18px;font-size:14px}.specular-button:focus-visible{outline:2px solid #b5d4ff;outline-offset:4px}.about-introduction .about-intro-grid{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(48px,7vw,110px);align-items:center}.personal-spotlight{width:100%;max-width:500px;padding:36px;border-radius:24px;--spotlight-card-surface:#121419!important;--spotlight-card-border:#ffffff20!important}.personal-spotlight-top{display:flex;align-items:center;justify-content:space-between;gap:22px}.personal-spotlight-top img{width:80px;height:80px;object-fit:cover;object-position:50% 20%;border-radius:50%;border:1px solid #ffffff30}.personal-spotlight-top>span{font-size:12px;letter-spacing:1.4px;color:#a8b6c9;text-align:right;line-height:1.8}.personal-spotlight-top small{font-size:13px;letter-spacing:0;color:#8793a4}.about-intro-grid .personal-spotlight-name h3{font-size:32px;line-height:1.3;letter-spacing:.02em;margin:28px 0 10px}.personal-spotlight-name p{font-size:12px;letter-spacing:2.5px;color:#8e9bac;margin:0}.personal-spotlight-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.personal-spotlight-tags span{padding:6px 11px;border:1px solid #ffffff20;border-radius:100px;font-size:12px;color:#b4c0d0}.personal-spotlight-contact{border-top:1px solid #ffffff18;padding-top:22px;display:grid;gap:14px}.personal-spotlight-contact a{display:flex;gap:22px;font-size:14px;color:#d6e0ed;overflow-wrap:anywhere}.personal-spotlight-contact a>span{color:#8090a4;flex-shrink:0}.personal-spotlight-contact a:hover{color:#fff}.personal-spotlight-contact a:focus-visible{outline:2px solid #b4d6ff;outline-offset:5px;border-radius:4px}.about-introduction .about-intro-copy h3{font-size:clamp(30px,3vw,46px);margin-bottom:26px}@media(max-width:760px){.about-introduction .about-intro-grid{grid-template-columns:1fr;gap:40px}.personal-spotlight{max-width:none;padding:28px}.about-introduction .about-intro-copy h3{font-size:32px}}.about-stats strong{display:inline-block;transform-origin:left bottom;transition:transform .28s cubic-bezier(.2,.8,.2,1)}@media(hover:hover)and (pointer:fine){.about-stats strong:hover{transform:scale(1.16)}}@media(prefers-reduced-motion:reduce){.about-stats strong{transition:none}}.work-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.work-tile{min-width:0;overflow:hidden;border-radius:28px;background:linear-gradient(125deg,#18191b,#111214);border:1px solid #ffffff08;display:flex;flex-direction:column;transition:border-color .25s ease}.work-tile:hover{border-color:#ffffff24}.work-tile-content{padding:28px 32px 38px;min-height:280px}.work-tile-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.work-tile-number{font-family:monospace;font-size:16px;letter-spacing:1px;color:#92959c}.work-tile-category{font-size:12px;line-height:1.5;color:#90949b;letter-spacing:.6px;margin:0 0 12px}.work-tile h3{font-size:clamp(24px,2.05vw,34px);font-weight:500;line-height:1.35;letter-spacing:-.6px;color:#f4f4f5;margin:0 0 12px}.work-tile-summary{font-size:15px;line-height:1.8;color:#a1a4ac;max-width:38em;margin:0}.work-tile .work-tile-link{padding:10px 16px;font-size:12px;min-height:38px}.work-tile-link .specular-button__label{gap:6px}.work-tile-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;height:clamp(180px,16vw,270px);margin-top:auto;overflow:hidden;align-items:stretch}.work-tile-image{min-width:0;overflow:hidden;border-radius:12px 12px 0 0;background:#d7dce2}.work-tile-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.work-tile-cover img{object-position:center}.work-tile:hover .work-tile-image img{transform:scale(1.035)}.work-tile-mobile .work-tile-image:not(.work-tile-cover) img{object-position:top center}@media(min-width:1600px){.work-tile-content{min-height:310px;padding:34px 38px 42px}.work-tile-summary{font-size:17px}.work-tile-meta{margin-bottom:30px}}@media(max-width:1000px){.work-card-grid{gap:22px}.work-tile-content{padding:24px;min-height:290px}.work-tile h3{font-size:25px}.work-tile-summary{font-size:14px}.work-tile-images{gap:10px;height:180px}}@media(max-width:700px){.work-card-grid{grid-template-columns:1fr;gap:24px}.work-tile{border-radius:22px}.work-tile-content{min-height:0;padding:22px 24px 36px}.work-tile-meta{margin-bottom:24px}.work-tile h3{font-size:25px}.work-tile-images{height:clamp(160px,40vw,260px);gap:12px}.work-tile-number{font-size:14px}}@media(prefers-reduced-motion:reduce){.work-tile,.work-tile-image img{transition:none}.work-tile:hover .work-tile-image img{transform:none}}.work-tile-images{height:auto;gap:12px;padding:0 24px 24px;align-items:center}.work-tile-image{aspect-ratio:1536/1098;border-radius:12px;background:transparent}.work-tile-image img{object-fit:contain;object-position:center}.work-tile:hover .work-tile-image img{transform:none}@media(min-width:1600px){.work-tile-images{gap:16px;padding:0 30px 30px}}@media(max-width:700px){.work-tile-images{height:auto;gap:8px;padding:0 16px 20px}.work-tile-image{border-radius:8px}}.work-tile.work-tile-glow{display:grid;overflow:visible;background:var(--card-bg);border-color:#ffffff0d}.work-tile-glow>.border-glow-inner{overflow:hidden;border-radius:inherit;min-width:0;height:100%}@media(max-width:700px){.work-tile.work-tile-glow{border-radius:22px}}.work-tile-content{min-height:0;padding-bottom:24px}.site-nav .nav-contact.specular-button,.specular-button,.outline-pill.specular-button,.dialog-return.specular-button,.dialog-toolbar .specular-button{border:1px solid #ffffff50;background:transparent;color:#f5f5f5;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none}.site-nav .nav-contact.specular-button:hover,.specular-button:hover,.outline-pill.specular-button:hover,.dialog-return.specular-button:hover,.dialog-toolbar .specular-button:hover{border-color:#ffffffa6;background:#ffffff08;color:#fff;box-shadow:none;transform:none}@media(max-width:700px){.work-tile-content{padding-bottom:20px}}