@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0d0c0e;--ink:#f4f0e9;--muted:#a8a3ac;--gold:#efc65e;--purple:#b291c9;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','PingFang SC',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:7px}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.06}h2{font-size:clamp(36px,4.4vw,68px)}em{font-family:Georgia,'Songti SC',serif;font-weight:400}p{line-height:1.7}::selection{background:var(--gold);color:var(--bg)}.skip{position:fixed;top:-100px;z-index:100;padding:12px;background:var(--gold);color:#111}.skip:focus{top:10px}.header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;width:100%;z-index:20;border-bottom:1px solid #ffffff1b}.logo{font-family:'Manrope',sans-serif;font-size:41px;font-weight:800;letter-spacing:-3.2px;position:relative;line-height:.8;display:inline-block;padding-right:20px}.logo-star{position:absolute;font-size:24px;right:-1px;top:-7px;color:var(--gold);font-weight:400}.logo small{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:5px;display:block;margin-top:10px;margin-left:4px;font-weight:500}.header nav{display:flex;gap:36px;font-size:13px}.header nav a{padding:10px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s}.header nav a:hover:after{width:100%}.nav-actions{display:flex;gap:30px;align-items:center;font-size:12px}.nav-actions button{font-size:12px;padding:10px 0}#language span{color:var(--muted)}.nav-contact{padding:12px 21px;border:1px solid #ffffff50;border-radius:30px;transition:.3s}.nav-contact:hover{background:var(--gold);color:#111;border-color:var(--gold)}#menu{display:none}.hero{min-height:830px;height:min(960px,100svh);position:relative;isolation:isolate;overflow:hidden;padding:157px 6% 0}.hero-glow{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 62% -25%,#e4b73d9c 0,transparent 48%),radial-gradient(ellipse at 22% -9%,#7b46658c 0,transparent 48%)}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:500}.eyebrow i{display:inline-block;width:6px;height:6px;margin-right:10px;background:var(--gold);border-radius:100%}.hero-location{font-size:9px;letter-spacing:1.8px;color:#c2b9b3}.hero h1{font-size:clamp(72px,8.8vw,145px);margin-top:75px;position:relative;z-index:1}.hero h1 em{color:var(--gold);line-height:1.2}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:42px;position:relative;z-index:2}.hero-bottom p{max-width:370px;color:#c4bec8;font-size:14px;line-height:1.8}.round-link{display:flex;align-items:center;gap:27px;font-size:12px}.round-link b{display:grid;place-items:center;width:62px;height:62px;border:1px solid #ffffff55;border-radius:50%;font-size:23px;font-weight:400;transition:.3s}.round-link:hover b{transform:rotate(45deg);background:var(--gold);color:#111}.hero-foot{position:absolute;bottom:29px;left:6%;right:6%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;letter-spacing:1.8px;font-size:9px;color:#9d959f}.hero-orbit{position:absolute;z-index:-2;width:560px;height:560px;right:4%;top:32%;border-radius:50%;transform:rotate(-28deg);background:radial-gradient(ellipse at center,transparent 49%,#6f41637d 56%,#ba89c083 58%,#553952 60%,#241c28 67%,transparent 70%);box-shadow:inset -3px 2px 25px #bf91b936;animation:float 12s ease-in-out infinite}.orbit-core{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(ellipse at center,transparent 47%,#b5946555 57%,#a178a47d 60%,transparent 63%);transform:rotate(40deg) scaleX(.63);filter:blur(1px)}@keyframes float{50%{transform:translateY(-25px) rotate(-12deg)}}.ticker{background:var(--gold);color:#211b12;overflow:hidden;padding:21px 0}.ticker div{width:max-content;font-size:17px;letter-spacing:3px;font-weight:600;animation:marquee 36s linear infinite}.ticker span{margin:0 48px;font-size:24px;vertical-align:middle}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:108px 6%;display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px}.section-label{font-size:10px;letter-spacing:1.5px;display:flex;gap:15px;padding-top:9px;align-items:flex-start}.section-label>span:first-child{color:#8a7b8c;white-space:nowrap}.about{background:#f0ede7;color:#28222b}.about h2{max-width:850px}.about-copy{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;margin-top:40px}.about-copy p:first-child{font-size:23px;line-height:1.45;max-width:270px;letter-spacing:-.6px}.about-copy p:last-child{font-size:14px;color:#706a72}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:63px}.principles article{border-top:1px solid #28222b30;padding-top:20px}.principles article>span{font-size:25px;color:#886897}.principles h3{font-size:18px;font-weight:500;margin:25px 0 10px;letter-spacing:-.5px}.principles p{font-size:12px;color:#777079;max-width:220px}.services{padding-bottom:75px}.section-heading{display:flex;gap:50px;justify-content:space-between;align-items:flex-end;margin-bottom:48px}.section-heading h2{font-size:clamp(34px,3.8vw,59px)}.section-heading em{color:var(--purple)}.section-heading>p{max-width:205px;font-size:13px;color:var(--muted)}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:25px;padding:24px 0}summary::-webkit-details-marker{display:none}summary .num{font-size:10px;color:var(--muted);min-width:18px}summary h3{font-size:clamp(20px,2.2vw,32px);font-weight:400;letter-spacing:-.7px}summary .plus{margin-left:auto;font-size:26px;font-weight:300;color:var(--purple);transition:transform .3s}details[open] .plus{transform:rotate(45deg)}details>p{color:var(--muted);font-size:14px;max-width:710px;padding:0 35px 28px 43px}.industries{display:flex;gap:30px;margin-top:33px;align-items:center}.industries>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.industries p{font-size:12px}.work{background:#181419}.work .section-heading{align-items:flex-end}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 25px}.case-card{width:100%;padding:0;text-align:left;display:block}.case-card:first-child{grid-column:1/-1}.case-art{height:280px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;transition:filter .4s}.case-card:first-child .case-art{height:390px}.case-art .art-name{font-family:Georgia,serif;font-size:clamp(50px,5.5vw,88px);position:relative;z-index:2;letter-spacing:-4px;text-align:center}.case-art .art-label{position:absolute;bottom:25px;left:27px;font-size:9px;letter-spacing:3px}.case-art .art-top{position:absolute;top:26px;left:27px;font-size:9px;letter-spacing:2px}.case-art .art-arrow{position:absolute;right:23px;top:22px;width:39px;height:39px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;transition:transform .4s;font-size:20px}.case-card:hover .art-arrow{transform:rotate(45deg);background:#ffffff24}.case-card:hover .case-art{filter:brightness(1.13)}.art-fresh{background:radial-gradient(ellipse at 70% 80%,#75997a,#334f43 45%,#172e2a);color:#ece9d8}.art-fresh:before,.art-fresh:after{content:'';position:absolute;width:480px;height:480px;border:1px solid #f1eac338;border-radius:50%;top:-180px;right:-20px;transform:rotate(-35deg) scaleX(.5)}.art-fresh:after{right:120px;top:-70px;transform:rotate(-35deg) scaleX(.7)}.art-fresh .art-name{font-size:130px;font-style:italic}.art-clarins{background:linear-gradient(125deg,#6c131f,#b32637 65%,#d46067);color:#fff6ec}.art-clarins:after{content:'';width:155px;height:155px;border-radius:50%;background:#eccc8b;position:absolute;filter:blur(60px);right:-80px;top:-65px}.art-clarins .art-name{font-size:52px;letter-spacing:3px}.art-korea{background:linear-gradient(135deg,#5d4973,#b296b2 65%,#d6bbc4);color:#fff2df}.art-korea .art-name{font-style:italic}.art-qwen{background:radial-gradient(ellipse at 85% 80%,#b788dc,#574a85 50%,#252744)}.art-qwen .art-name{font-family:'Manrope',sans-serif;font-weight:600;letter-spacing:-4px}.art-funry{background:linear-gradient(120deg,#81803f,#d1c862 65%,#f0d980);color:#242917}.art-funry .art-name{font-family:'Manrope',sans-serif;font-style:italic;font-weight:800;letter-spacing:-4px}.art-funry:after{content:'';position:absolute;inset:-100px 80px;border:1px solid #fbf4bb70;transform:rotate(35deg)}.case-meta{display:flex;justify-content:space-between;margin-top:19px;gap:14px}.case-meta h3{font-size:19px;font-weight:500;letter-spacing:-.6px}.case-meta p{font-size:11px;color:var(--muted);margin-top:5px}.case-meta>span{font-size:9px;text-align:right;color:var(--muted);padding-top:4px;max-width:110px;line-height:1.5;letter-spacing:1px}.reach{background:#d5c1df;color:#2c1d34;position:relative;overflow:hidden}.reach-main{position:relative;z-index:1}.reach-main h2{font-size:clamp(50px,6vw,92px);margin:35px 0 45px}.reach-main h2 em{color:#764d89}.reach-main>p{max-width:550px;font-size:14px;color:#604d68}.market-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.market-list span{padding:9px 20px;border:1px solid #38233e40;border-radius:30px;font-size:12px}.reach:after{content:'✳';position:absolute;font-size:550px;right:-85px;top:50px;color:#a283b62b;line-height:1}.partnership-main h2{margin-bottom:45px}.partnership-row{display:grid;grid-template-columns:40px 1fr 1fr;gap:20px;border-top:1px solid var(--line);padding:26px 0}.partnership-row>span{font-size:11px;color:var(--purple);padding-top:5px}.partnership-row h3{font-size:21px;font-weight:400;letter-spacing:-.5px}.partnership-row p{font-size:13px;color:var(--muted)}.contact{padding:87px 6% 65px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 95% 115%,#b8843980,transparent 48%),radial-gradient(ellipse at 0% 0%,#59406480,transparent 60%),#181318}.contact-title{display:flex;justify-content:space-between;align-items:center;padding:36px 0}.contact h2{font-size:clamp(80px,12vw,180px);line-height:.95}.contact h2 em{color:var(--gold)}.contact-title>span{font-size:130px;margin-right:6%;font-weight:400;color:var(--gold);transition:transform .3s}.contact-title:hover>span{transform:translate(12px,-12px)}.contact-bottom{margin-top:30px;padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.contact-bottom p{font-size:13px;color:var(--muted)}.contact-bottom div{display:flex;flex-direction:column;gap:12px}.contact-bottom a:first-child{font-size:20px}.contact-bottom a:last-child{font-size:12px;color:var(--muted)}footer{display:flex;padding:36px 6%;align-items:center;justify-content:space-between}footer .logo{transform:scale(.75);transform-origin:left}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}.reveal{transition:opacity .8s,transform .8s}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(26px)}dialog{background:#f1ece5;color:#2d2330;border:0;padding:60px;max-width:800px;width:calc(100% - 32px);max-height:85svh;overscroll-behavior:contain}dialog::backdrop{background:#08050cce;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:20px;top:13px;font-size:35px;color:#3c2b45;line-height:1}.case-dialog-tag{font-size:10px;letter-spacing:2px;color:#86638d}.case-dialog-title{font-size:43px;margin:18px 0 30px;line-height:1.15}.case-detail{padding-top:20px;margin-top:20px;border-top:1px solid #0002}.case-detail h3{font-size:11px;letter-spacing:2px;margin-bottom:10px;color:#855d93}.case-detail p{font-size:15px;color:#62546a}html[lang=zh-CN] h1{font-size:clamp(66px,8vw,120px);line-height:1.2}html[lang=zh-CN] h2{letter-spacing:-.025em;line-height:1.2}html[lang=zh-CN] .contact h2{font-size:clamp(68px,9vw,130px)}
@media(min-width:1600px){.section{grid-template-columns:230px 1fr}.hero{padding-top:180px}}@media(max-width:1000px){.section{grid-template-columns:120px 1fr;gap:20px;padding:80px 5%}.section-label{font-size:8px;gap:7px}.section-heading{display:block}.section-heading>p{margin-top:25px;max-width:300px}.about-copy{gap:25px}.hero{height:820px;min-height:760px}.hero h1{margin-top:100px}.hero-orbit{right:-120px}.header nav{gap:20px}.nav-actions{gap:20px}.principles{gap:15px}.case-meta{display:block}.case-meta>span{display:block;text-align:left;margin-top:8px;max-width:none}.art-clarins .art-name{font-size:38px}.partnership-row{grid-template-columns:25px 1fr}.partnership-row p{grid-column:2}}
@media(max-width:680px){html{scroll-padding-top:25px}.header{height:83px;padding:0 6%}.logo{font-size:34px}.logo small{font-size:7px;letter-spacing:4px}.logo-star{font-size:21px}.header nav{display:none;position:absolute;top:82px;left:0;width:100%;background:#171218;padding:30px 6%;flex-direction:column;gap:16px;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.header nav a{font-size:22px}.nav-actions{gap:20px}.nav-contact{display:none}#menu{display:flex;flex-direction:column;gap:6px;width:25px;padding:12px 0}#menu span{height:1px;width:23px;background:#eee}.hero{height:770px;min-height:700px;padding-top:124px}.hero-location{display:none}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:clamp(49px,10.8vw,73px);margin-top:85px;letter-spacing:-.06em}.hero h1 em{line-height:1.45}.hero-bottom{display:block;margin-top:25px}.hero-bottom p{font-size:13px;max-width:290px}.round-link{margin-top:30px;gap:20px;display:inline-flex}.round-link b{height:43px;width:43px;font-size:18px}.hero-orbit{width:380px;height:380px;right:-155px;top:32%;opacity:.72}.hero-foot{font-size:7px;letter-spacing:.8px;bottom:25px}.ticker{padding:16px 0}.ticker div{font-size:12px}.ticker span{margin:0 28px}.section{display:block;padding:64px 6%}.section-label{font-size:9px;margin-bottom:32px;gap:15px}.about h2{font-size:36px}.about-copy{display:block;margin-top:27px}.about-copy p:first-child{font-size:21px;max-width:300px;margin-bottom:20px}.about-copy p:last-child{font-size:13px}.principles{grid-template-columns:1fr;gap:24px;margin-top:35px}.principles article{display:grid;grid-template-columns:28px 1fr;column-gap:12px;padding-top:17px}.principles h3{margin:0}.principles article>span{font-size:20px}.principles p{grid-column:2;max-width:300px;margin-top:7px}.section-heading h2{font-size:36px}.section-heading{margin-bottom:30px}.section-heading>p{font-size:12px;margin-top:20px}summary{gap:15px;padding:24px 0}summary h3{font-size:22px}details>p{padding-left:33px;font-size:13px}.industries{display:block}.industries p{margin-top:10px;font-size:11px}.work-grid{grid-template-columns:1fr;gap:35px}.case-card:first-child{grid-column:auto}.case-card:first-child .case-art,.case-art{height:280px}.art-fresh .art-name{font-size:100px}.art-clarins .art-name{font-size:44px}.case-meta{display:flex}.case-meta h3{font-size:17px}.case-meta>span{font-size:8px;text-align:right;max-width:105px;margin-top:0}.case-meta p{font-size:10px}.reach-main h2{font-size:51px;margin:28px 0 32px}.reach-main>p{font-size:13px}.market-list span{font-size:10px;padding:8px 13px}.partnership-main h2{font-size:36px}.partnership-row h3{font-size:22px}.partnership-row{gap:8px 15px}.contact{padding:60px 6% 40px}.contact h2{font-size:87px}.contact-title>span{font-size:60px;margin-right:0}.contact-bottom{display:block;margin-top:18px}.contact-bottom div{margin-top:23px}.contact-bottom a:first-child{font-size:19px}footer{padding:27px 6%;gap:15px}footer>span{font-size:8px}footer>a:last-child{font-size:9px}dialog{padding:46px 25px 30px}.case-dialog-title{font-size:31px}.case-detail p{font-size:13px}html[lang=zh-CN] h1{font-size:clamp(47px,10.5vw,70px)}html[lang=zh-CN] .contact h2{font-size:64px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}}