/* Art direction: graphite, porcelain and silver. One sculptural hero. */
:root{--paper:#eeefeb;--ink:#20221f;--gray:#777b73;--line:#cdd0c8;--blue:#515d4b;--white:#f5f6f1}body{font-family:'Helvetica Neue','Microsoft YaHei',Arial,sans-serif}header{position:absolute;inset:0 0 auto;z-index:3;height:108px;color:#f0f1ec;border:0;padding:0 6%}.logo{font-family:'Microsoft YaHei',sans-serif;font-weight:500;font-size:19px;letter-spacing:3px}.logo span{font:8px Arial,sans-serif;vertical-align:middle;letter-spacing:1px;margin-left:16px}nav{font-size:11px;gap:34px}.header-link{font-size:11px}.hero{background:#181b18;color:#e8eae2;position:relative;padding:132px 6% 0;min-height:850px;height:100svh;max-height:1200px;isolation:isolate;overflow:hidden}.hero-top{font-size:9px;letter-spacing:2px;color:#9ba195;position:relative;z-index:2}.hero-content{display:block;min-height:620px;height:calc(100% - 100px);position:relative}.hero-copy{position:absolute;inset:18% auto auto 0;z-index:2;pointer-events:none}.hero-copy .eyebrow{font-size:8px;letter-spacing:3px;color:#a7ac9e;margin-bottom:32px}.hero h1{font-family:Arial,sans-serif;font-size:clamp(90px,12.8vw,205px);letter-spacing:-.085em;line-height:.85;font-weight:400;margin:0 0 40px}.hero h1 .blue{color:#e8eae2;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.075em}.intro{font-size:11px;line-height:2.2;color:#a8ad9e}.hero .button{pointer-events:auto;border:0;border-bottom:1px solid #6e7466;padding:12px 0;background:none;font-size:10px;gap:74px;letter-spacing:1px}.hero-art{position:absolute;inset:0 -5% 0 auto;width:65%;height:100%;overflow:visible;background:radial-gradient(ellipse at 55% 55%,#77836a24,transparent 65%);z-index:0}.sculpture{width:420px;height:460px;transform:rotate(-26deg);scale:1.32;filter:drop-shadow(5px 60px 25px #0008)}.ring{box-shadow:none;border-width:70px}.ring-one{width:315px;height:365px;left:5px;top:0;background:conic-gradient(from 24deg,#252c27,#bfc4b1 9%,#e8e9dc 15%,#6c7463 22%,#202721 32%,#838b76 45%,#e7e9d8 52%,#8d957e 58%,#2c342c 67%,#060b08 80%,#ccd0bd 93%,#252c27);mask:radial-gradient(ellipse,transparent 34%,#000 35%);transform:rotate(22deg)}.ring-two{width:310px;height:365px;right:-5px;top:120px;background:conic-gradient(from 145deg,#202820,#c2c8b4 12%,#f0f1df 18%,#6d7968 29%,#1a231e 40%,#acb5a0 55%,#e1e5d2 64%,#424f40 80%,#141c15 91%,#202820);mask:radial-gradient(ellipse,transparent 34%,#000 35%);transform:rotate(-38deg)}.sphere{width:100px;height:100px;left:230px;top:12px;background:radial-gradient(circle at 28% 26%,#f2f4df,#aab499 23%,#43513d 55%,#182019 77%,#68765a);box-shadow:none}.orbit,.art-cross{display:none}.art-note{bottom:55px;left:auto;right:12%;flex-direction:column;gap:8px;font-size:8px;color:#919b86;text-align:right}.hero-bottom{position:absolute;left:6%;right:6%;bottom:0;padding:28px 0;border-color:#4a50413d;color:#939b88;font-size:9px;letter-spacing:.7px}.section{padding:120px 8%}.eyebrow{font-size:9px;font-weight:400;color:var(--gray);letter-spacing:2px;margin-bottom:22px}h2{font-size:40px;letter-spacing:0;font-weight:400}.section-head{margin-bottom:60px}.section-head>p{font-size:11px}.work{padding-top:115px}.filters{gap:30px;margin-bottom:45px;border-bottom:1px solid var(--line)}.filters button{border:0;border-radius:0;background:none;font-size:11px;padding:0 0 14px;color:var(--gray)}.filters button.active{background:none;color:var(--ink);border-bottom:1px solid var(--ink)}.projects{grid-template-columns:1.35fr 1fr;column-gap:7%;row-gap:90px;align-items:start}.project:nth-child(2){margin-top:170px}.project:nth-child(3){width:82%}.project:nth-child(4){margin-top:120px;margin-left:-18%;width:118%}.project-image{height:440px}.project:nth-child(2) .project-image{height:430px}.project:nth-child(3) .project-image{height:450px}.project:nth-child(4) .project-image{height:380px}.project-info{padding-top:23px}.project-info h3{font-size:15px}.project-info p{font-size:8px;letter-spacing:1px}.project-info>span{font-size:20px}.image-label{font-size:7px;letter-spacing:2px;left:24px;top:25px}.demo{font-size:8px}.product-scene{background:radial-gradient(ellipse at 40% 5%,#d8d6cc,#a7ab9f 55%,#747d71)}.platform{width:520px;height:140px;background:linear-gradient(#a5aa9b,#727e6b);bottom:-30px;box-shadow:0 -5px 35px #19281920}.bottle{top:104px;scale:1.17;transform:translateX(-40%) rotate(-9deg);filter:drop-shadow(38px 34px 15px #25302260)}.bottle-body{background:linear-gradient(90deg,#333c2c,#8b9874 22%,#627153 52%,#263421 92%);box-shadow:inset 2px 0 3px #bacaa078}.bottle-body span{color:#d3d7c3;font-size:25px}.cap{background:linear-gradient(90deg,#525647,#c5c6b2 28%,#8f927d 48%,#3b4232 83%,#7b836a)}.motion-scene{background:#282c29;color:#bcc6b6}.motion-object{scale:1.08}.motion-object i{background:linear-gradient(165deg,#e9ecdc,#a9b3a1 25%,#505f4d 52%,#222d24 80%);box-shadow:5px 18px 16px #0005;animation-duration:9s}.poster-scene{background:#cbc6bc}.poster-circle{background:repeating-radial-gradient(ellipse at 30% 20%,#3b4941 0 1px,#b4b4a1 2px 4px);width:290px;height:290px;right:-90px;top:90px}.poster-scene strong{font-size:130px;left:10%;top:100px;font-family:'SimSun',serif;font-weight:400;line-height:1.02;letter-spacing:-8px}.ai-scene{background:#bac4bf}.ai-orb{width:360px;height:360px;right:-10px;top:35px;background:radial-gradient(ellipse at 25% 25%,#f1f1df,#b9c6be 24%,#6e8a82 42%,#344d49 57%,#a0afa0 72%,#d3d3b4 88%);box-shadow:inset -25px -20px 50px #34494370}.ai-word{color:#ebeddf;font-size:70px;left:30px;bottom:45px}.work-note{margin-top:60px;font-size:9px}.about{background:#e2e5dd;padding-top:110px;padding-bottom:110px;grid-template-columns:1fr 1fr;gap:12%}.about h2{font-size:43px;line-height:1.65;font-weight:300}.about-content>p{font-size:12px;line-height:2.35}.about-content>p:first-child{font-size:18px}.education{margin-top:45px;padding-top:25px}.education>span{font-size:9px}.education h3{font-size:13px}.education p{font-size:10px}.experience{padding-top:120px;padding-bottom:100px}.timeline article{padding:38px 0;grid-template-columns:27% 1fr auto}.timeline h3{font-size:17px}.timeline p{font-size:11px}.timeline time,.role-tag{font-size:10px}.current{color:#526247;background:#dce2d4;border-radius:0;font-size:8px}.profile{background:#252c26;color:#e0e5d7;padding-top:90px;padding-bottom:70px}.profile .eyebrow{color:#94a08c}.profile h2{font-size:clamp(35px,4.4vw,68px);font-weight:300;line-height:1.6}.profile-bottom{margin-top:70px}.profile-bottom p{font-size:12px}.profile-bottom p span{color:#95a28d;font-size:10px}.profile .button{color:#e0e5d7;border-bottom:1px solid #71806a;background:none;padding:16px 0;font-size:11px;gap:70px}footer{background:#252c26;color:#b3beaa;border-top:1px solid #485140;padding:32px 8%}footer p{color:#7d8a76;font-size:9px}footer>a:last-child{font-size:9px}dialog{background:var(--paper)}@media(min-width:1500px){main,header,footer{max-width:none}.hero-art{right:0}.section{padding-left:max(8%,calc((100vw - 1350px)/2));padding-right:max(8%,calc((100vw - 1350px)/2))}}@media(max-width:1000px){.sculpture{scale:1.05}.hero-art{right:-12%;width:75%}.hero{min-height:800px}.hero h1{font-size:14vw}.projects{gap:65px 6%}.project-image{height:360px}.project:nth-child(2) .project-image,.project:nth-child(3) .project-image{height:350px}.project:nth-child(4) .project-image{height:300px}}@media(max-width:760px){header{height:86px;padding:0 6%}.logo{font-size:16px;letter-spacing:2px}.logo span{display:none}nav{font-size:10px;gap:19px}.hero{height:920px;min-height:0;padding:105px 6% 0}.hero-top{font-size:7px;letter-spacing:1px}.hero-content{padding:0;height:calc(100% - 55px)}.hero-copy{top:52px;right:0}.hero-copy .eyebrow{font-size:7px;letter-spacing:2px;margin-bottom:28px}.hero h1{font-size:21vw;line-height:.9;margin-bottom:25px}.intro{font-size:10px;line-height:2}.hero .button{font-size:9px;gap:50px}.hero-art{inset:355px -8% 0;width:116%;height:395px}.sculpture{scale:.76}.art-note{bottom:0;right:10%;font-size:7px;gap:5px}.hero-bottom{font-size:7px;letter-spacing:0;padding:22px 0}.section{padding:75px 6%}.section-head{gap:22px;margin-bottom:36px}h2{font-size:30px}.filters{gap:27px;margin-bottom:30px}.filters button{font-size:10px}.projects{display:block}.project{display:block;width:100%!important;margin:0 0 45px!important}.project[hidden]{display:none}.project-image,.project:nth-child(2) .project-image,.project:nth-child(3) .project-image,.project:nth-child(4) .project-image{height:390px}.project:nth-child(2){width:87%!important;margin-left:13%!important}.project:nth-child(3){width:88%!important}.project-info h3{font-size:13px}.project-info p{font-size:7px}.work-note{font-size:9px;line-height:1.8;margin-top:15px}.about{gap:30px}.about h2{font-size:32px;line-height:1.55}.about-content>p{font-size:12px}.timeline article{grid-template-columns:1fr;gap:17px}.timeline h3{font-size:16px}.profile h2{font-size:34px;line-height:1.55}.profile-bottom{margin-top:40px}.profile-bottom p{font-size:11px}footer{padding:25px 6%}footer .logo{font-size:13px}.art-note span:first-child{display:none}}@media(prefers-reduced-motion:reduce){.motion-object i{animation:none}}