@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800&display=swap";.accordion-gallery{gap:var(--ag-gap);perspective:1400px;width:100%;display:flex;overflow:hidden}.ag-panel{border-radius:var(--ag-radius);cursor:pointer;min-width:0;min-height:0;transform-style:preserve-3d;transform-origin:50%;will-change:flex-grow,transform;background:#f3d6df;border:0;flex:1 1 0;padding:0;position:relative;overflow:hidden;box-shadow:0 14px 34px -22px #3616227a}.ag-panel:focus-visible{outline-offset:-2px;outline:2px solid #f08eac}.ag-panel__media{width:var(--ag-media-size);will-change:transform,filter;height:100%;position:absolute;top:50%;left:50%}.ag-panel__media img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#fff;width:100%;height:100%;display:block}@media (width<=700px){.accordion-gallery{perspective:none;flex-direction:column;height:auto!important}.ag-panel{min-height:110px;transform:none!important}.ag-panel:focus,.ag-panel:hover{min-height:460px}.ag-panel__media{width:100%;height:520px}}:root{color:#101010;--pad:clamp(32px,5vw,86px);background:#fff;font-family:Inter,PingFang SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.wrap{width:min(1700px,calc(100% - var(--pad)*2));margin:auto}.hero{background:#24d3e6;height:min(930px,92vh);min-height:760px;position:relative;overflow:hidden}.nav{letter-spacing:1px;z-index:4;justify-content:space-between;align-items:center;height:92px;font-size:12px;display:flex;position:relative}.nav div{gap:42px;display:flex}.heroInner{height:calc(100% - 180px);padding-top:110px;position:relative}.eyebrow,.overline,.sectionTag{letter-spacing:1px;font-size:11px;font-weight:700}.hero h1{letter-spacing:0;z-index:3;margin:18px 0;font-family:Archivo Black,sans-serif;font-size:clamp(100px,12vw,205px);line-height:.78;position:relative}.hero h1 span{color:#ff664a}.heroCn{z-index:3;font-size:18px;font-weight:700;position:relative}.ribbon{border:70px solid #0079ec85;border-right-color:#0000;border-radius:50%;width:760px;height:220px;position:absolute;top:22%;left:31%;transform:rotate(-13deg)}.heroArt{mix-blend-mode:multiply;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);width:47%;height:95%;position:absolute;top:5%;right:1%}.heroArt .crop{filter:saturate(1.15);height:100%}.heroFoot{letter-spacing:1px;border-top:1px solid #0000004d;justify-content:space-between;align-items:center;height:88px;font-size:10px;font-weight:700;display:flex}.heroFoot a{border:1px solid;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.about{padding:130px 0 100px}.sectionTag{align-items:center;gap:7px;margin-bottom:60px;display:flex}.aboutGrid{grid-template-columns:1fr 1.6fr .55fr;align-items:end;gap:8vw;display:grid}.about h2,.work h2{letter-spacing:0;margin:10px 0;font-size:clamp(46px,5vw,82px)}.bio{font-size:17px;line-height:1.9}.facts{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.facts span{border:1px solid #bbb;border-radius:99px;padding:9px 14px;font-size:12px}.years{align-items:end;gap:13px;display:flex}.years b{color:#ff6c43;font-size:88px;line-height:.8}.years span{font-size:10px;font-weight:700}.timeline{border-top:1px solid #111;grid-template-columns:repeat(3,1fr);margin-top:80px;display:grid}.timeline div{flex-direction:column;gap:8px;padding:25px 20px 10px 0;display:flex}.timeline span{color:#777;font-size:11px}.index{padding:40px 0 120px}.indexGrid{border-top:1px solid;grid-template-columns:repeat(4,1fr);display:grid}.indexGrid a{border-bottom:1px solid;flex-direction:column;gap:8px;min-height:190px;padding:30px 20px 20px 0;display:flex;position:relative}.indexGrid b{color:#ff6c43;font-size:48px}.indexGrid span{font-size:17px;font-weight:700}.indexGrid small{color:#888;font-size:9px}.indexGrid svg{position:absolute;bottom:22px;right:20px}.work{padding:100px 0 130px}.pink{background:#ffe5e9}.cyan{background:#55dcf0}.workHead{justify-content:space-between;align-items:end;margin-bottom:48px;display:flex}.workHead span,.more span{letter-spacing:1px;font-size:10px;font-weight:700}.workHead h2{margin:6px 0 0}.workHead p{font-size:11px}.gallery{grid-template-columns:repeat(3,1fr);gap:36px 22px;display:grid}.gallery-1{grid-template-columns:repeat(4,1fr)}.gallery-2{grid-template-columns:2fr 1fr 1fr}.gallery article{min-width:0}.crop{background-color:#eee;background-image:url(/reference.jpg);background-repeat:no-repeat;background-size:100%;width:100%;height:420px}.gallery article .crop{box-shadow:0 10px 28px #00000014}.gallery article .tall{height:610px}.gallery article>div:last-child{justify-content:space-between;gap:12px;padding-top:14px;display:flex}.gallery article span{color:#666;font-size:9px}.gallery article b{font-size:12px}.more{color:#fff;background:#4da9dd;padding:130px 0}.moreGrid{grid-template-columns:.8fr 1.4fr;align-items:center;gap:8vw;display:grid}.more h2{letter-spacing:0;font-size:clamp(55px,6vw,110px);line-height:1.05}.reference{height:570px}.reference .crop{background-size:100%;height:100%;box-shadow:0 25px 60px #0003}footer{background:#f7f7f5;padding:140px 0 70px}footer .wrap{grid-template-columns:1fr 1fr;align-items:end;display:grid}footer h2{letter-spacing:0;margin:20px 0;font-size:clamp(60px,7vw,130px);line-height:.98}footer .wrap>div:last-child{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:15px;display:flex}footer p{font-size:11px}footer a{border-bottom:1px solid;gap:10px;padding-bottom:8px;font-size:12px;font-weight:700;display:flex}.up{transform:rotate(180deg)}@media (width<=900px){.hero{min-height:700px}.nav div{gap:15px}.heroInner{padding-top:90px}.hero h1{font-size:82px}.heroArt{opacity:.48;width:75%}.ribbon{left:15%}.aboutGrid{grid-template-columns:1fr}.timeline,.indexGrid,.gallery,.gallery-1,.gallery-2{grid-template-columns:1fr 1fr}.gallery article .crop,.gallery article .tall{height:360px}.workHead{flex-direction:column;align-items:start}.moreGrid,footer .wrap{grid-template-columns:1fr}.reference{height:380px}footer .wrap>div:last-child{margin-top:50px}}.heroVideo{object-fit:cover;object-position:center;z-index:0;filter:saturate(1.32)contrast(1.08)brightness(1.06);width:100%;height:100%;position:absolute;inset:0}.heroOverlay{z-index:1;pointer-events:none;background:#24d3e60f;position:absolute;inset:0}.heroInner,.heroFoot{z-index:2}.heroFoot{position:relative}.heroInner{padding-top:34px}.heroCopy{width:max-content;margin-left:5.2%}.hero .eyebrow{letter-spacing:0;font-family:Impact,Arial Narrow,PingFang SC,sans-serif;font-size:clamp(18px,2.05vw,39px);font-weight:900;line-height:1}.hero .eyebrow span{margin-left:.55em;font-family:PingFang SC,sans-serif;font-size:.5em;font-weight:700}.hero h1{letter-spacing:0;margin:34px 0 30px;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(94px,9.5vw,182px);font-weight:900;line-height:.75}.heroCn{letter-spacing:0;margin:0;font-family:Impact,Arial Narrow,PingFang SC,sans-serif;font-size:clamp(34px,3.65vw,70px);font-weight:900;line-height:1}.heroKinds{letter-spacing:0;margin:88px 0 0;font-size:clamp(11px,.86vw,16px);font-weight:700}.nav{opacity:.56}.heroFoot{height:76px}@media (width<=900px){.heroInner{padding-top:62px}.heroCopy{margin-left:0}.hero h1{margin:24px 0;font-size:86px}.heroCn{font-size:34px}.heroKinds{margin-top:54px;font-size:10px}}.indexGrid a{align-items:flex-start;min-height:520px;padding-right:0}.indexThumb{object-fit:contain;border-radius:12px;align-self:flex-start;width:312px;max-width:100%;height:312px;margin:28px 0 0;display:block;position:static}.indexGrid a{gap:0;padding-top:46px}.indexGrid b{letter-spacing:0;color:#ff8a2b;margin:0 0 22px;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(72px,5.1vw,98px);font-weight:900;line-height:.9}.indexGrid span{letter-spacing:0;margin:0 0 8px;font-family:Inter,PingFang SC,sans-serif;font-size:clamp(22px,1.6vw,31px);font-weight:800;line-height:1}.indexGrid small{letter-spacing:0;color:#b7b7b7;font-family:Inter,Arial Narrow,sans-serif;font-size:clamp(12px,.85vw,16px);font-weight:400;line-height:1}.indexThumb{margin-top:34px}.indexGrid b{font-family:HarmonyOS Sans SC,PingFang SC,Arial,sans-serif;font-weight:700}.catalogueTitle{object-fit:contain;width:100%;height:auto;margin:0 0 48px;display:block}.indexGrid{border-top:0}.indexGrid a{border-bottom:0}.indexGrid{width:86%;margin:0 auto}.indexGrid a{min-height:450px;padding-top:38px}.indexGrid b{margin-bottom:18px;font-size:clamp(62px,4.3vw,82px)}.indexGrid span{font-size:clamp(19px,1.35vw,26px)}.indexGrid small{font-size:clamp(10px,.72vw,14px)}.indexThumb{width:260px;height:260px;margin-top:28px}@media (width<=900px){.indexGrid{width:100%}.indexThumb{width:100%;height:auto}}.index{margin-bottom:-180px;position:relative;top:-180px}.workSlider{background:#101014;width:100%;height:min(78vh,920px);min-height:620px;position:relative;overflow:hidden}.workSlider>img{object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity .25s;display:block}.workSlider button{color:#fff;cursor:pointer;background:#0f0f1452;border:0;place-items:center;width:58px;height:82px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.workSlider button svg{width:42px;height:42px}.sliderPrev{left:0}.sliderNext{right:0}.sliderCount{color:#fff;letter-spacing:1px;background:#00000061;padding:8px 11px;font-size:11px;font-weight:700;position:absolute;bottom:24px;right:30px}.cyan{padding-bottom:0}.cyan .workHead{margin-bottom:48px}@media (width<=900px){.workSlider{height:55vh;min-height:420px}.workSlider button{width:44px;height:64px}}.workSlider>img{object-fit:none;width:auto;max-width:none;height:auto;max-height:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.workSlider{background:0 0}.workSlider>img{transform:translate(-50%,-50%)scale(.605)}.cyan{background-color:#fde5e8;background-image:url(/yunying-bg.jpg);background-position:top;background-repeat:no-repeat;background-size:100%}.cyan .workHead{visibility:hidden}.cyan .workSlider{margin-bottom:-220px;top:-220px}.pink{background:#fff;padding:0}.visualMasonry{width:min(1700px,calc(100% - var(--pad)*2));columns:2;column-gap:22px;margin:auto}.visualMasonry img{break-inside:avoid;width:100%;height:auto;margin:0 0 22px;display:block}.visualMasonry img:first-child,.visualMasonry img:nth-child(2),.visualMasonry img:nth-child(4){column-span:all}@media (width<=900px){.visualMasonry{columns:1;width:calc(100% - var(--pad)*2)}}.visualMasonry img{width:auto;max-width:none;margin-left:auto;margin-right:auto}.visualMasonry{columns:auto;flex-direction:column;align-items:center;display:flex}.visualMasonry img{break-inside:auto;object-fit:none;flex:none;width:auto;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;transform:none}.illustrationTitle{object-fit:contain;width:100%;height:auto;margin:0 0 48px;display:block}.illustrationCarousel{height:auto;width:min(1500px,calc(100% - var(--pad)*2));background:#fff;margin:0 auto 30px;position:relative;overflow:hidden}@media (width<=900px){.illustrationCarousel{height:520px;width:calc(100% - var(--pad)*2)}}.hero h1{letter-spacing:.018em;line-height:.88}.heroFoot{border-top:0;justify-content:flex-end}.videoWatermarkMask{z-index:1;pointer-events:none;background:linear-gradient(#00c1eceb 0%,#079bea 65% 100%);width:clamp(150px,15vw,285px);height:clamp(62px,7vw,112px);position:absolute;bottom:0;right:0}.heroFoot{z-index:3}.videoWatermarkMaskTop{background:linear-gradient(135deg,#08c4e7 0%,#07c7e8f5 58%,#05c6e7d1 100%);width:clamp(180px,18vw,340px);height:clamp(72px,8vw,130px);inset:0 auto auto 0}.about{color:#101010;background:#fff;padding:0}.about>.wrap{padding:0 0 112px}.resumeBar{border-bottom:1px solid #aaa;grid-template-columns:1fr 1fr 1fr;align-items:center;height:98px;font-size:12px;font-weight:600;display:grid}.resumeBar span:nth-child(2){text-align:center}.resumeBar span:last-child{text-align:right}.resumeBar b{border:1px solid #111;border-radius:99px;padding:10px 18px}.resumeIntro{grid-template-columns:.72fr 1.28fr;gap:8vw;padding:120px 6% 94px;display:grid}.resumeEn{margin:0 0 4px;font-size:clamp(22px,2.1vw,38px)}.resumeIntro h2{letter-spacing:0;margin:0;font-size:clamp(62px,6vw,108px);line-height:.95}.resumeIntro ol{margin:5px 0 0;padding-left:24px;font-size:15px;line-height:1.85}.resumeIntro li+li{margin-top:9px}.careerHead{letter-spacing:1px;justify-content:space-between;align-items:center;padding-bottom:34px;font-size:12px;font-weight:800;display:flex}.careerHead span:first-child{color:#06a9c4}.careerHead span:last-child{color:#777;letter-spacing:0;font-size:22px}.careerTimeline{border-top:1px solid #111;grid-template-columns:repeat(5,1fr);display:grid}.careerTimeline article{min-width:0;padding:50px 36px 0 0;position:relative}.careerTimeline i{background:#08bad5;width:11px;height:11px;position:absolute;top:-6px;left:0;transform:rotate(45deg)}.careerTimeline b{font-size:15px}.careerTimeline h3{margin:34px 0 20px;font-size:21px}.careerTimeline article>span{border:1px solid #111;border-radius:99px;padding:8px 14px;font-size:11px;display:inline-block}.careerTimeline p{color:#555;margin-top:24px;font-size:12px;line-height:1.85}.index{padding-top:100px}@media (width<=1100px){.resumeBar{grid-template-columns:1fr 1fr}.resumeBar span:nth-child(2){display:none}.resumeIntro{grid-template-columns:1fr;padding:80px 0}.careerTimeline{border-top:0;grid-template-columns:repeat(2,1fr);gap:50px 20px}.careerTimeline article{border-top:1px solid;padding-top:35px}.careerTimeline i{top:-6px}}.about{background:#fff url(/profile-bg.jpg) top/100% no-repeat}.resumeStage{grid-template-columns:1.15fr .85fr;min-height:700px;padding:116px 6% 70px;display:grid}.resumeCopy{min-width:0}.resumeCopy .resumeEn{margin:0;font-size:26px}.resumeCopy h2{letter-spacing:0;margin:10px 0 44px;font-size:clamp(64px,6vw,112px);line-height:.95}.resumeCopy ol{max-width:1000px;margin:0;padding-left:24px;font-size:15px;line-height:1.85}.resumeCopy li+li{margin-top:10px}.contactGrid{grid-template-columns:1fr 1.4fr;gap:22px 48px;margin-top:68px;font-size:15px;display:grid}.contactGrid span{align-items:center;gap:13px;display:flex}.contactGrid svg{width:22px;height:22px}.phoneVisual{justify-content:center;align-items:center;gap:25px;padding-top:12px;display:flex;transform:rotate(-7deg)}.phone{aspect-ratio:.52;text-align:center;color:#6d8994;background:linear-gradient(145deg,#d9eff6,#f3c6be 48%,#fff);border:8px solid #171717;border-radius:30px;justify-content:center;align-items:center;width:min(210px,30%);font-size:11px;font-weight:700;display:flex;position:relative;box-shadow:10px 15px #00000024}.phoneTwo{background:linear-gradient(145deg,#f8d994,#f4ca8a 40%,#e6f2cf);transform:rotate(17deg)translateY(25px)}.phone i{background:#101010;border-radius:0 0 12px 12px;width:42%;height:16px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.logoRow{color:#415b66;border-top:1px solid #aaa;justify-content:space-evenly;padding:44px 0 0;font-size:20px;font-weight:800;display:flex}.careerHead,.careerTimeline{display:none}@media (width<=900px){.resumeStage{grid-template-columns:1fr;padding:75px 0 50px}.phoneVisual{height:380px}.phone{width:150px}.contactGrid{margin-top:45px}.logoRow{font-size:12px}.about{background-size:auto 100%}}.phone video{object-fit:cover;border-radius:20px;width:100%;height:100%;display:block}.phoneVisual{min-height:660px;padding-top:0;transform:none}.girlVideo{object-fit:contain;opacity:1;mix-blend-mode:normal;filter:saturate(1.55)contrast(1.08);width:100%;height:672px;display:block}@media (width<=900px){.phoneVisual{height:380px;min-height:0}.girlVideo{height:380px}}.about{background-image:url(/profile-bg.jpg);background-position:top;background-repeat:no-repeat;background-size:cover}@media (width<=900px){.about{background-size:cover}}.resumeStage{grid-template-columns:.85fr 1.15fr}.resumeCopy{padding-left:4%}@media (width<=900px){.resumeCopy{order:1;padding-left:0}.phoneVisual{order:2}}.phoneVisual{position:relative}.girlVideoFrame{aspect-ratio:9/16;width:auto;height:560px;margin:auto;position:relative;overflow:hidden}.girlVideoFrame .girlVideo{object-fit:cover;width:100%;height:100%}.girlVideoFrame:before,.girlVideoFrame:after{content:"";z-index:2;pointer-events:none;filter:blur(.5px);width:31%;height:7%;position:absolute}.girlVideoFrame:before{background:linear-gradient(135deg,#84cfdf 0%,#8bd2e1 55%,#92d5e3 100%);top:2%;left:2%;box-shadow:0 0 5px 3px #8ed3e2b8}.girlVideoFrame:after{background:linear-gradient(135deg,#c7e1e8 0%,#cbe3e9 58%,#cee5ea 100%);bottom:2%;right:2%;box-shadow:0 0 5px 3px #cbe3e9c2}.resumeStage{align-items:center}.phoneVisual{transform:translateY(-48px)}.resumeCopy{align-self:center}@media (width<=900px){.girlVideoFrame{height:380px}}.girlVideoFrame:before{background:#e3e1e1;box-shadow:0 0 5px 3px #e3e1e1c7}.girlVideoFrame:after{background:#e3e2e2;bottom:0;box-shadow:0 0 5px 3px #e3e2e2cc}.girlVideoFrame:before,.girlVideoFrame:after{display:none}.logoRow{padding-top:0}.logoRow span{justify-content:center;align-items:flex-start;width:260px;height:104px;display:flex;position:relative;top:0}.logoRow img{object-fit:contain;mix-blend-mode:multiply;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.logoRow{grid-template-columns:repeat(4,1fr);justify-items:stretch;display:grid;overflow:visible}.logoRow span{width:auto;overflow:visible}.logoRow img{width:auto;max-width:100%;height:auto;transform:none}.peach{background:#fff}.planeDesign{background:#fff;width:100%;margin-bottom:-120px;position:relative;top:-120px;overflow:hidden}.planeDesign img{width:100%;height:auto;margin:0;display:block}footer h2{line-height:1.12}footer .wrap>div:first-child>span{font-size:21px;font-weight:700}footer .wrap>div:last-child>p{font-size:12px;font-weight:700}footer .wrap>div:last-child{transform-origin:0 100%;position:relative;top:-18px;transform:scale(1.12)}footer .wrap>div:last-child>p,footer .wrap>div:last-child>a{border-bottom:.5px solid #111;padding-bottom:8px;font-size:13.5px}footer .wrap{column-gap:8vw}footer h2{white-space:nowrap;font-size:clamp(53px,6.2vw,117px)}.contactGrid a{align-items:center;gap:13px;display:flex}.heroVideo{filter:saturate(1.4)contrast(1.16)brightness(1.08)}.videoWatermarkMask{width:calc(clamp(150px,15vw,285px) + 10px);height:clamp(62px,7vw,112px)}.videoWatermarkMaskTop{opacity:1;background:#00d6ff;width:calc(clamp(180px,18vw,340px) + 30px)}.videoWatermarkMask:not(.videoWatermarkMaskTop){opacity:1;background:#00a4ff;width:calc(clamp(150px,15vw,285px) + 40px)}section:not(.hero){content-visibility:auto;contain-intrinsic-size:auto 900px}