:root{color:#111;font-synthesis:none;--red:#e32620;--paper:#f7f7f7;--ink:#111;background:#f7f7f7;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{width:100%;display:block}.nav-shell{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f7f7ed;border-bottom:1px solid #111;justify-content:space-between;align-items:center;height:76px;padding:0 4.2vw;display:flex;position:fixed;inset:0 0 auto}.brand{cursor:pointer;background:0 0;border:1.5px solid #111;align-items:center;height:36px;padding:0;font-weight:900;display:flex}.brand span,.brand b{letter-spacing:0;white-space:nowrap;align-items:center;height:100%;padding:0 12px;font-size:13px;font-weight:900;line-height:1;display:flex}.brand span{color:#fff;background:#111}nav{gap:2vw;display:flex;position:absolute;left:50%;transform:translate(-50%)}nav button{cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:700;position:relative}nav button:after{content:"";background:var(--red);width:0;height:2px;transition:all .25s;position:absolute;bottom:-7px;left:50%}nav button:hover:after{width:100%;left:0}.nav-resume{border-bottom:1px solid #111;padding-bottom:3px;font-size:13px;font-weight:800}.menu-toggle{display:none}.hero{z-index:2;background:#fff radial-gradient(circle at 50% 42%,#11111109 0 1px,#0000 1.5px) 0 0/22px 22px;height:calc(100svh - 24px);min-height:720px;padding:76px 4.2vw 0;position:relative;overflow:visible}.hero-inner{z-index:auto;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:28px;display:flex;position:relative}.hero-portrait{z-index:5;aspect-ratio:3/4;pointer-events:none;opacity:1;width:auto;height:65%;max-height:65svh;position:absolute;bottom:0;left:50%;overflow:visible;transform:translate(-50%)}.hero-portrait img{object-fit:cover;object-position:50% 6%;mix-blend-mode:normal;width:100%;height:100%;display:block}.hero-greeting{z-index:3;text-align:center;color:#252525;width:min(960px,100%);height:36px;margin-bottom:46px;font-size:18px;font-weight:600;line-height:36px;position:relative;overflow:hidden}.greeting-line{white-space:nowrap;display:block;position:absolute;inset:0}.greeting-incoming{animation:.5s cubic-bezier(.22,.72,.28,1) both greeting-in}.greeting-outgoing{animation:.5s cubic-bezier(.22,.72,.28,1) both greeting-out}.hero-title-block{z-index:auto;text-align:center;width:100%;position:relative}.hero h1{z-index:2;margin:0;position:relative}.hero-title-solid,.hero-title-outline{letter-spacing:0;white-space:nowrap;width:100%;font-family:Impact,Haettenschweiler,Franklin Gothic Condensed,fantasy;font-weight:400;line-height:.84;display:block}.hero-title-solid{font-size:14rem}.hero-title-outline{color:#0000;-webkit-text-stroke:2px #111;margin-top:18px;font-size:10rem}.hero-discipline{z-index:4;color:#515151;letter-spacing:1.8px;margin:32px 0 0;font-size:11px;font-weight:800;position:relative;transform:translateY(2px)}.hero-actions{z-index:6;white-space:nowrap;justify-content:center;align-items:center;gap:10px;margin-top:42px;display:flex;position:relative;transform:translateY(88px)}.primary-button,.secondary-button,.tertiary-button{cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-size:14px;font-weight:850;transition:background .22s,color .22s,border-color .22s,transform .22s;display:inline-flex}.primary-button span,.secondary-button span,.tertiary-button span{opacity:.68;font-size:11px;font-weight:650}.primary-button{color:#fff;background:#111;border:1px solid #111}.secondary-button{color:#111;background:#fff;border:1px solid #111}.tertiary-button{color:#111;background:#fff;border:1px solid #bbb}.primary-button:hover,.secondary-button:hover,.tertiary-button:hover{color:#fff;background:var(--red);border-color:var(--red);transform:translateY(-2px)}.hero-contact{position:relative}.hero-contact-pop{z-index:30;border-top:2px solid var(--red);opacity:0;visibility:hidden;pointer-events:none;background:#fff;align-items:flex-start;gap:34px;width:max-content;padding:22px 24px;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:calc(100% + 18px);right:0;transform:translateY(8px);box-shadow:0 18px 42px #11111124}.hero-contact-pop.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.hero-contact-pop>span{flex-direction:column;gap:8px;display:flex}.hero-contact-pop small{color:var(--red);letter-spacing:1.6px;font-size:9px;font-weight:900}.hero-contact-pop b{color:#111;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.4}.hero-transition{z-index:1;background-color:#fff;background-image:radial-gradient(circle at 50% 42%,#11111109 0 1px,#0000 1.5px);background-size:22px 22px;align-items:center;height:64px;padding:0 4.2vw;display:flex;position:relative;overflow:hidden}.transition-label{z-index:2;letter-spacing:1.4px;grid-template-columns:44px auto 1fr;align-items:center;gap:14px;width:100%;font-size:11px;font-weight:900;display:grid;position:relative}.transition-label b{background:var(--red);color:#fff;place-items:center;width:34px;height:34px;display:grid}.transition-label i{color:#777;justify-self:end;font-size:9px;font-style:normal}.hero-transition>strong{display:none}.section-label{letter-spacing:1.5px;align-items:center;gap:10px;font-size:11px;font-weight:900;display:flex}.section-label span{color:#fff;background:#111;place-items:center;width:28px;height:28px;display:grid}.section-label.light span{color:#111;background:#fff}.about-board{background-color:#fff;background-image:radial-gradient(circle at 50% 42%,#11111109 0 1px,#0000 1.5px);background-size:22px 22px;grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);grid-template-areas:"portrait intro""contact tools""education skills""experience experience";gap:22px clamp(32px,4vw,64px);min-height:auto;padding:82px 6vw 64px;display:grid;position:relative;overflow:hidden}.about-board:before{content:"PROFILE";color:#0000;letter-spacing:0;opacity:.075;-webkit-text-stroke:1px #111;pointer-events:none;font-family:Impact,Haettenschweiler,fantasy;font-size:clamp(90px,12vw,210px);line-height:1;position:absolute;top:50%;right:-18px;transform:translateY(-50%)rotate(90deg)}.about-board:after{content:"01";color:#111;opacity:.035;font-family:Impact,Haettenschweiler,fantasy;font-size:72px;line-height:1;position:absolute;top:40px;left:2.5vw}.about-intro{flex-direction:column;grid-area:intro;justify-content:center;align-self:stretch;max-width:620px;min-height:310px;display:flex}.about-kicker{border-right:3px solid var(--red);letter-spacing:1.4px;align-items:center;gap:10px;width:max-content;padding-right:16px;font-size:12px;font-weight:900;display:flex}.about-kicker span{background:var(--red);color:#fff;place-items:center;width:28px;height:28px;display:grid}.about-eyebrow{color:#777;letter-spacing:1.6px;margin:32px 0 10px;font-size:9px;font-weight:900}.about-intro h2{letter-spacing:0;margin:0;font-size:clamp(52px,5.5vw,94px);line-height:.86}.about-intro h2 i{color:#0000;-webkit-text-stroke:1.5px #111;font-style:normal}.about-copy{color:#3d3d3d;max-width:600px;margin:24px 0 0;font-size:clamp(14px,1vw,16px);font-weight:550;line-height:1.8}.about-signature{width:max-content;color:var(--red);letter-spacing:0;align-items:center;gap:8px;margin-top:16px;font-family:Impact,Haettenschweiler,fantasy;font-size:15px;display:flex;transform:rotate(-2deg)}.about-signature:before{content:"";background:var(--red);width:38px;height:1px}.about-profile-copy{color:#444;gap:7px;max-width:590px;margin-top:30px;font-size:clamp(13px,.96vw,15px);font-weight:520;line-height:1.65;display:grid}.about-profile-copy strong{color:#111;font-size:clamp(16px,1.2vw,19px);font-weight:800}.about-contact{grid-area:contact;align-self:center;width:min(100%,360px);padding:0 0 4px;position:relative}.about-contact-heading{align-items:center;gap:7px;width:max-content;margin-bottom:12px;display:flex}.about-contact-label{color:var(--red);letter-spacing:2px;margin:0;font-size:10px;font-weight:900}.about-contact-arrow{color:var(--red);font-size:12px;font-weight:900;line-height:1;transform:translateY(-1px)}.about-contact-mail{color:#111;letter-spacing:0;overflow-wrap:anywhere;max-width:100%;font-size:clamp(23px,1.85vw,29px);font-weight:900;line-height:1.08;text-decoration:none;transition:color .2s,transform .2s;display:inline-block}.about-contact-meta{color:#111;grid-template-columns:repeat(2,max-content);gap:clamp(24px,2.8vw,40px);margin-top:15px;display:grid}.about-contact-meta>span,.about-contact-meta>a{color:inherit;text-decoration:none}.about-contact-meta-line{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.about-contact-meta small{color:#8a8a86;letter-spacing:1.5px;font-size:8px;font-weight:900}.about-contact-meta b{letter-spacing:0;font-size:12px;font-weight:800}.about-contact-mail:hover{color:var(--red);transform:translate(3px)}.about-contact-meta a:hover b{color:var(--red)}.about-tools{grid-area:tools;align-self:start;width:100%;margin-top:0}.about-tools .about-subheading,.about-skills .about-subheading{justify-content:space-between;gap:18px;margin-bottom:11px;padding-bottom:8px}.about-tools .software-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:88px;gap:0;width:100%;margin-top:12px;padding:0}.about-tools .software-icon{border-radius:13px;justify-self:center;width:88px;height:88px;box-shadow:0 8px 18px #11111129}.about-tools .software-icon span{font-size:35px}.about-skills{flex-direction:column;grid-area:skills;align-self:stretch;width:100%;margin-top:0;display:flex}.skill-icon-row{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));align-content:center;place-items:start stretch;gap:0;width:100%;margin:0 auto;padding:0;display:grid;transform:none}.skill-icon-item{text-align:center;grid-template-rows:min(96px,9.4vw) 36px;place-items:start center;row-gap:13px;width:100%;min-width:0;display:grid}.skill-icon{place-items:center;width:min(96px,9.4vw);height:min(96px,9.4vw);transition:transform .2s;display:grid}.skill-icon img{object-fit:cover;object-position:center;width:100%;height:100%}.skill-icon.video-shooting img{transform:scale(1.28)}.skill-icon-item:hover .skill-icon{transform:translateY(-3px)}.skill-icon-name{color:#222;letter-spacing:0;text-align:center;white-space:nowrap;place-items:start center;min-height:36px;font-size:14px;font-weight:800;line-height:1.35;display:grid}.about-portrait{aspect-ratio:1;width:min(29vw,370px);box-shadow:none;background:#f0f0ed;border:0;border-radius:50%;grid-area:portrait;place-self:center start;position:relative;overflow:hidden}.about-avatar-art{z-index:2;filter:none;width:100%;height:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.about-avatar-art img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-education{grid-area:education;align-self:start;padding-top:0}.about-softwares{flex-direction:column;grid-area:softwares;align-self:end;min-height:194px;padding-top:4px;display:flex}.about-subheading{border-bottom:1px solid #111;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;padding-bottom:10px;display:flex}.about-subheading p{color:var(--red);letter-spacing:1.8px;margin:0;font-size:10px;font-weight:900}.about-subheading h3{letter-spacing:0;margin:0;font-size:clamp(21px,1.7vw,27px)}.education-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.education-card{background:#fff;border:1px solid #111;place-items:end center;min-height:150px;display:grid;position:relative;overflow:hidden;box-shadow:4px 4px #1111110f}.education-logo{z-index:0;object-fit:cover;object-position:center;opacity:1;filter:none;image-rendering:auto;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0;transform:none}.education-card[data-watermark=HBU] .education-logo{object-position:center;width:110%;left:-10%;right:auto;transform:none}.education-card[data-watermark=JNU] .education-logo{object-position:center;transform:scale(1.34)}.education-degree{z-index:3;color:#222;letter-spacing:.5px;white-space:nowrap;background:#ffffffe6;border:1px solid #1119;border-radius:999px;margin-bottom:4px;padding:4px 11px 3px;font-size:10px;font-weight:700;line-height:1;position:relative;box-shadow:0 2px 8px #11111114}.software-grid{grid-template-columns:repeat(3,56px);grid-auto-rows:56px;justify-content:start;align-items:center;gap:12px;width:min(100%,290px);margin:10px 0 0;padding:0 2px 8px;display:grid}.software-icon{border-radius:10px;place-items:center;width:56px;height:56px;transition:transform .22s,box-shadow .22s;display:grid;box-shadow:0 8px 17px #11111124}.software-icon span{letter-spacing:0;font-size:25px;font-weight:850;line-height:1}.software-icon img{object-fit:cover;object-position:center;border-radius:inherit;width:100%;height:100%;display:block}.software-icon:nth-child(n){transform:none}.software-icon:hover{transform:translateY(-4px)rotate(0);box-shadow:0 11px 20px #1111112b}.software-icon.premiere{color:#c9a7ff;background:#1f103d}.software-icon.photoshop{color:#68d8ff;background:#001e36}.software-icon.illustrator{color:#ff9a36;background:#301600}.software-icon.after-effects{color:#d2b8ff;background:#211044}.software-icon.jianying{box-shadow:none;background:0 0;border-radius:9px;overflow:hidden}.software-icon.jianying img,.software-icon.davinci img{object-fit:cover;object-position:center;border-radius:11px;width:100%;height:100%}.software-icon.capcut{color:#fff;background:#111}.software-icon.capcut span{color:#0000;width:34px;height:22px;font-size:0;position:relative;overflow:hidden}.software-icon.capcut span:before,.software-icon.capcut span:after{content:"";border:3px solid #fff;width:32px;height:7px;position:absolute;left:1px;transform:skewY(17deg)}.software-icon.capcut span:before{top:1px}.software-icon.capcut span:after{bottom:1px;transform:skewY(-17deg)}.software-icon.davinci{color:#f35a4f;box-shadow:none;background:0 0;border-radius:9px;overflow:hidden}.software-icon.davinci img{border-radius:9px}.about-experience{border-top:1px solid #1111116b;grid-area:experience;margin-top:-14px;padding-top:18px;position:relative}.about-experience:before{content:"";background:var(--red);width:76px;height:3px;position:absolute;top:27px;left:0}.experience-wall-heading{grid-template-columns:auto 1fr auto;align-items:end;gap:24px;margin-bottom:20px;display:grid}.experience-wall-heading p{color:var(--red);letter-spacing:1.8px;margin:0;font-size:10px;font-weight:900}.experience-wall-heading h3{letter-spacing:0;margin:0;font-size:clamp(24px,1.9vw,32px)}.experience-wall-heading span{color:#777;letter-spacing:1.4px;font-size:9px;font-weight:900}.experience-brand-wall{border-top:1px solid #1113;border-bottom:1px solid #1113;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.experience-brand{border-right:1px solid #11111129;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:138px;padding:18px 16px 15px;display:flex}.experience-brand:last-child{border-right:0}.experience-brand-logo{justify-content:center;align-items:center;width:100%;height:78px;display:flex}.experience-brand-logo img{object-fit:cover;object-position:center;max-width:100%;display:block;width:150px!important;height:70px!important}.experience-brand-logo.shenzhen-news img{width:128px!important;height:58px!important}.experience-brand-logo.xinhua img{width:92px!important;height:92px!important}.experience-brand-logo.shuoke img{width:82px!important;height:82px!important}.experience-brand-logo.miniso img{width:68px!important;height:76px!important}.experience-brand-logo.nanfang img{max-width:none;width:230px!important;height:84px!important}.experience-brand-name{color:#222;letter-spacing:.1px;text-align:center;white-space:nowrap;font-size:15px;font-weight:850;line-height:1.2}.news-publicity{isolation:isolate;background:#fff;padding:78px 0 34px;position:relative;overflow:hidden}.news-publicity:before{display:none}.news-publicity:after{content:"02";z-index:-1;color:var(--red);opacity:.045;pointer-events:none;font-family:Impact,Haettenschweiler,fantasy;font-size:92px;line-height:1;position:absolute;top:42%;right:3vw}.news-publicity-top{z-index:2;text-align:center;max-width:980px;margin:0 auto;padding:0 clamp(36px,5vw,88px);position:relative}.news-publicity-index{color:var(--red);letter-spacing:2px;align-items:center;font-size:10px;font-weight:900;display:inline-flex}.news-publicity-top>h2{letter-spacing:.015em;white-space:nowrap;margin:28px 0 0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(58px,7vw,104px);font-weight:950;line-height:.95}.news-publicity-top>h3{letter-spacing:0;margin:20px 0 10px;font-size:clamp(23px,2.05vw,31px);line-height:1}.news-publicity-top>p{color:#444;max-width:760px;margin:18px auto 0;font-size:13px;font-weight:520;line-height:1.72}.news-detail-link{border:1px solid var(--red);background:var(--red);color:#fff;letter-spacing:.04em;justify-content:center;align-items:center;min-height:36px;margin-top:18px;padding:0 17px;font-size:12px;font-weight:850;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.news-detail-link:hover{color:#fff;background:#b51b17;border-color:#b51b17}.news-gallery-shell{z-index:2;margin-top:44px;position:relative}.news-gallery-shell:before{display:none}.news-gallery{perspective:1450px;height:540px;transform-style:preserve-3d;position:relative;overflow:hidden}.news-gallery:before,.news-gallery:after{display:none}.news-shot{width:clamp(210px,19vw,270px);height:clamp(340px,30vw,430px);box-shadow:none;transform-style:preserve-3d;backface-visibility:hidden;background:0 0;border:0;border-radius:0;margin:0;transition:transform .42s cubic-bezier(.2,.75,.25,1),opacity .3s,scale .3s;position:absolute;top:50%;left:50%;overflow:visible}.news-shot img{object-fit:cover;object-position:center;filter:drop-shadow(0 14px 24px #1111111c);background:0 0;width:100%;height:100%}.news-shot-1{--news-x:-35vw;z-index:1;opacity:.86;transform:translate(-50%,-50%) translateX(var(--news-x)) translateY(78px) rotateY(9deg) rotateZ(-4.5deg) scale(.68);transform-origin:100%}.news-shot-2{--news-x:-23vw;z-index:2;opacity:.92;transform:translate(-50%,-50%) translateX(var(--news-x)) translateY(46px) rotateY(7deg) rotateZ(-3deg) scale(.84);transform-origin:100%}.news-shot-3{--news-x:-12vw;z-index:4;opacity:.97;transform:translate(-50%,-50%) translateX(var(--news-x)) translateY(18px) rotateY(4.5deg) rotateZ(-1.7deg) scale(.94);transform-origin:100%}.news-shot-4{z-index:7;opacity:1;transform:translate(-50%,-50%)translateY(-28px)scale(1.28)}.news-shot-5{--news-x:12vw;z-index:4;opacity:.97;transform:translate(-50%,-50%) translateX(var(--news-x)) translateY(18px) rotateY(-4.5deg) rotateZ(1.7deg) scale(.94);transform-origin:0}.news-shot-6{--news-x:23vw;z-index:2;opacity:.92;transform:translate(-50%,-50%) translateX(var(--news-x)) translateY(46px) rotateY(-7deg) rotateZ(3deg) scale(.84);transform-origin:0}.news-shot-7{--news-x:35vw;z-index:1;opacity:.86;transform:translate(-50%,-50%) translateX(var(--news-x)) translateY(78px) rotateY(-9deg) rotateZ(4.5deg) scale(.68);transform-origin:0}.news-shot:hover{opacity:1;scale:1.04}.news-gallery-marker{color:#777;letter-spacing:1.5px;justify-content:space-between;align-items:center;width:calc(100% - 10vw);margin:0 auto;padding-top:11px;font-size:9px;font-weight:900;display:flex}.news-gallery-marker span{color:var(--red)}.published-on{z-index:2;text-align:center;max-width:1160px;margin:46px auto 0;padding:0 24px;position:relative}.published-on-heading{display:block}.published-on-heading p{color:var(--red);letter-spacing:1.8px;margin:0;font-size:10px;font-weight:900}.published-on-heading h3{letter-spacing:0;margin:0;font-size:28px}.published-platforms{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(18px,3vw,48px);margin-top:20px;display:grid}.published-platforms>span{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:9px;min-width:0;min-height:126px;padding:0;display:flex}.published-platforms img{object-fit:cover;object-position:center;width:100%;height:98px;display:block}.published-platforms>span:not(:nth-child(4)) img{height:116px}.published-platforms>span:nth-child(4) img{height:116px;transform:scale(.84)}.published-platforms b{color:#222;letter-spacing:0;white-space:nowrap;font-size:14px;font-weight:850;line-height:1.2}.moving-wall{isolation:isolate;color:#111;background:#fff;min-height:0;padding:96px 0 124px;position:relative;overflow:hidden}.moving-wall-heading{z-index:2;text-align:center;width:min(900px,84vw);margin:0 auto 64px;position:relative}.moving-wall-heading span{color:var(--red);letter-spacing:2px;font-size:10px;font-weight:900;display:block}.moving-wall-heading h2{letter-spacing:.02em;margin:18px 0 0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(48px,6.5vw,92px);font-weight:950;line-height:.98}.moving-wall-heading p{color:#4c4c4c;text-align:left;max-width:860px;margin:32px auto 0;font-size:14px;font-weight:520;line-height:1.85}.moving-wall-viewport{background:#0b0c0d;flex-direction:column;justify-content:center;gap:42px;width:min(1120px,84vw);height:690px;margin:0 auto;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%)}.moving-wall-row{flex:none;width:100%;position:relative;overflow:visible;transform:rotate(-1.2deg)scale(1.02)}.moving-wall-row-1{transform:translate(-5vw)rotate(-1.2deg)scale(1.02)}.moving-wall-row-2{transform:translate(4vw)rotate(-1.2deg)scale(1.02)}.moving-wall-row-3{transform:translate(-2vw)rotate(-1.2deg)scale(1.02)}.moving-wall-track{will-change:transform;align-items:center;gap:18px;width:max-content;animation:62s linear infinite moving-wall-loop;display:flex}.moving-wall-row-2 .moving-wall-track{animation-duration:69s;animation-direction:reverse}.moving-wall-row-3 .moving-wall-track{animation-duration:65s}.moving-wall-tile{aspect-ratio:1.58;transform:rotate(var(--tile-rotate,0deg)) scale(var(--tile-scale,1));background:#17191b;border:1px solid #ffffff2e;border-radius:14px;flex:0 0 clamp(210px,24vw,350px);margin:0;position:relative;overflow:hidden}.moving-wall-tile img{object-fit:cover;object-position:center;filter:saturate(.88)contrast(1.04);width:100%;height:100%;display:block}.moving-wall-tile:nth-child(3n+1){--tile-rotate:-.4deg;--tile-scale:.96}.moving-wall-tile:nth-child(3n+2){--tile-rotate:.4deg;--tile-scale:1}.moving-wall-tile:nth-child(3n){--tile-rotate:-.2deg;--tile-scale:.98}@keyframes moving-wall-loop{0%{transform:translate(0)}to{transform:translate(calc(-50% - 9px))}}.comparison-showcase{background:#fff;padding:108px 4.2vw 116px;position:relative}.comparison-heading{text-align:center;width:min(780px,100%);margin:0 auto 42px}.comparison-layout{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,64px);width:min(1180px,100%);margin:0 auto;display:grid}.comparison-card{width:min(100%,400px);margin:0 auto}.comparison-card>p{color:#333;letter-spacing:.1em;text-align:center;margin:13px 0 0;font-size:12px;font-weight:850}.comparison-copy{text-align:center}.comparison-kicker{color:var(--red);letter-spacing:1.8px;margin:0;font-size:10px;font-weight:900}.comparison-heading h2{letter-spacing:0;margin:16px 0 10px;font-size:clamp(50px,5vw,76px);font-weight:950;line-height:.92}.comparison-heading>p:last-child{color:#555;margin:0;font-size:14px;line-height:1.8}.comparison-heading>p:last-child strong{color:var(--red);font-weight:900}.comparison-copy-block+.comparison-copy-block{border-top:1px solid #11111129;margin-top:28px;padding-top:26px}.comparison-copy-block h3{background:var(--red);color:#fff;text-align:center;letter-spacing:1px;border-radius:4px;margin:0 0 12px;padding:10px 16px;font-size:16px;font-weight:900;display:inline-block}.comparison-copy-block p{color:#555;text-align:left;margin:0;font-size:12px;line-height:1.8}.comparison-slider{aspect-ratio:3/4;isolation:isolate;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;width:100%;position:relative;overflow:hidden}.comparison-slider:after{content:"";z-index:3;top:0;bottom:0;left:var(--comparison-position);pointer-events:none;background:#ffffffe0;width:1px;position:absolute;transform:translate(-50%)}.comparison-image{object-fit:cover;object-position:50% 20%;pointer-events:none;background:#fff;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.comparison-image-after{z-index:0}.comparison-before{z-index:1;width:100%;clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0);pointer-events:none;position:absolute;inset:0;overflow:hidden}.comparison-before .comparison-image{object-position:50% 20%;width:100%;height:100%;transform:scale(1.02)}.comparison-label{z-index:4;color:#fff;letter-spacing:1.4px;pointer-events:none;background:#111111b8;padding:6px 9px;font-size:9px;font-weight:900;display:none;position:absolute;top:16px}.comparison-label-before{left:16px}.comparison-label-after{right:16px}.comparison-handle{z-index:5;top:50%;left:var(--comparison-position);color:#111;cursor:ew-resize;touch-action:none;background:#fff;border:1px solid #11111138;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000029}.comparison-handle:focus-visible{outline:2px solid var(--red);outline-offset:3px}.comparison-grip{grid-template-columns:repeat(2,3px);justify-content:center;gap:3px;width:13px;display:grid}.comparison-grip i{background:#111;border-radius:50%;width:3px;height:3px}.comparison-slider.is-dragging .comparison-handle{transform:translate(-50%,-50%)scale(1.06)}.brand-promo-showcase{background:#fff;padding:106px 4.2vw 126px;position:relative}.brand-promo-heading{text-align:center;width:min(1180px,100%);margin:0 auto 34px}.brand-promo-heading h2{letter-spacing:0;white-space:nowrap;margin:16px 0 10px;font-size:68px;font-weight:950;line-height:.94}.brand-promo-description{color:#555;max-width:720px;margin:22px auto 0;font-size:14px;line-height:1.8}.brand-promo-link{box-shadow:none;border:0;margin-top:16px}.brand-promo-link:hover{box-shadow:none;border:0}.brand-promo-link:focus-visible{outline-offset:3px;outline:2px solid #e3262052}.brand-promo-video-frame{background:#111;border:0;border-radius:10px;width:min(1040px,100%);margin:0 auto;overflow:hidden}.brand-promo-video{aspect-ratio:16/9;object-fit:cover;background:#111;width:100%;display:block}.skewed-carousel-showcase{background:#fff;padding:82px 4.2vw 96px;position:relative;overflow:hidden}.skewed-carousel-heading{text-align:center;width:min(860px,100%);margin:0 auto 18px}.skewed-carousel-heading h2{letter-spacing:0;margin:13px 0 8px;font-size:clamp(46px,5.6vw,78px);font-weight:950;line-height:.94}.skewed-carousel-description{color:#444;max-width:680px;margin:22px auto 0;font-size:14px;line-height:1.78}.skewed-carousel-stage{background:#fff;width:min(1440px,100%);margin:0 auto;padding:8px 0 4px;overflow:hidden}.skewed-carousel{width:100%}.skewed-carousel-coverflow{perspective:1200px;height:clamp(440px,50vw,700px);position:relative}.skewed-carousel-card{width:clamp(340px,32vw,500px);height:clamp(390px,42vw,620px);transform-style:preserve-3d;will-change:transform, opacity, filter;cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .55s,filter .55s;display:flex;position:absolute;top:50%;left:50%}.skewed-carousel-card[data-focus=true]{cursor:default}.skewed-carousel-media{width:100%;height:100%}.skewed-carousel-media img{object-fit:cover;object-position:center;filter:drop-shadow(0 24px 28px #11111129);width:100%;height:100%;display:block}.skewed-carousel-controlbar{width:min(1440px,100%);box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;gap:26px;margin:18px auto 0;padding:8px 0;display:flex}.skewed-carousel-arrow{color:#111;cursor:pointer;background:0 0;border:0;place-items:center;width:26px;height:26px;padding:0;transition:color .2s,opacity .2s;display:grid}.skewed-carousel-arrow svg path{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.skewed-carousel-arrow:hover{color:var(--red)}.skewed-carousel-segments{justify-content:center;align-items:center;gap:12px;display:flex}.skewed-carousel-segments button{cursor:pointer;background:0 0;border:1.5px solid #11111194;border-radius:999px;width:32px;height:8px;padding:0;transition:background .2s,border-color .2s,transform .2s}.skewed-carousel-segments button:hover{background:#1111111f;border-color:#111}.skewed-carousel-segments button.is-active{background:#111;border-color:#111;transform:scaleY(1.05)}.ai-showcase{background:#fff;padding:96px 4.2vw 112px;position:relative;overflow:hidden}.ai-heading{text-align:center;width:min(1280px,100%);margin:0 auto 64px}.ai-heading h2{letter-spacing:0;margin:15px 0 16px;font-size:clamp(52px,6.2vw,102px);font-weight:950;line-height:.94}.ai-heading>p:last-child{color:#444;max-width:760px;margin:0 auto;font-size:15px;line-height:1.85}.ai-showcase-body{grid-template-columns:.92fr 1.08fr;align-items:stretch;gap:clamp(40px,5vw,88px);width:min(1280px,100%);margin:0 auto;display:grid}.ai-preview{background:0 0;min-height:560px;position:relative;overflow:hidden}.ai-preview-stage{position:absolute;inset:0}.ai-preview-layer{opacity:0;will-change:opacity, transform;transition:opacity .8s,transform 1.2s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0;transform:scale(1.05)}.ai-preview-layer.is-active{opacity:1;transform:scale(1)}.ai-preview-media{background:0 0;place-items:center;gap:12px;padding:18px;display:grid;position:absolute;inset:0}.ai-preview-media.is-pair{grid-template-rows:repeat(2,minmax(0,1fr))}.ai-preview-media img{object-fit:contain;object-position:center;background:#fff;width:100%;height:100%;display:block}.ai-list{flex-direction:column;justify-content:center;display:flex}.ai-item{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #1111112e;grid-template-columns:46px 1fr 24px;align-items:center;column-gap:20px;padding:30px 0;display:grid}.ai-item:last-child{border-bottom:1px solid #1111112e}.ai-item-number{color:#b8b8b8;font-size:13px;font-weight:900;transition:color .25s}.ai-item-copy{flex-direction:column;gap:7px;display:flex}.ai-item-copy b{color:#b8b8b8;font-size:clamp(26px,3vw,42px);font-weight:950;line-height:.98;transition:color .25s}.ai-item-copy i{color:#9a9a9a;max-width:540px;font-size:13px;font-style:normal;line-height:1.72;transition:color .25s}.ai-item-arrow{color:var(--red);opacity:0;justify-self:end;font-size:20px;line-height:1;transition:opacity .25s,transform .25s;transform:translate(-6px,6px)}.ai-item.is-active .ai-item-number{color:var(--red)}.ai-item.is-active .ai-item-copy b{color:#111}.ai-item.is-active .ai-item-copy i{color:#666}.ai-item.is-active .ai-item-arrow{opacity:1;transform:translate(0)}.ai-item:hover .ai-item-copy b{color:#333}.contact-final{background:#fff;padding:164px 4.2vw 176px;position:relative;overflow:hidden}.contact-final:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#1111110d 0 1px,#0000 1.4px);background-size:26px 26px;position:absolute;inset:0}.contact-final:after{content:"SAY HI";color:#0000;letter-spacing:0;-webkit-text-stroke:1px #1111110f;pointer-events:none;font-family:Impact,Haettenschweiler,fantasy;font-size:clamp(120px,15vw,250px);line-height:.8;position:absolute;bottom:34px;right:4.2vw}.contact-final-inner{z-index:1;text-align:center;width:min(1280px,100%);margin:0 auto;position:relative}.contact-final-body{margin-top:0}.contact-final-body h2{letter-spacing:.07em;margin:0 0 26px;font-size:clamp(64px,8.5vw,150px);font-weight:950;line-height:1.08}.contact-final-title-top,.contact-final-title-bottom{white-space:nowrap;display:block}.contact-final-title-bottom{margin-top:.16em;font-size:clamp(0px,7.9vw,118px)}.contact-final-body h2 i{color:var(--red);font-style:normal}.contact-final-eng{color:#9a9a9a;letter-spacing:2.4px;margin:30px 0 0;font-size:11px;font-weight:800;line-height:1.7}.contact-final-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:62px;display:flex;position:relative}.contact-final-btn{letter-spacing:.06em;cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:12px;min-height:56px;padding:0 28px;font-size:15px;font-weight:850;transition:background .22s,color .22s,border-color .22s,transform .22s;display:inline-flex}.contact-final-btn span{font-size:14px}.contact-final-btn--primary{color:#fff;background:#111;border:1px solid #111}.contact-final-btn--line{color:#111;background:0 0;border:1px solid #111}.contact-final-btn--red{color:var(--red);border:1px solid var(--red);background:0 0}.contact-final-btn--primary:hover,.contact-final-btn--line:hover,.contact-final-btn--red:hover{background:var(--red);border-color:var(--red);color:#fff;transform:translateY(-2px)}.contact-final-pop{border-top:2px solid var(--red);opacity:0;visibility:hidden;pointer-events:none;z-index:20;background:#fff;justify-content:center;align-items:flex-start;gap:72px;width:max-content;max-width:100%;padding:26px 0 0;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:calc(100% + 24px);left:50%;transform:translate(-50%,8px)}.contact-final-pop.is-open{opacity:1;visibility:visible;transform:translate(-50%)}.contact-final-pop-item{flex-direction:column;gap:12px;display:flex}.contact-final-pop-item small{color:var(--red);letter-spacing:2px;font-size:10px;font-weight:900}.contact-final-pop-item b{color:#111;white-space:nowrap;font-size:18px;font-weight:800;line-height:1.45}.works{isolation:isolate;background:#fff;padding:142px 4.2vw;position:relative;overflow:hidden}.works:before{content:"WORKS";z-index:-1;color:#0000;letter-spacing:0;opacity:.045;-webkit-text-stroke:1px #111;pointer-events:none;font-family:Impact,Haettenschweiler,fantasy;font-size:clamp(100px,15vw,240px);line-height:.8;position:absolute;top:72px;right:3vw}.works:after{content:"02";z-index:-1;color:var(--red);opacity:.08;pointer-events:none;font-family:Impact,Haettenschweiler,fantasy;font-size:100px;line-height:1;position:absolute;bottom:70px;left:4.2vw}.section-heading{grid-template-columns:.7fr 1.2fr 1.2fr;align-items:end;gap:6vw;margin-bottom:80px;display:grid}.section-heading h2{margin:0;font-size:clamp(64px,8vw,126px);line-height:.8}.section-heading>p{max-width:530px;margin:0;font-size:15px;line-height:1.8}.project{border-top:1px solid #111;grid-template-columns:1.22fr .78fr;gap:6vw;padding:54px 0;display:grid}.project:last-child{border-bottom:1px solid #111}.project:nth-child(2n) .project-image{order:2}.project-image{aspect-ratio:16/9;background:#ddd;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s}.project-image:after{content:"";background:linear-gradient(#0000 60%,#0000004d);position:absolute;inset:0}.project-image>span{z-index:2;background:#fff;padding:10px 12px;font-size:10px;font-weight:900;position:absolute;bottom:18px;right:18px}.project-image:hover img{filter:saturate(1.08);transform:scale(1.04)}.project-copy{flex-direction:column;justify-content:center;display:flex}.project-meta{align-items:center;gap:14px;display:flex}.project-meta span{color:var(--red);font-size:12px;font-weight:900}.project-meta p{letter-spacing:.8px;font-size:11px;font-weight:800}.project-copy h3{margin:22px 0 16px;font-size:clamp(42px,5vw,78px);line-height:.95}.project-copy .role{letter-spacing:.8px;margin:0;font-size:11px;font-weight:900}.project-copy .highlight{color:#4d4d4d;margin:28px 0;font-size:14px;line-height:1.9}.project-copy>a{border-bottom:1px solid #111;align-self:flex-start;padding-bottom:5px;font-size:13px;font-weight:900}.project-copy>a span{color:var(--red);margin-left:16px}.experience{isolation:isolate;color:#fff;background:#151515;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:142px 4.2vw;display:grid;position:relative;overflow:hidden}.experience:before{content:"EXPERIENCE";z-index:-1;color:#0000;letter-spacing:0;opacity:.08;-webkit-text-stroke:1px #fff;pointer-events:none;font-family:Impact,Haettenschweiler,fantasy;font-size:clamp(90px,13vw,210px);line-height:1;position:absolute;top:50%;left:48%;transform:translate(-50%,-50%)rotate(-90deg)}.experience-intro{align-self:start;position:sticky;top:120px}.experience-intro h2{margin:36px 0;font-size:clamp(58px,7vw,108px);line-height:.9}.experience-intro h2 i{color:var(--red);font-style:normal}.experience-intro>p{color:#b8b8b8;max-width:510px;font-size:14px;line-height:1.9}.timeline{border-top:1px solid #4a4a4a}.timeline-item{border-bottom:1px solid #4a4a4a;grid-template-columns:150px 1fr;gap:25px;padding:42px 0;display:grid}.timeline-year{color:var(--red);font-size:12px;font-weight:900}.timeline-org{color:#aaa;margin:0 0 12px;font-size:12px;font-weight:800}.timeline-item h3{margin:0 0 18px;font-size:28px}.timeline-item div>p:last-child{color:#c5c5c5;margin:0;font-size:14px;line-height:1.8}.proof{isolation:isolate;background:#e9e9e5;border-bottom:1px solid #111;grid-template-columns:repeat(4,1fr);display:grid;position:relative;overflow:hidden}.proof:before{content:"04";z-index:-1;color:#0000;opacity:.08;-webkit-text-stroke:1px #111;font-family:Impact,Haettenschweiler,fantasy;font-size:100px;line-height:1;position:absolute;top:18px;right:3vw}.proof div{border-right:1px solid #111;flex-direction:column;justify-content:flex-end;min-height:230px;padding:35px 4.2vw 30px;display:flex}.proof div:last-child{border-right:0}.proof b{font-size:clamp(52px,6vw,96px);line-height:1}.proof b span{color:var(--red);font-size:.36em}.proof div>span{margin-top:15px;font-size:12px;font-weight:800}footer{isolation:isolate;background:var(--red);color:#fff;padding:142px 4.2vw 30px;position:relative;overflow:hidden}footer:before{content:"CONTACT";z-index:-1;color:#0000;letter-spacing:0;opacity:.16;-webkit-text-stroke:1px #fff;pointer-events:none;font-family:Impact,Haettenschweiler,fantasy;font-size:clamp(100px,14vw,230px);line-height:.8;position:absolute;top:28px;right:-20px}.footer-top>p{margin:50px 0 22px;font-size:14px;font-weight:800}.footer-top h2{letter-spacing:0;margin:0;font-size:clamp(72px,11vw,176px);line-height:.82}.footer-top h2 i{color:#0000;-webkit-text-stroke:2px white;font-style:normal}.mail-link{border-top:1px solid #ffffffb3;border-bottom:1px solid #ffffffb3;justify-content:space-between;margin-top:80px;padding:22px 0;font-size:clamp(19px,3vw,42px);font-weight:850;display:flex}.footer-links{align-items:center;gap:30px;margin-top:32px;font-size:12px;font-weight:800;display:flex}.footer-links span{margin-left:auto}.reveal{opacity:0;transition:opacity .75s,transform .75s;transform:translateY(34px)}.reveal.is-visible{opacity:1;transform:none}@keyframes greeting-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes greeting-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@media (width<=1800px){.hero-title-solid{font-size:13rem}.hero-title-outline{font-size:8.9rem}}@media (width<=1600px){.hero-title-solid{font-size:11.5rem}.hero-title-outline{font-size:7.9rem}}@media (width<=1430px){.hero-title-solid{font-size:10.5rem}.hero-title-outline{font-size:7.2rem}}@media (width<=1360px){.hero-title-solid{font-size:10rem}.hero-title-outline{font-size:6.6rem}}@media (width<=1190px){.hero-title-solid{font-size:8.5rem}.hero-title-outline{font-size:5.6rem}.news-gallery{gap:14px;height:auto}.news-shot{flex-basis:200px;width:200px;height:330px}.news-shot-1{--news-x:-33vw}.news-shot-2{--news-x:-22vw}.news-shot-3{--news-x:-11vw}.news-shot-5{--news-x:11vw}.news-shot-6{--news-x:22vw}.news-shot-7{--news-x:33vw}}@media (width<=1020px){.hero-title-solid{font-size:7rem}.hero-title-outline{font-size:4.9rem}}@media (width<=920px){.hero-title-solid{font-size:6.5rem}.hero-title-outline{font-size:4.7rem}}@media (width<=900px){.nav-shell{height:68px}.nav-resume{display:none}.menu-toggle{cursor:pointer;background:0 0;border:0;gap:6px;padding:10px 0 10px 14px;display:grid}.menu-toggle i{background:#111;width:25px;height:2px}nav{background:var(--paper);border-bottom:1px solid #111;padding:20px 4.2vw;display:none;top:68px;left:0;right:0;transform:none}nav.open{justify-content:space-between;display:flex}.hero{padding-top:68px}.hero-portrait{opacity:1;height:58%;max-height:58svh}.hero-greeting{height:34px;margin-bottom:40px;font-size:15px;line-height:34px}.hero-title-solid{font-size:6.3rem}.hero-title-outline{-webkit-text-stroke-width:1.5px;margin-top:14px;font-size:4.15rem}.hero-discipline{margin-top:28px;transform:translateY(2px)}.hero-actions{margin-top:36px;transform:translateY(56px)}.hero-transition{height:58px}.transition-label{grid-template-columns:38px auto;gap:10px}.transition-label i{grid-column:2;justify-self:start;margin-top:4px}.about-board{grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);gap:22px 30px;min-height:auto;padding:78px 4.2vw 62px}.experience-brand-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-brand:nth-child(3){border-right:0}.experience-brand:nth-child(-n+3){border-bottom:1px solid #11111129}.about-portrait{width:min(30vw,310px)}.news-publicity{padding-top:72px}.moving-wall{padding:80px 0 96px}.moving-wall-heading{width:min(760px,84vw);margin-bottom:48px}.moving-wall-heading p{font-size:13px;line-height:1.75}.moving-wall-viewport{gap:34px;width:90vw;height:570px}.moving-wall-tile{flex-basis:230px}.comparison-showcase{padding:88px 4.2vw 96px}.comparison-heading{margin-bottom:34px}.comparison-layout{grid-template-columns:1fr;gap:34px;max-width:560px}.comparison-copy{order:-1}.brand-promo-showcase{padding:86px 4.2vw 96px}.brand-promo-heading{margin-bottom:28px}.brand-promo-heading h2{font-size:46px}.news-gallery{gap:12px;height:440px}.news-gallery:before{width:calc(100% - 8px);height:calc(100% - 16px);top:3px}.news-shot{flex-basis:190px;width:190px;height:320px}.news-shot-1{--news-x:-31vw}.news-shot-2{--news-x:-21vw}.news-shot-3{--news-x:-11vw}.news-shot-5{--news-x:11vw}.news-shot-6{--news-x:21vw}.news-shot-7{--news-x:31vw}.skewed-carousel-showcase{padding:76px 4.2vw 84px}.skewed-carousel-heading{margin-bottom:16px}.skewed-carousel-stage{padding:8px 0 4px}.skewed-carousel-coverflow{height:clamp(400px,56vw,600px)}.skewed-carousel-card{width:clamp(290px,34vw,410px);height:clamp(340px,45vw,520px)}.ai-showcase{padding:84px 4.2vw 94px}.ai-heading{margin-bottom:48px}.ai-showcase-body{gap:34px}.ai-preview{min-height:480px}.contact-final{padding:108px 4.2vw 126px}.contact-final-body{margin-top:52px}.contact-final-body h2{letter-spacing:.06em;font-size:clamp(56px,9vw,96px);line-height:1.1}.published-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}.published-platforms>span{border:0}.software-grid{grid-template-columns:repeat(3,54px);grid-auto-rows:54px;gap:12px}.software-icon{width:54px;height:54px}.section-heading,.project{grid-template-columns:1fr;gap:35px}.project:nth-child(2n) .project-image{order:initial}.project-copy h3{font-size:52px}.experience{grid-template-columns:1fr}.experience-intro{position:static}.proof{grid-template-columns:repeat(2,1fr)}.proof div:nth-child(2){border-right:0}.proof div:nth-child(-n+2){border-bottom:1px solid #111}}@media (width<=760px){.hero-title-solid{font-size:5rem}.hero-title-outline{font-size:3.5rem}.news-gallery{height:auto}.news-shot{flex-basis:170px;width:170px;height:290px}.news-shot-1{--news-x:-29vw}.news-shot-2{--news-x:-20vw}.news-shot-3{--news-x:-10vw}.news-shot-5{--news-x:10vw}.news-shot-6{--news-x:20vw}.news-shot-7{--news-x:29vw}}@media (width<=640px){.hero-title-solid{font-size:4.25rem}.hero-title-outline{font-size:3rem}}@media (width<=560px){.hero{height:calc(100svh - 20px);min-height:680px;padding:68px 20px 0}.hero-inner{justify-content:center;align-items:flex-start;padding-bottom:22px}.hero-portrait{opacity:1;height:55%;max-height:55svh}.hero-greeting{text-align:left;width:100%;height:58px;margin:0 0 34px;font-size:13px;font-weight:600;line-height:1.65}.greeting-line{white-space:normal;align-items:center;display:flex}.hero-title-block{text-align:left}.hero-title-solid{font-size:3.75rem;line-height:.86}.hero-title-outline{-webkit-text-stroke-width:1px;margin-top:10px;font-size:2.25rem;line-height:.9}.hero-discipline{letter-spacing:1.2px;max-width:330px;margin-top:28px;font-size:9px;line-height:1.7;transform:translateY(0)}.hero-actions{flex-wrap:nowrap;justify-content:flex-start;gap:7px;width:100%;margin-top:35px;transform:translateY(44px)}.primary-button,.secondary-button,.tertiary-button{gap:5px;min-height:42px;padding:0 9px;font-size:10px}.primary-button span,.secondary-button span,.tertiary-button span{font-size:9px}.hero-contact-pop{justify-content:space-between;gap:12px;width:auto;padding:18px 16px;position:fixed;inset:auto 14px 18px}.hero-contact-pop b{font-size:11px}.hero-transition{height:54px;padding:0 20px}.about-board{grid-template-columns:1fr;grid-template-areas:"portrait""intro""contact""tools""education""skills""experience";row-gap:28px;padding:84px 20px 64px}.about-board:before{display:none}.about-intro{max-width:none;min-height:250px}.about-profile-copy{margin-top:24px;font-size:13px}.about-eyebrow{margin-top:28px}.about-intro h2{font-size:clamp(50px,15vw,72px)}.about-copy{margin-top:18px;font-size:13px;line-height:1.75}.about-portrait{justify-self:center;width:min(62vw,290px)}.about-contact{justify-self:start;width:100%;max-width:360px;padding:0 0 4px}.about-contact-mail{font-size:clamp(23px,7.4vw,31px)}.about-contact-meta{grid-template-columns:repeat(2,max-content);gap:14px}.about-softwares{min-height:190px}.about-tools{margin-top:0}.about-tools .software-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:min(64px,16vw);gap:0;width:100%}.about-tools .software-icon{width:min(64px,16vw);height:min(64px,16vw)}.about-tools .software-icon span{font-size:25px}.skill-icon-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.skill-icon-item{grid-template-rows:min(64px,16vw) 36px;row-gap:8px}.skill-icon{width:min(64px,16vw);height:min(64px,16vw)}.skill-icon-name{white-space:nowrap;font-size:11px}.skill-icon-item:nth-child(4) .skill-icon-name{font-size:9px}.software-grid{grid-template-columns:repeat(3,54px);grid-auto-rows:54px;gap:12px;width:100%;margin-top:10px}.about-experience{margin-top:-6px;padding-top:16px}.news-publicity{padding:66px 0 54px}.moving-wall{padding:68px 0 80px}.moving-wall-heading{text-align:left;width:calc(100% - 40px);margin-bottom:42px}.moving-wall-heading h2{margin-top:14px;font-size:48px}.moving-wall-heading p{margin-top:26px;font-size:13px;line-height:1.75}.moving-wall-viewport{gap:28px;width:calc(100% - 28px);height:510px}.moving-wall-track{gap:12px}.moving-wall-tile{border-radius:10px;flex-basis:210px}.comparison-showcase{padding:76px 20px 84px}.comparison-layout{gap:30px}.comparison-heading{text-align:left}.comparison-heading h2{margin-top:13px;font-size:54px}.comparison-heading>p:last-child{font-size:13px;line-height:1.7}.comparison-copy{text-align:left}.comparison-copy-block+.comparison-copy-block{margin-top:22px;padding-top:20px}.brand-promo-showcase{padding:76px 20px 86px}.brand-promo-heading{text-align:left;margin-bottom:24px}.brand-promo-heading h2{margin-top:13px;font-size:26px}.brand-promo-description{margin-top:20px;font-size:13px}.brand-promo-video-frame{border-radius:8px}.skewed-carousel-showcase{padding:68px 20px 78px}.skewed-carousel-heading{text-align:left;margin-bottom:18px}.skewed-carousel-heading h2{margin-top:13px;font-size:46px}.skewed-carousel-description{margin-top:20px;font-size:13px}.skewed-carousel-stage{border-radius:0;width:100%;margin:0;padding:8px 0 4px}.skewed-carousel-coverflow{height:clamp(310px,80vw,470px)}.skewed-carousel-card{width:clamp(210px,56vw,320px);height:clamp(260px,68vw,420px)}.skewed-carousel-controlbar{gap:18px;padding:6px 0}.skewed-carousel-segments{gap:9px}.skewed-carousel-segments button{width:26px;height:7px}.ai-showcase{padding:70px 20px 88px}.ai-heading{text-align:center;margin-bottom:34px}.ai-heading h2{margin-top:13px;font-size:46px}.ai-heading>p:last-child{font-size:13px;line-height:1.7}.ai-showcase-body{grid-template-columns:1fr;gap:28px}.ai-preview{aspect-ratio:4/3;min-height:0}.ai-item{grid-template-columns:38px 1fr 20px;column-gap:14px;padding:22px 0}.ai-item-copy b{font-size:25px}.ai-item-copy i{font-size:12px}.contact-final{padding:92px 20px 116px}.contact-final:after{font-size:96px;bottom:18px;right:0}.contact-final-body{margin-top:42px}.contact-final-body h2{letter-spacing:.04em;font-size:clamp(36px,12vw,56px);line-height:1.12}.contact-final-eng{margin:24px 0 0}.contact-final-actions{flex-direction:column;align-items:stretch;gap:14px;margin-top:42px}.contact-final-btn{width:100%;min-height:52px;padding:0 20px;font-size:14px}.contact-final-pop{flex-wrap:wrap;justify-content:center;gap:18px 34px;width:100%}.contact-final-pop-item{gap:10px}.contact-final-pop-item small{font-size:10px}.contact-final-pop-item b{white-space:normal;font-size:16px;line-height:1.4}.comparison-card{max-width:320px}.comparison-slider{aspect-ratio:3/4;border-radius:8px}.comparison-handle{width:44px;height:44px}.comparison-label{padding:5px 7px;font-size:8px;top:12px}.comparison-label-before{left:12px}.comparison-label-after{right:12px}.news-publicity:before{display:none}.news-publicity:after{font-size:76px;top:136px;left:auto;right:18px}.news-publicity-top{padding:0 20px}.news-publicity-top>h2{white-space:normal;margin-top:24px;font-size:56px;line-height:.95}.news-publicity-top>p{margin-top:16px;font-size:13px;line-height:1.75}.news-detail-link{margin-top:14px}.news-publicity-top>p br{display:none}.news-gallery-shell{margin-top:30px}.news-gallery{perspective:none;scroll-snap-type:x mandatory;scrollbar-width:none;justify-content:flex-start;align-items:stretch;gap:14px;height:auto;padding:14px 20px 24px;display:flex;overflow-x:auto}.news-gallery-shell:before,.news-gallery:before,.news-gallery:after{display:none}.news-gallery::-webkit-scrollbar{display:none}.news-shot,.news-shot-1,.news-shot-2,.news-shot-3,.news-shot-4,.news-shot-5,.news-shot-6,.news-shot-7{opacity:1;filter:none;transform-origin:50%;scroll-snap-align:center;width:68vw;max-width:280px;box-shadow:none;flex:0 0 68vw;position:relative;top:auto;left:auto;transform:none}.news-gallery-marker{width:auto;margin:0 20px}.published-on{margin:18px 20px 0}.published-on-heading h3{font-size:24px}.published-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.published-platforms>span{border:0;gap:6px;min-height:108px;padding:8px}.published-platforms img{height:76px}.published-platforms>span:not(:nth-child(4)) img{height:88px}.published-platforms>span:nth-child(4) img{height:88px;transform:scale(.86)}.published-platforms b{font-size:13px}.experience-wall-heading{grid-template-columns:1fr auto;gap:9px 16px}.experience-wall-heading h3{grid-area:1/1/auto/-1;padding-top:20px}.experience-wall-heading p{grid-area:1/1;align-self:start}.experience-wall-heading span{grid-area:1/2;align-self:start}.experience-brand-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-brand{min-height:92px;padding:13px 12px}.experience-brand:nth-child(2),.experience-brand:nth-child(4){border-right:0}.experience-brand:nth-child(-n+4){border-bottom:1px solid #11111129}.experience-brand-logo{height:56px}.experience-brand-logo img{max-width:100%;width:112px!important;height:50px!important}.experience-brand-logo.shenzhen-news img{width:104px!important;height:44px!important}.experience-brand-logo.xinhua img{width:68px!important;height:68px!important}.experience-brand-logo.shuoke img{width:62px!important;height:62px!important}.experience-brand-logo.miniso img{width:50px!important;height:56px!important}.experience-brand-logo.nanfang img{max-width:none;width:190px!important;height:62px!important}.works,.experience{padding:84px 20px}.section-heading h2{font-size:66px}.project{padding:38px 0}.project-copy h3{font-size:44px}.experience-intro h2{font-size:62px}.timeline-item{grid-template-columns:1fr;gap:16px}.proof div{min-height:165px;padding:24px 20px}.proof b{font-size:50px}footer{padding:84px 20px 26px}.footer-top h2{font-size:19vw}.mail-link{margin-top:55px;font-size:18px}.footer-links{flex-direction:column;align-items:flex-start;gap:18px}.footer-links span{margin:10px 0 0}}@media (width<=420px){.brand-promo-heading h2{font-size:22px}.hero-portrait{opacity:1;height:52%;max-height:52svh}.hero-title-solid{font-size:3rem}.hero-title-outline{font-size:1.8rem}.news-publicity-top>h2{font-size:48px}.education-grid{grid-template-columns:1fr}.education-card{min-height:130px}.software-grid{grid-template-columns:repeat(3,52px);grid-auto-rows:52px;gap:11px}.software-icon{border-radius:10px;width:52px;height:52px}.software-icon span{font-size:21px}.skill-icon-name{font-size:9px}.skill-icon-item:nth-child(4) .skill-icon-name{font-size:8px}}@media (width<=360px){.hero-title-solid{font-size:2.6rem}.hero-title-outline{font-size:1.55rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}