:root{color-scheme:dark;--bg:#09090b;--panel:#121216;--line:#34343a;--text:#f4f3f5;--muted:#aaa9b0;--pink:#e52a88}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--pink);outline-offset:5px}.wrap{width:min(100% - 8vw,1360px);margin-inline:auto}.skip-link{position:absolute;top:-80px;left:20px;background:var(--pink);padding:12px;z-index:30}.skip-link:focus{top:20px}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid #ffffff29}.brand{display:flex;flex-direction:column;width:max-content;line-height:.86}.brand-word{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-style:italic;font-size:31px;letter-spacing:.035em}.brand-x{color:var(--pink);font-size:1.25em;margin-left:1px}.brand-sub{font-size:8px;letter-spacing:.31em;font-weight:700;margin-top:7px}.site-header nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.site-header nav>a:not(.nav-contact):hover,.text-link:hover,.site-footer a:hover{color:var(--pink)}.nav-contact{border:1px solid #ffffff70;padding:13px 18px;transition:.2s}.nav-contact:hover{background:var(--pink);border-color:var(--pink);color:#08080a}.nav-contact span{margin-left:18px}.hero{min-height:710px;height:min(900px,100svh);position:relative;display:flex;align-items:center;overflow:hidden;background:#09090b}.hero-image{position:absolute;inset:0;background:url('assets/hero-car.png') 58% center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08080b 0%,#08080bd9 24%,#08080b66 48%,transparent 76%),linear-gradient(0deg,#08080be6,transparent 27%)}.hero-content{position:relative;z-index:1;padding-top:75px}.eyebrow,.section-number,.small-label{font-size:12px;font-weight:700;letter-spacing:.2em}.eyebrow{display:flex;align-items:center;gap:12px}.rule{display:block;width:29px;height:2px;background:var(--pink)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif}h1{font-size:clamp(74px,9.2vw,150px);font-weight:800;line-height:.82;letter-spacing:-.025em;margin:36px 0 25px;max-width:850px}h1 em{font-style:normal;-webkit-text-stroke:1px #f4f3f5;color:transparent}.period{color:var(--pink)}.hero-copy{color:#d0cfd3;max-width:390px;font-size:17px;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:17px 21px;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.09em;transition:.2s}.primary{background:var(--pink);color:#09090b}.primary:hover{background:#f860a9;transform:translateY(-2px)}.text-link{font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.1em;border-bottom:1px solid #fff;padding:10px 0}.text-link span{margin-left:14px}.hero-foot{position:absolute;left:0;right:0;bottom:28px;z-index:1;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.18em;font-weight:700;color:#d4d1d7}.intro{padding:112px 0 68px;display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end}.section-number{color:var(--pink);margin-bottom:24px}.intro h2,.contact h2{font-size:clamp(56px,6.5vw,104px);font-weight:800;line-height:.9;letter-spacing:-.01em;margin:0}.intro h2 span,.contact h2 span{color:var(--pink)}.intro-copy{color:var(--muted);font-size:17px;line-height:1.75;max-width:420px;margin:0 0 5px}.services{border-top:1px solid var(--line);padding-bottom:120px}.service-group{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:48px 0 62px;border-bottom:1px solid var(--line)}.service-heading{display:flex;gap:26px}.service-index{font-family:'Barlow Condensed',sans-serif;color:var(--pink);font-weight:700;font-size:24px}.small-label{color:var(--muted);margin:6px 0 23px}.service-heading h3{font-size:clamp(42px,4.4vw,68px);font-weight:700;line-height:.95;margin:0}.service-options{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-content:end}.option{border-top:2px solid var(--pink);padding-top:18px;display:grid;grid-template-columns:24px 1fr;gap:14px}.option-no{font-family:'Barlow Condensed',sans-serif;font-size:19px;color:var(--pink);font-weight:700}.option h4{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:28px;line-height:1;margin:0 0 11px}.option p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}.statement{background:#17171b;overflow:hidden}.statement-inner{min-height:570px;padding-top:92px;padding-bottom:95px;position:relative}.statement h2{font-size:clamp(76px,10vw,155px);line-height:.83;letter-spacing:-.02em;font-weight:800;margin:0}.statement h2 span{color:var(--pink)}.statement-aside{position:absolute;right:0;bottom:90px;width:260px}.x-mark{position:absolute;right:15px;bottom:10px;font-family:'Barlow Condensed',sans-serif;font-size:300px;line-height:1;font-weight:800;color:#e52a8813;pointer-events:none}.statement-aside p{position:relative;color:#c5c3c9;font-size:16px;line-height:1.7;margin:0}.contact{padding:120px 0 140px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-info{padding-top:60px}.contact-info>p:first-child{font-size:19px;line-height:1.6;color:#c9c7ce;max-width:420px}.email-link{display:flex;justify-content:space-between;gap:15px;max-width:510px;border-bottom:1px solid var(--pink);padding:20px 0;font-size:clamp(17px,2vw,26px);font-weight:700;word-break:break-word}.email-link:hover{color:var(--pink)}.contact-note{font-size:13px;color:var(--muted);margin-top:19px}.site-footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:38px;display:flex;justify-content:space-between;gap:20px;font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--muted)}@media(max-width:900px){.hero{min-height:650px;height:87svh}.hero-image{background-position:63% center}.hero-shade{background:linear-gradient(90deg,#08080be8,#08080b4d 80%),linear-gradient(0deg,#08080be8,transparent 40%)}.intro{grid-template-columns:1fr;gap:35px}.service-group{grid-template-columns:1fr;gap:38px}.statement-aside{right:4vw}.contact{gap:30px}}@media(max-width:640px){.wrap{width:min(100% - 40px,1360px)}.site-header{height:68px;padding:0 20px}.brand-word{font-size:25px}.brand-sub{font-size:6px}.site-header nav{gap:12px}.site-header nav>a:not(.nav-contact){display:none}.nav-contact{padding:11px 12px;font-size:11px}.nav-contact span{margin-left:5px}.hero{min-height:650px;height:86svh;max-height:820px;align-items:flex-end}.hero-image{background-position:61% center}.hero-shade{background:linear-gradient(0deg,#08080b 1%,#08080bba 38%,#08080b20 80%),linear-gradient(90deg,#08080b85,transparent)}.hero-content{padding-top:100px;padding-bottom:100px}h1{font-size:clamp(62px,15vw,92px);margin:24px 0}.eyebrow{font-size:10px}.hero-copy{font-size:15px;max-width:300px}.hero-actions{gap:20px}.button{gap:20px;padding:15px;font-size:11px}.text-link{font-size:11px}.hero-foot{bottom:20px;font-size:9px}.intro{padding:75px 0 45px}.intro h2,.contact h2{font-size:clamp(55px,13vw,76px)}.intro-copy{font-size:15px}.services{padding-bottom:75px}.service-group{padding:35px 0 43px}.service-heading h3{font-size:48px}.service-options{gap:25px}.option{display:block}.option-no{display:block;margin-bottom:9px}.option h4{font-size:24px}.option p{font-size:13px}.statement-inner{min-height:590px;padding-top:75px;padding-bottom:190px}.statement h2{font-size:clamp(71px,15vw,98px)}.statement-aside{left:20px;right:auto;bottom:55px;width:min(320px,80vw)}.statement-aside p{font-size:15px}.contact{grid-template-columns:1fr;padding:80px 0 100px}.contact-info{padding-top:0}.contact-info>p:first-child{font-size:16px}.email-link{font-size:18px}.site-footer{font-size:9px}}@media(max-width:390px){h1{font-size:57px}.hero-actions{gap:12px}.button{gap:9px}.service-options{grid-template-columns:1fr}.statement h2{font-size:67px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.logo-plate{margin-top:38px;background:#fff;width:280px;height:92px;overflow:hidden}.logo-plate img{width:100%;height:100%;object-fit:cover;object-position:center}
.lang-switch{border:0;background:none;color:var(--pink);font:700 13px ''DM Sans'',sans-serif;letter-spacing:.08em;cursor:pointer;padding:10px 2px;white-space:nowrap}.lang-switch:hover{color:#fff}.lang-switch:focus-visible{outline:2px solid var(--pink);outline-offset:3px}html[lang="zh-CN"] body{font-family:''Microsoft YaHei'',''PingFang SC'',''Noto Sans CJK SC'',sans-serif}html[lang="zh-CN"] h1,html[lang="zh-CN"] h2,html[lang="zh-CN"] h3,html[lang="zh-CN"] h4{font-family:''Microsoft YaHei'',''PingFang SC'',''Noto Sans CJK SC'',sans-serif;font-weight:800;letter-spacing:-.04em}html[lang="zh-CN"] h1{font-size:clamp(80px,11vw,150px);line-height:1.08}html[lang="zh-CN"] #services-title{font-size:clamp(48px,5.5vw,82px);line-height:1.15}html[lang="zh-CN"] .statement h2{font-size:clamp(70px,9vw,125px);line-height:1.15}html[lang="zh-CN"] .contact h2{font-size:clamp(60px,7vw,100px);line-height:1.15}html[lang="zh-CN"] .service-heading h3{font-size:clamp(40px,4vw,60px);line-height:1.2}html[lang="zh-CN"] .option h4{font-size:24px;line-height:1.2}@media(max-width:640px){.site-header nav{gap:9px}.lang-switch{font-size:12px}html[lang="zh-CN"] h1{font-size:clamp(66px,15vw,96px)}html[lang="zh-CN"] #services-title{font-size:clamp(38px,9vw,58px)}html[lang="zh-CN"] .statement h2{font-size:clamp(62px,14vw,92px)}html[lang="zh-CN"] .contact h2{font-size:clamp(52px,12vw,74px)}html[lang="zh-CN"] .service-heading h3{font-size:40px}}
html[lang="zh-CN"] h1{font-size:clamp(78px,8vw,112px);line-height:1.05;margin:24px 0 20px}@media(max-width:640px){html[lang="zh-CN"] h1{font-size:clamp(62px,14vw,82px)}html[lang="zh-CN"] .hero-content{padding-bottom:90px}}
.service-options{align-content:center}.service-options .subhead{grid-column:1/-1;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.18em;margin:0 0 2px}.service-options .option{grid-template-columns:42px 1fr}.service-options .option-no{font-size:17px}.service-heading .service-en{display:block;margin-top:15px;color:var(--pink);font-family:''DM Sans'',sans-serif;font-size:clamp(16px,1.6vw,22px);font-weight:700;line-height:1.2;letter-spacing:.08em}html[lang="zh-CN"] .service-heading .service-en{font-family:''DM Sans'',''Microsoft YaHei'',sans-serif;font-size:17px;letter-spacing:.03em}html[lang="zh-CN"] .service-heading h3{font-size:clamp(50px,5vw,72px)}@media(max-width:640px){.service-options .subhead{margin:0}.service-options .option{grid-template-columns:1fr}html[lang="zh-CN"] .service-heading h3{font-size:48px}}
.term-en{display:block;margin-top:8px;color:var(--pink);font-family:'DM Sans',Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.08em}
.intro{padding-top:78px;padding-bottom:52px}.intro h2,html[lang="zh-CN"] #services-title{font-size:clamp(52px,5.4vw,78px);line-height:1}.intro h2 .intro-en{display:block;margin-top:15px;color:var(--pink);font:700 clamp(15px,1.5vw,20px)/1.3 ''DM Sans'',Arial,sans-serif;letter-spacing:.08em}html[lang="zh-CN"] .intro h2 .intro-en{font-size:18px}.service-heading h3{font-size:clamp(52px,5.2vw,78px)}html[lang="zh-CN"] .service-heading h3{font-size:clamp(56px,5.6vw,82px)}@media(max-width:640px){.intro{padding-top:62px;padding-bottom:36px}.intro h2,html[lang="zh-CN"] #services-title{font-size:54px}.service-heading h3,html[lang="zh-CN"] .service-heading h3{font-size:49px}}
@media(min-width:761px){.site-header nav{display:grid;grid-template-columns:104px 104px 52px 184px;gap:18px;align-items:center;justify-items:center}.site-header nav>a:not(.nav-contact){white-space:nowrap}.site-header .lang-switch{width:52px;text-align:center}.site-header .nav-contact{box-sizing:border-box;width:184px;display:flex;justify-content:space-between;align-items:center;white-space:nowrap}.site-header .nav-contact span{margin-left:0}}@media(max-width:760px){.site-header nav{display:flex;gap:12px}.site-header nav>a:not(.nav-contact){display:none}.site-header .lang-switch{width:42px;text-align:center}.site-header .nav-contact{box-sizing:border-box;width:132px;display:flex;justify-content:space-between;align-items:center;white-space:nowrap}.site-header .nav-contact span{margin-left:0}}
.social-link{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:510px;border-bottom:1px solid var(--line);padding:18px 0;color:var(--text);font-size:16px;font-weight:700}.social-link:hover{color:var(--pink);border-color:var(--pink)}.social-link span{color:var(--pink)}
.services{padding-bottom:45px}.portfolio{padding-bottom:120px}.portfolio-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:38px 0 36px}.portfolio-heading h2{font-size:clamp(62px,7vw,108px);line-height:.9;font-weight:800;margin:0}.portfolio-source{max-width:280px;color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 5px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 20px}.work-item{margin:0;min-width:0}.work-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#19191c}.work-item figcaption{display:flex;flex-direction:column;gap:8px;border-top:2px solid var(--pink);padding-top:15px;margin-top:14px}.work-item strong{font-family:''Barlow Condensed'',''Microsoft YaHei'',sans-serif;font-size:clamp(22px,2vw,29px);font-weight:700;line-height:1.15}.work-item figcaption span{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}html[lang="zh-CN"] .portfolio-heading h2{font-family:''Microsoft YaHei'',''PingFang SC'',sans-serif;font-size:clamp(54px,6vw,88px)}html[lang="zh-CN"] .work-item strong{font-family:''Microsoft YaHei'',''PingFang SC'',sans-serif;font-size:22px}@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.services{padding-bottom:20px}.portfolio{padding-bottom:75px}.portfolio-heading{display:block;padding:28px 0}.portfolio-heading h2,html[lang="zh-CN"] .portfolio-heading h2{font-size:55px}.portfolio-source{margin-top:18px}.portfolio-grid{grid-template-columns:1fr;gap:34px}.work-item img{aspect-ratio:4/3}}
.statement{background:#17171b}.statement-inner{min-height:0;padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:8vw;align-items:end}.statement h2{font-size:clamp(74px,7.5vw,116px);line-height:.98;max-width:850px}.statement-aside{position:relative;right:auto;bottom:auto;width:auto;border-top:2px solid var(--pink);padding-top:24px}.statement-aside-title{color:var(--pink);font-size:12px;font-weight:700;letter-spacing:.16em;margin:0 0 16px}.statement-step{display:grid;grid-template-columns:34px 1fr;gap:14px;border-top:1px solid #ffffff2b;padding:17px 0}.statement-step>span{font:700 18px 'Barlow Condensed',sans-serif;color:var(--pink)}.statement-step p{font-size:17px;line-height:1.55;color:var(--text);margin:0}.statement-link{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--pink);color:#09090b;padding:17px 19px;margin-top:17px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,transform .2s}.statement-link:hover{background:#f860a9;transform:translateY(-2px)}html[lang="zh-CN"] .statement h2{font-size:clamp(67px,7.2vw,102px);line-height:1.16}html[lang="zh-CN"] .statement-aside-title{letter-spacing:.08em}.x-mark{display:none}@media(max-width:900px){.statement-inner{grid-template-columns:1fr;gap:45px}.statement-aside{max-width:560px}}@media(max-width:640px){.statement-inner{padding-top:75px;padding-bottom:75px;gap:42px}.statement h2{font-size:clamp(65px,13vw,84px)}html[lang="zh-CN"] .statement h2{font-size:clamp(52px,12.5vw,72px)}.statement-step p{font-size:15px}.statement-aside{max-width:none}}
.statement-inner{grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);align-items:center;gap:6vw;min-height:560px}.statement-aside{border-top:0;padding:26px 30px;background:#0d0d10;box-shadow:0 0 0 1px #ffffff23}.statement-contact-copy{font-size:17px;line-height:1.65;color:#d1cfd4;margin:0 0 20px}.statement-aside .email-link{font-size:clamp(16px,1.8vw,24px);max-width:none}.statement-aside .social-link{max-width:none}.statement-aside .contact-note{line-height:1.5}.site-footer{padding-top:34px}@media(max-width:900px){.statement-inner{grid-template-columns:1fr;gap:38px}.statement-aside{max-width:620px}}@media(max-width:640px){.statement-inner{min-height:0}.statement-aside{padding:20px}.statement-contact-copy{font-size:15px}.statement-aside .email-link{font-size:17px}.statement-aside .social-link{font-size:14px}}
.intro{display:block}.service-options{align-content:center}.service-options .option{min-height:90px}.service-options .option h4{margin-bottom:0}.phone-link{cursor:default}.phone-link:hover{color:var(--text);border-color:var(--line)}.phone-link .phone-tag{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--pink)}@media(max-width:640px){.service-options .option{min-height:0}.phone-link .phone-tag{font-size:9px}}
.contact-row{display:flex;align-items:center;justify-content:flex-start;gap:14px}.contact-row .contact-icon{width:21px;height:21px;flex:0 0 21px;color:var(--pink)}.contact-row .contact-text{flex:1;min-width:0;color:var(--text)}.contact-row .row-arrow{flex:none;margin-left:auto;color:var(--pink)}.phone-link .contact-text{color:var(--pink)}.statement-aside .email-link{gap:13px}.statement-aside .email-link .contact-text{overflow-wrap:anywhere}.contact-row:hover .contact-text{color:var(--pink)}@media(max-width:640px){.contact-row{gap:10px}.contact-row .contact-icon{width:19px;height:19px;flex-basis:19px}.statement-aside .email-link{font-size:clamp(13px,4vw,17px)}}
.portfolio-heading{padding-bottom:30px}.portfolio-tabs{display:flex;align-items:stretch;gap:0;border-bottom:1px solid var(--line);margin-bottom:34px}.portfolio-tab{appearance:none;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font:700 14px 'DM Sans','Microsoft YaHei',sans-serif;letter-spacing:.04em;text-align:left;padding:18px 30px 17px 0;margin-right:30px;cursor:pointer;transition:color .2s,border-color .2s}.portfolio-tab:hover{color:var(--text)}.portfolio-tab[aria-selected="true"]{color:var(--text);border-bottom-color:var(--pink)}.portfolio-tab:focus-visible{outline:2px solid var(--pink);outline-offset:-3px}.portfolio-grid[hidden]{display:none}@media(max-width:640px){.portfolio-heading{padding-bottom:20px}.portfolio-tabs{margin-bottom:25px}.portfolio-tab{font-size:12px;line-height:1.4;margin-right:14px;padding:15px 4px 13px 0;flex:1}}
.work-cta{padding:75px 0 105px;display:flex;align-items:end;justify-content:space-between;gap:35px}.work-cta h2{font-size:clamp(54px,6.3vw,96px);line-height:1;margin:0}.work-cta-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--pink);padding:18px 22px;min-width:210px;color:var(--text);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,color .2s}.work-cta-link:hover{background:var(--pink);color:#09090b}.work-cta-link span{color:var(--pink)}.work-cta-link:hover span{color:#09090b}.portfolio-page .site-header{position:relative;background:#101014;border-bottom-color:var(--line)}.portfolio-main{padding-top:105px;padding-bottom:120px}.portfolio-page-heading{padding-bottom:90px}.portfolio-page-heading h1{font-size:clamp(72px,9vw,130px);line-height:.95;margin:0 0 28px}.portfolio-page-heading h1 span{color:var(--pink)}.back-link{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--muted)}.back-link:hover{color:var(--pink)}.work-category{border-top:1px solid var(--line);padding:38px 0 85px}.work-category-heading{display:flex;gap:28px;align-items:start;margin-bottom:34px}.work-category-heading>span{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:700;color:var(--pink)}.work-category-heading h2{font-size:clamp(40px,4.2vw,62px);line-height:1;margin:0}.work-category-heading small{display:block;margin-top:10px;color:var(--pink);font:700 14px 'DM Sans','Microsoft YaHei',sans-serif;letter-spacing:.07em}.portfolio-end{display:flex;justify-content:flex-end;padding-top:5px}html[lang="zh-CN"] .work-cta h2,html[lang="zh-CN"] .portfolio-page-heading h1,html[lang="zh-CN"] .work-category-heading h2{font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-weight:800}@media(max-width:640px){.work-cta{padding:60px 0 75px;display:block}.work-cta h2{font-size:52px;margin-bottom:26px}.work-cta-link{width:100%}.portfolio-main{padding-top:65px;padding-bottom:80px}.portfolio-page-heading{padding-bottom:65px}.portfolio-page-heading h1{font-size:clamp(55px,12vw,75px)}.work-category{padding:30px 0 62px}.work-category-heading{gap:16px;margin-bottom:25px}.work-category-heading h2{font-size:clamp(35px,9vw,48px)}.work-category-heading small{font-size:11px}}
.hero-subtitle{max-width:590px;margin:-8px 0 16px;color:var(--text);font-size:clamp(16px,1.6vw,21px);font-weight:700;line-height:1.45}.hero-copy{max-width:560px;font-size:16px;line-height:1.6;margin-bottom:0}html[lang="zh-CN"] .hero-subtitle{font-family:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif;font-size:clamp(16px,1.55vw,20px);letter-spacing:.01em}html[lang="zh-CN"] .hero-copy{font-size:16px}@media(max-width:640px){.hero-subtitle{font-size:15px;max-width:330px;line-height:1.5;margin:-5px 0 12px}.hero-copy,html[lang="zh-CN"] .hero-copy{font-size:14px;max-width:330px;line-height:1.55}.hero-content{padding-bottom:90px}}
.hero-foot span:last-child{opacity:.48}

/* Service details: concise bilingual cards with a restrained performance accent. */
.service-heading>div{min-width:0}
.service-summary{max-width:360px;margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.65}
.service-options .subhead{color:#c8c5ce}
.service-options .option{min-height:0;align-content:start;padding:18px 14px 16px;margin:0 -14px;border-top:1px solid #5b394c;background:linear-gradient(105deg,#e52a8808,transparent 76%);transition:background .22s ease,box-shadow .22s ease,transform .22s ease,border-color .22s ease}
.service-options .option:hover,.service-options .option:focus-within{background:linear-gradient(105deg,#e52a881c,transparent 82%);box-shadow:0 12px 30px #e52a8810;border-color:var(--pink);transform:translateY(-2px)}
.service-options .option h4{font-size:clamp(22px,2vw,28px);line-height:1.08;margin:0 0 10px}
.service-options .term-en{color:#a7a3ad;font-size:11px;letter-spacing:.12em}
.service-options .option p{max-width:36ch;font-size:13px;line-height:1.7}
.option-cta{display:inline-flex;align-items:center;gap:10px;margin-top:15px;color:var(--pink);font-size:11px;font-weight:700;letter-spacing:.08em;transition:color .2s ease,gap .2s ease}
.option-cta:hover{color:#ff75b8;gap:15px}
.option-cta span{font-size:15px}
@media(max-width:640px){.service-summary{font-size:13px;margin-top:13px}.service-options .option{padding:16px 12px;margin-inline:-12px}.service-options .option p{font-size:13px}.service-options .term-en{font-size:10px}}

/* Contact card hierarchy and contact/social separation. */
.statement-aside{border:1px solid #30232b;background:radial-gradient(ellipse at 82% 0%,#e52a880b,transparent 58%),#0d0d10;box-shadow:0 14px 42px #0007,0 0 28px #e52a8807}
.statement-contact-copy{margin-bottom:22px}
.contact-group-label{padding:13px 0 6px;border-top:1px solid #ffffff24;color:#9d99a3;font-size:10px;font-weight:700;letter-spacing:.17em}
.statement-aside .email-link{margin-bottom:10px;border-bottom:0;padding:13px 0 17px}
.statement-aside .wechat-row{min-height:47px;padding:11px 0 13px;color:var(--text);font-size:15px;font-weight:700}
.wechat-icon{color:#55c985!important}
.social-label{margin-top:7px}
.statement-aside .social-link{padding:15px 0;border-color:#ffffff24}
.statement-aside .social-link:last-child{border-bottom:0;padding-bottom:4px}
.xhs-icon{color:#e75b74!important}
.instagram-icon{color:#d9a5ff!important}
.statement-aside .email-link:hover .contact-text,.statement-aside .social-link:hover .contact-text{color:var(--pink)}
@media(max-width:640px){.statement-aside{padding:20px}.contact-group-label{font-size:9px}.statement-aside .wechat-row{font-size:14px}}

/* About page: editorial brand story, paired with real project imagery. */
.about-page .site-header{position:relative;background:#101014;border-bottom-color:var(--line)}
.about-main{padding-top:0}
.about-hero{padding-top:100px;padding-bottom:76px;position:relative;overflow:hidden}
.about-hero .section-number{margin-bottom:34px}
.about-hero-grid{display:flex;align-items:center;justify-content:space-between;position:relative;min-height:285px}
.about-hero h1{font-size:clamp(88px,14vw,200px);line-height:.78;letter-spacing:-.035em;margin:0}
.about-hero h1 span{color:var(--pink)}
.about-tagline{font-size:clamp(23px,3vw,40px);font-weight:700;margin:27px 0 18px}
.about-kicker{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.22em}
.about-x-mark{position:absolute;right:7%;top:-100px;font:800 clamp(260px,35vw,500px)/.8 'Barlow Condensed',sans-serif;color:#e52a8810;pointer-events:none}
.about-story,.about-principles{border-top:1px solid var(--line);padding-top:66px;padding-bottom:100px}
.about-section-heading{display:flex;gap:24px;align-items:start;margin-bottom:38px}
.about-section-heading>span{font:700 25px 'Barlow Condensed',sans-serif;color:var(--pink)}
.about-section-heading .small-label{margin:4px 0 17px}
.about-section-heading h2{font-size:clamp(42px,5.2vw,76px);line-height:.98;margin:0;max-width:760px}
.about-story-content{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;padding-left:52px}
.about-copy{max-width:490px}
.about-copy p{font-size:17px;line-height:1.9;color:#c8c5ce;margin-bottom:22px}
.about-image{position:relative;margin:0;overflow:hidden;background:#131317}
.about-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09090b9c,transparent 48%),linear-gradient(90deg,#e52a880c,transparent 50%);pointer-events:none}
.about-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.72) brightness(.82);transition:transform .55s ease,filter .4s ease}
.about-image:hover img{transform:scale(1.025);filter:saturate(.9) brightness(.92)}
.about-image figcaption{position:absolute;left:20px;bottom:17px;z-index:1;color:#f3f1f5;font-size:11px;font-weight:700;letter-spacing:.12em}
.about-principles{background:#111115}
.about-principles>.wrap{padding-top:0}
.principles-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center;padding-left:52px}
.principle-image img{aspect-ratio:4/5;object-position:center}
.principle-list{border-top:1px solid #ffffff25}
.principle{display:grid;grid-template-columns:44px 1fr;gap:17px;padding:25px 0;border-bottom:1px solid #ffffff25}
.principle>span{font:700 22px 'Barlow Condensed',sans-serif;color:var(--pink)}
.principle h3{font-size:27px;line-height:1.1;margin:0 0 11px}
.principle p{font-size:14px;line-height:1.75;color:var(--muted);margin:0;max-width:560px}
.about-end{padding-top:95px;padding-bottom:110px}
.about-end .section-number{margin-bottom:22px}
.about-end h2{font-size:clamp(66px,10vw,140px);line-height:.9;margin:0 0 22px}
.about-end>p:not(.section-number){font-size:17px;color:var(--muted);margin-bottom:30px}
.about-end .work-cta-link{min-width:235px;width:max-content}
html[lang="zh-CN"] .about-tagline,html[lang="zh-CN"] .about-section-heading h2,html[lang="zh-CN"] .principle h3,html[lang="zh-CN"] .about-end h2{font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-weight:800}
@media(max-width:900px){.about-story-content,.principles-layout{grid-template-columns:1fr 1fr;gap:5vw;padding-left:0}.about-story,.about-principles{padding-top:55px;padding-bottom:75px}.about-section-heading{margin-bottom:28px}}
@media(max-width:640px){.about-page .site-header nav{gap:10px}.about-hero{padding-top:76px;padding-bottom:52px}.about-hero .section-number{margin-bottom:24px}.about-hero-grid{min-height:235px}.about-hero h1{font-size:clamp(76px,20vw,116px)}.about-tagline{font-size:24px;margin:22px 0 14px}.about-kicker{font-size:9px;letter-spacing:.15em}.about-x-mark{right:-7%;top:8px;font-size:260px}.about-story,.about-principles{padding-top:44px;padding-bottom:58px}.about-section-heading{gap:16px;margin-bottom:22px}.about-section-heading h2{font-size:clamp(36px,9vw,52px)}.about-section-heading .small-label{font-size:10px;margin-bottom:12px}.about-story-content,.principles-layout{grid-template-columns:1fr;gap:27px;padding-left:0}.about-copy p{font-size:15px;line-height:1.85}.about-image img{aspect-ratio:4/3}.principle-image img{aspect-ratio:4/3}.principle{grid-template-columns:34px 1fr;gap:11px;padding:21px 0}.principle h3{font-size:23px}.principle p{font-size:13px}.about-end{padding-top:65px;padding-bottom:75px}.about-end h2{font-size:clamp(58px,14vw,82px)}.about-end>p:not(.section-number){font-size:15px}.about-end .work-cta-link{width:100%}}
.wechat-row{appearance:none;width:100%;border:0;border-bottom:1px solid #ffffff24;background:transparent;text-align:left;font:inherit;cursor:pointer;transition:background .2s ease,color .2s ease}.statement-aside .wechat-row:hover,.statement-aside .wechat-row:focus-visible{background:#e52a880c}.wechat-row:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.copy-feedback{color:var(--pink);font-size:10px;font-weight:700;letter-spacing:.12em;opacity:.75}.wechat-row:hover .copy-feedback{opacity:1}.copy-status{display:block;min-height:0;color:var(--pink);font-size:12px;font-weight:700;line-height:1.5}.copy-status:empty{display:none}
.brand{width:max-content;min-width:0;flex:0 0 auto}.brand-logo{display:block;width:190px;height:58px;object-fit:contain;object-position:left center}
@media(max-width:640px){.brand-logo{width:142px;height:46px}}
.copy-status{position:fixed;z-index:100;left:50%;bottom:28px;margin:0;padding:12px 18px;border:1px solid #6d3253;background:#17151a;color:var(--pink);font-size:13px;font-weight:700;line-height:1.4;white-space:nowrap;box-shadow:0 8px 28px #0009;opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;pointer-events:none}.copy-status.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}

/* Wider bilingual site navigation with a compact mobile disclosure menu. */
@media(min-width:1001px){.site-header nav{display:flex;align-items:center;gap:clamp(12px,1.25vw,22px)}.site-header .nav-links{display:flex;align-items:center;gap:clamp(11px,1.15vw,21px)}.site-header .nav-links .nav-link{white-space:nowrap;font-size:clamp(10px,.78vw,13px);letter-spacing:.04em}.site-header .nav-contact{width:auto;min-width:174px;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:14px 16px;background:var(--pink);border-color:var(--pink);color:#09090b;font-size:11px;letter-spacing:.05em}.site-header .nav-contact:hover{background:#fa5ca5;border-color:#fa5ca5}.site-header .nav-contact span{margin:0}.menu-toggle{display:none}}
.menu-toggle{appearance:none;border:0;background:none;color:var(--text);padding:10px;cursor:pointer;line-height:0}.menu-toggle span{display:block;width:18px;height:2px;margin:4px 0;background:currentColor;transition:transform .2s,opacity .2s}.nav-open .menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}.nav-open .menu-toggle span:last-child{transform:translateY(-3px) rotate(-45deg)}
.materials-section{padding-top:68px;padding-bottom:78px;border-top:1px solid var(--line)}.materials-section .about-section-heading{margin-bottom:20px}.materials-copy{max-width:850px;margin:0 0 18px 52px;color:#d0cdd4;font-size:16px;line-height:1.8}.materials-note{margin-left:52px;color:var(--pink);font-size:12px;font-weight:700;letter-spacing:.04em}.faq-section{padding:70px 0 90px;background:#111115}.faq-list{margin-left:52px;border-top:1px solid #ffffff2a}.faq-list details{border-bottom:1px solid #ffffff2a;padding:0}.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:22px 42px 22px 0;font-size:18px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:6px;top:17px;color:var(--pink);font-size:25px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details p{max-width:820px;margin:0;padding:0 38px 22px 0;color:var(--muted);font-size:14px;line-height:1.75}
@media(max-width:1000px){.site-header{z-index:30}.site-header nav{position:relative;display:flex;align-items:center;gap:6px}.site-header nav .nav-links{display:none}.site-header nav.nav-open .nav-links{position:fixed;top:78px;right:20px;left:20px;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:8px 20px 14px;background:#101014;border-bottom:1px solid var(--line);box-shadow:0 16px 28px #0008}.site-header nav.nav-open .nav-links .nav-link{display:block;padding:15px 5px;border-bottom:1px solid #ffffff1a;font-size:12px}.site-header .lang-switch{width:34px;min-width:34px;padding:8px 3px;font-size:11px}.site-header .nav-contact{width:112px;min-width:112px;display:flex;justify-content:space-between;align-items:center;gap:3px;padding:11px 9px;background:var(--pink);border-color:var(--pink);color:#09090b;font-size:9px;letter-spacing:0;white-space:nowrap}.site-header .nav-contact span{margin:0}.menu-toggle{display:block;padding:7px}.menu-toggle span{width:16px}.materials-section{padding-top:45px;padding-bottom:54px}.materials-copy,.materials-note,.faq-list{margin-left:0}.materials-copy{font-size:14px;line-height:1.75}.faq-section{padding:48px 0 60px}.faq-list summary{font-size:15px;padding:18px 36px 18px 0}.faq-list summary:after{top:13px}.faq-list details p{font-size:13px;padding-bottom:18px}}
.wechat-contact-block{display:grid;grid-template-columns:minmax(0,1fr) 106px;gap:14px;align-items:center;padding:7px 0 14px;border-bottom:1px solid #ffffff24}.statement-aside .wechat-contact-block .wechat-row{border:0;padding:12px 0;min-width:0}.wechat-qr-demo{display:grid;justify-items:center;gap:5px;padding:7px;border:1px solid #ffffff24;background:#ffffff05;text-align:center}.wechat-qr-demo svg{display:block;width:66px;height:66px}.qr-caption{color:#96919b;font-size:8px;line-height:1.45;letter-spacing:.01em;white-space:nowrap}
@media(max-width:640px){.wechat-contact-block{grid-template-columns:minmax(0,1fr) 96px;gap:9px}.wechat-qr-demo{padding:5px}.wechat-qr-demo svg{width:62px;height:62px}.qr-caption{font-size:7px}}
.wechat-contact-block{display:block;padding:0;border:0}.statement-aside .wechat-contact-block .wechat-row{padding:11px 0 13px;border-bottom:1px solid #ffffff24}

@media(max-width:640px){.site-header nav.nav-open .nav-links{top:68px}}
/* Homepage funnel: alternate the pace with practical value, proof and process. */
.value-section{padding:105px 0 112px;background:linear-gradient(115deg,#121216 0%,#0e0e11 58%,#121014 100%);border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff12}
.value-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}
.value-lead h2,.process-heading h2,.faq-home-card h2{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.025em;margin:0 0 20px}
.value-intro,.process-heading>p:last-child{max-width:560px;color:var(--muted);font-size:16px;line-height:1.8;margin:0}
.value-points{border-top:1px solid var(--line)}
.value-points article{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.value-points article>span,.process-steps li>span{font-family:'Barlow Condensed',sans-serif;color:var(--pink);font-size:24px;font-weight:700}
.value-points h3{font-size:25px;line-height:1;margin:0 0 8px}
.value-points p{font-size:14px;line-height:1.65;color:var(--muted);margin:0;max-width:560px}
.intro{padding-top:125px;padding-bottom:54px}
.services{padding-bottom:60px}
.mid-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:27px;padding-bottom:86px;border-top:1px solid var(--line)}
.mid-cta>p{margin:0;color:#d7d4dc;font-size:17px;line-height:1.6}
.mid-cta .work-cta-link{min-width:245px}
.portfolio-preview{padding:102px 0 116px;background:#111115;border-block:1px solid #ffffff0b}
.portfolio-preview-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}
.portfolio-preview-heading .section-number{margin-bottom:17px}
.portfolio-preview-heading h2{font-size:clamp(50px,7vw,94px);line-height:.9;margin:0}
.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.preview-item{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#09090b}
.preview-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#08080bea);pointer-events:none}
.preview-item img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s}
.preview-item:hover img{transform:scale(1.035);filter:brightness(1.1)}
.preview-item .preview-type,.preview-item strong{position:absolute;z-index:1;left:20px;right:20px}
.preview-item .preview-type{bottom:54px;color:#e2dce5;font-size:9px;font-weight:700;letter-spacing:.15em}
.preview-item strong{bottom:22px;font-size:18px;line-height:1.25}
.material-preview{padding:83px 0 88px;border-bottom:1px solid var(--line)}
.material-preview-inner{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.material-preview .section-number{margin-bottom:16px}
.material-preview h2{font-size:clamp(42px,5vw,68px);line-height:.98;margin:0;max-width:540px}
.material-preview-inner>div:last-child>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:610px;margin:0 0 20px}
.process-section{padding-top:110px;padding-bottom:120px}
.process-heading{display:grid;grid-template-columns:1fr 1.2fr;column-gap:8vw;align-items:end;margin-bottom:48px}
.process-heading .section-number{grid-column:1/-1;margin-bottom:20px}
.process-heading h2{margin:0;max-width:630px}
.process-heading>p:last-child{padding-bottom:5px}
.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}
.process-steps li{padding:23px 24px 0 0;min-width:0}
.process-steps li>span{display:block;font-size:17px;margin-bottom:23px}
.process-steps h3{font-size:25px;margin:0 0 11px}
.process-steps p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:28ch}
.about-faq-preview{padding:106px 0 110px;background:#111115;border-block:1px solid #ffffff0b}
.about-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:start}
.about-home-card{padding-top:5px}
.about-home-quote{font-family:'Barlow Condensed','Microsoft YaHei',sans-serif;font-weight:700;font-size:clamp(31px,3.5vw,48px);line-height:1.18;max-width:470px;margin:0 0 22px}
.about-home-copy{color:var(--muted);font-size:15px;line-height:1.8;max-width:470px;margin-bottom:25px}
.faq-home-card>.section-number{margin-bottom:15px}
.faq-home-card h2{font-size:clamp(38px,4vw,58px);margin-bottom:30px}
.faq-home-card .faq-list{margin:0 0 22px}
.faq-home-card .faq-list summary{font-size:15px;padding:18px 38px 18px 0}
.faq-home-card .faq-list summary:after{top:10px}
.faq-home-card .faq-list details p{font-size:13px;padding-bottom:18px}
.statement-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(370px,.85fr);align-items:center;gap:7vw;padding-top:100px;padding-bottom:100px;min-height:620px}
.statement-main{position:relative;z-index:1}
.statement .section-number{margin:0 0 22px}
.statement h2{font-size:clamp(66px,8vw,122px);line-height:.9}
.statement-aside{position:relative;inset:auto;width:auto;max-width:none;z-index:1}
.site-footer{align-items:flex-start;flex-wrap:wrap}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:11px 20px;max-width:760px;letter-spacing:.04em}
.footer-links a:hover{color:var(--pink)}
body.has-reveal [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
body.has-reveal [data-reveal].is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.value-inner{grid-template-columns:1fr;gap:38px}.about-faq-grid{grid-template-columns:1fr;gap:55px}.statement-inner{grid-template-columns:1fr;gap:42px}.statement-aside{max-width:650px}.process-heading{grid-template-columns:1fr;gap:0}.process-heading .section-number{grid-column:auto}.process-heading>p:last-child{margin-top:17px}.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.process-steps li{padding-top:18px}.process-steps li>span{margin-bottom:13px}}
@media(max-width:640px){.value-section{padding:68px 0 73px}.value-lead h2{font-size:clamp(39px,10vw,56px)}.value-intro{font-size:14px}.value-points article{grid-template-columns:39px 1fr;gap:12px;padding:19px 0}.value-points h3{font-size:22px}.value-points p{font-size:13px}.intro{padding-top:78px;padding-bottom:39px}.services{padding-bottom:28px}.mid-cta{display:block;padding-top:23px;padding-bottom:58px}.mid-cta>p{font-size:15px;margin-bottom:18px}.mid-cta .work-cta-link{width:100%;min-width:0}.portfolio-preview{padding:70px 0 78px}.portfolio-preview-heading{display:block;margin-bottom:24px}.portfolio-preview-heading h2{font-size:clamp(48px,12vw,70px)}.portfolio-preview-heading .back-link{display:inline-block;margin-top:19px}.preview-grid{grid-template-columns:1fr;gap:12px}.preview-item img{aspect-ratio:1.28}.preview-item .preview-type{left:16px;bottom:47px}.preview-item strong{left:16px;bottom:18px;font-size:17px}.material-preview{padding:63px 0}.material-preview-inner{grid-template-columns:1fr;gap:24px}.material-preview h2{font-size:clamp(40px,10vw,56px)}.material-preview-inner>div:last-child>p{font-size:14px}.process-section{padding-top:72px;padding-bottom:77px}.process-heading h2{font-size:clamp(38px,9.5vw,54px)}.process-steps{column-gap:18px;row-gap:20px}.process-steps li{padding-right:0;padding-top:17px}.process-steps h3{font-size:21px}.process-steps p{font-size:12px}.about-faq-preview{padding:72px 0 78px}.about-home-quote{font-size:34px}.faq-home-card h2{font-size:40px;margin-bottom:18px}.faq-home-card .faq-list summary{font-size:14px;padding-top:17px;padding-bottom:17px}.statement-inner{min-height:0;padding-top:74px;padding-bottom:76px;gap:30px}.statement h2{font-size:clamp(43px,11vw,67px);line-height:.95}.statement-aside{padding:19px}.statement-contact-copy{font-size:14px}.statement-aside .email-link{font-size:clamp(13px,3.8vw,17px)}.site-footer{display:grid;grid-template-columns:1fr auto;gap:24px 12px;padding-top:25px;padding-bottom:30px;font-size:9px}.footer-links{grid-column:1/-1;justify-content:flex-start;gap:12px 16px}.footer-links a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.has-reveal [data-reveal]{opacity:1;transform:none;transition:none}.preview-item img{transition:none}}

/* Keep category labels visually attached to their two options on narrow screens. */
@media(max-width:900px){.service-options .subhead{grid-column:1/-1;margin:0;padding:0 0 2px;border:0;background:none}}
@media(max-width:640px){.service-options{column-gap:18px;row-gap:0}.service-options .option{padding:0 0 16px;margin:0;border-top:0;background:none;box-shadow:none;transform:none}.service-options .option:hover,.service-options .option:focus-within{background:none;box-shadow:none;transform:none}.service-options .option + .option{border-left:0;border-top:0}}
/* The service list needs a separator between categories, not an outer frame. */
.services{border-top:0}
.service-group:last-child{border-bottom:0}
/* Contact card polish: disciplined icon, label and action columns. */
.statement-aside{padding:28px 30px;border:1px solid #e52a8819;background:radial-gradient(ellipse at 86% 0%,#e52a8809,transparent 55%),#111115;box-shadow:0 18px 48px #0008,0 0 26px #e52a8807}
.statement-contact-copy{margin-bottom:10px}
.contact-group-label{display:flex;align-items:center;gap:13px;padding:10px 0 5px;margin-top:5px;border-top:1px solid #ffffff1b;color:#c8c4ce;font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.4}
.contact-group-label:after{content:"";display:block;flex:1;height:1px;background:linear-gradient(90deg,#ffffff24,transparent)}
.social-label{margin-top:7px}
.statement-aside .contact-row{display:grid;grid-template-columns:24px minmax(0,1fr) 38px;align-items:center;gap:14px;width:100%;max-width:none;margin:0 -9px;padding:13px 9px;border-radius:2px;transition:color .2s ease,background .2s ease}
.statement-aside .email-link{margin:0;padding-top:14px;padding-bottom:15px;border:0;font-size:clamp(16px,1.7vw,23px)}
.statement-aside .wechat-row{min-height:0;padding-top:12px;padding-bottom:13px;border:0;color:var(--text);font-size:15px;font-weight:700}
.statement-aside .social-link{padding-top:13px;padding-bottom:13px;border:0;font-size:15px}
.statement-aside .xiaohongshu-link{border-bottom:1px solid #ffffff14}
.contact-row .contact-icon{display:block;width:22px;height:22px;max-width:22px;flex-basis:22px;justify-self:center;color:var(--pink)}
.contact-row .contact-text{min-width:0;flex:initial;color:var(--text);overflow-wrap:anywhere}
.statement-aside .email-link .contact-text{color:#fff;font-weight:700}
.contact-row .row-arrow,.contact-row .row-action{justify-self:end;min-width:38px;margin:0;text-align:right;color:var(--pink);font-size:13px;font-weight:700}
.contact-row .row-arrow{font-size:19px;line-height:1}
.contact-row:hover,.statement-aside .wechat-row:hover,.statement-aside .contact-row:focus-visible{background:#e52a880b}
.statement-aside .contact-row:hover .contact-text,.statement-aside .email-link:hover .contact-text{color:var(--pink)}
.xhs-icon{color:#ed455b!important}
@media(max-width:640px){.statement-aside{padding:20px}.contact-group-label{font-size:10px;gap:10px;padding-top:9px}.contact-group-label.social-label{margin-top:8px;padding-top:2px;border-top:0}.statement-aside .contact-row{grid-template-columns:22px minmax(0,1fr) 34px;gap:8px;padding-left:7px;padding-right:7px;margin-inline:-7px}.contact-row .contact-icon{width:21px;height:21px;max-width:21px;flex-basis:21px}.contact-row .row-arrow,.contact-row .row-action{min-width:34px}.contact-row .row-action{font-size:10px;white-space:nowrap}.statement-aside .email-link{font-size:clamp(12px,3.2vw,14px);letter-spacing:-.035em}.statement-aside .wechat-row,.statement-aside .social-link{font-size:14px}.contact-row .row-arrow{font-size:17px}}

/* Balance headings and avoid lonely final words in explanatory copy. */
h1,h2,h3,h4{ text-wrap:balance; }
p,figcaption,.faq-list summary{ text-wrap:pretty; }
.hero-subtitle,.hero-copy{ text-wrap:balance; }

/* Center the navigation CTA and keep its label free of decorative arrows. */
.site-header .nav-contact{justify-content:center!important;text-align:center;gap:0!important}
@media(max-width:760px){.site-header .nav-contact{width:132px;min-width:132px;padding-inline:8px;font-size:9px}}
@media(max-width:380px){.site-header{padding-inline:16px}.brand-logo{width:96px;height:40px}.site-header nav{gap:4px}.site-header .lang-switch{width:28px;min-width:28px;padding-inline:0;font-size:10px}.site-header .nav-contact{width:108px;min-width:108px;padding-inline:5px;font-size:8px}.menu-toggle{padding:6px}.menu-toggle span{width:15px}}

@media(max-width:430px) and (min-width:381px){.site-header{padding-inline:18px}.brand-logo{width:112px;height:46px}.site-header nav{gap:6px}.site-header .lang-switch{width:32px;min-width:32px}.site-header .nav-contact{width:122px;min-width:122px;padding-inline:6px;font-size:8.5px}.menu-toggle{padding:6px}.menu-toggle span{width:15px}}
/* Contact group labels use their short leader line only; remove full-width dividers. */
.contact-group-label{border-top:0!important}
.contact-group-label.social-label{margin-top:16px}
@media(max-width:760px){.statement-aside .email-link{font-size:clamp(12px,2.15vw,16px);letter-spacing:0}.statement-aside .email-link .contact-text{word-break:normal;overflow-wrap:break-word}}
/* Refined language switch, promo hierarchy and scroll-aware navigation. */
.lang-switch{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto!important;min-width:0!important;padding:10px 4px!important;color:#929098!important;font-size:13px!important;letter-spacing:.03em!important;white-space:nowrap}
.lang-switch [data-language]{color:#929098;transition:color .18s ease}
.lang-switch [data-language].is-active{color:#fff}
.lang-switch i{font-style:normal;color:#69676f;font-weight:400}
@media(min-width:1001px){.site-header nav{margin-right:clamp(12px,1.25vw,22px)}}
.site-header{transition:background-color .24s ease,backdrop-filter .24s ease,box-shadow .24s ease}
.site-header.is-scrolled{position:fixed;inset:0 0 auto;z-index:50;background:rgba(9,9,11,.84);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:#ffffff20;box-shadow:0 8px 24px #0005}
.about-page .site-header.is-scrolled,.portfolio-page .site-header.is-scrolled{position:sticky;top:0}
.opening-promo{background:#17171b;color:#d7d4db;border-bottom:1px solid #ffffff13;transition:transform .24s ease,opacity .24s ease,visibility .24s ease}
.opening-promo.is-collapsed{transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none}
.promo-label,.promo-service{color:#d7d4db}
.promo-pricing{gap:9px}
.promo-pricing del{color:#aaa7b0;opacity:1}
.promo-pricing strong{color:var(--pink);font-size:13px}
.promo-cta{display:inline-flex;align-items:center;justify-content:center;padding:5px 11px;background:var(--pink);color:#09090b;font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap;transition:background .18s ease,transform .18s ease}
.promo-cta:hover{background:#fa5ca5;transform:translateY(-1px)}
@media(max-width:1000px){.site-header nav{margin-right:0}}
@media(max-width:640px){.opening-promo{min-height:58px;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:2px 6px;padding:5px 12px;font-size:9px}.promo-label{grid-column:1;grid-row:1;font-size:8px;justify-self:end;white-space:nowrap}.promo-separator{grid-column:2;grid-row:1;color:#85818b}.promo-service{grid-column:3;grid-row:1;justify-self:start;font-size:9px;white-space:nowrap}.promo-pricing{grid-column:1/4;grid-row:2;justify-self:end;gap:6px}.promo-pricing del{font-size:8px}.promo-pricing strong{font-size:10px}.promo-cta{grid-column:4;grid-row:2;justify-self:start;padding:4px 8px;font-size:9px}.home-page .site-header{top:58px}.home-page .hero{height:calc(86svh - 58px)}.site-header .lang-switch{width:auto;min-width:0;padding-inline:2px!important;font-size:10px!important;gap:4px}.site-header.is-scrolled{top:0}}

/* Homepage opening offer strip: compact, clear and responsive above the hero. */
.opening-promo{position:relative;z-index:40;min-height:40px;padding:6px 18px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 12px;background:var(--pink);color:#09090b;text-align:center;font-size:11px;line-height:1.25;letter-spacing:.035em}
.promo-label{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.promo-service{font-weight:600}
.promo-pricing{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.promo-pricing del{font-size:10px;opacity:.78}
.promo-pricing strong{font-size:12px;font-weight:800;letter-spacing:.015em}
.home-page .site-header{top:40px}
@media(min-width:641px){.home-page .hero{height:min(900px,calc(100svh - 40px))}}
@media(max-width:640px){.opening-promo{min-height:44px;padding:6px 12px;gap:3px 8px;font-size:10px}.promo-label{font-size:9px}.promo-pricing{gap:7px}.promo-pricing del{font-size:9px}.promo-pricing strong{font-size:11px}.home-page .site-header{top:44px}.home-page .hero{height:calc(86svh - 44px)}}
/* Final overrides after legacy promo rules. */
.opening-promo{background:#17171b;color:#d7d4db;border-bottom:1px solid #ffffff13;transition:transform .24s ease,opacity .24s ease,visibility .24s ease}
.opening-promo.is-collapsed{transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none}
.promo-label,.promo-service{color:#d7d4db}
.promo-pricing{gap:9px}
.promo-pricing del{color:#aaa7b0;opacity:1}
.promo-pricing strong{color:var(--pink);font-size:13px}
.promo-cta{display:inline-flex;align-items:center;justify-content:center;padding:5px 11px;background:var(--pink);color:#09090b;font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap;transition:background .18s ease,transform .18s ease}
.promo-cta:hover{background:#fa5ca5;transform:translateY(-1px)}
.home-page .site-header.is-scrolled{top:0}
@media(max-width:640px){.opening-promo{min-height:58px;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:2px 6px;padding:5px 12px;font-size:9px}.promo-label{grid-column:1;grid-row:1;font-size:8px;justify-self:end;white-space:nowrap}.promo-separator{grid-column:2;grid-row:1;color:#85818b}.promo-service{grid-column:3;grid-row:1;justify-self:start;font-size:9px;white-space:nowrap}.promo-pricing{grid-column:1/4;grid-row:2;justify-self:end;gap:6px}.promo-pricing del{font-size:8px}.promo-pricing strong{font-size:10px}.promo-cta{grid-column:4;grid-row:2;justify-self:start;padding:4px 8px;font-size:9px}.home-page .site-header{top:58px}.home-page .site-header.is-scrolled{top:0}.home-page .hero{height:calc(86svh - 58px)}}
@media(min-width:641px){.home-page .hero-actions{transform:translateY(-10px)}.home-page .hero-foot{bottom:8px}}
/* Mobile readability pass: keep supporting copy comfortably legible. */
@media(max-width:640px){
  .site-header .nav-contact{width:132px;min-width:132px;font-family:'Barlow Condensed','Microsoft YaHei',sans-serif;font-size:11px;letter-spacing:.01em}
  .opening-promo{font-size:10px}
  .promo-label{font-size:10px}
  .promo-service{font-size:10px}
  .promo-pricing del{font-size:10px}
  .promo-pricing strong{font-size:11px}
  .promo-cta{font-size:10px}
  .eyebrow{font-size:11px}
  .hero-foot{font-size:10px;letter-spacing:.12em}
  .value-points p,.service-options .option p,.process-steps p,.faq-home-card .faq-list details p{font-size:14px}
  .preview-item .preview-type{font-size:11px;letter-spacing:.1em}
  .faq-home-card .faq-list summary{font-size:15px}
  .about-kicker{font-size:10px}
  .principle p{font-size:14px}
  .contact-group-label{font-size:11px}
  .contact-row .row-action{font-size:12px}
  .statement-aside .email-link{font-size:clamp(14px,4vw,16px);letter-spacing:0}
  .about-page .faq-list details p{font-size:14px}
  .site-footer{font-size:10px}
  .footer-links a{font-size:11px}
}
@media(max-width:430px){.site-header .nav-contact{width:108px;min-width:108px;font-size:11px}.site-header nav{gap:4px}}
@media(max-width:640px){
  .service-summary{font-size:14px}
  .service-options .term-en{font-size:11px}
  .option-cta{font-size:12px}
  .materials-note{font-size:13px}
  .process-heading .small-label,.about-section-heading .small-label{font-size:11px}
  .site-footer{font-size:11px}
  .footer-links a{font-size:12px}
  .site-footer .footer-social{font-size:11px}
}

/* Standalone contact page: keep the brand headline and contact card balanced. */
.contact-page{min-height:100vh;background:radial-gradient(ellipse at 18% 32%,#1a1017 0,transparent 38%),var(--bg)}
.contact-page-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);align-items:center;gap:7vw;padding-top:170px;padding-bottom:78px;min-height:calc(100svh - 112px)}
.contact-page-heading .section-number{margin-bottom:22px}
.contact-page-heading h1{font-size:clamp(58px,7.4vw,112px);line-height:.93;margin:0 0 27px;letter-spacing:-.015em}
.contact-page-heading h1 span{color:var(--pink)}
.contact-page-lead{max-width:510px;color:#dedce2;font-size:18px;line-height:1.7;margin-bottom:14px}
.contact-page-note{max-width:510px;color:var(--muted);font-size:14px;line-height:1.8;margin:0}
.contact-card{width:100%;max-width:650px;justify-self:end}
.contact-card .email-link .contact-text{overflow-wrap:normal}
.contact-page-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:20px;padding-bottom:48px;border-top:1px solid #ffffff17;color:var(--muted);font-size:14px}
.contact-page-foot .work-cta-link{flex:0 0 auto}
@media(max-width:900px){.contact-page-hero{grid-template-columns:1fr;gap:34px;padding-top:140px;padding-bottom:60px;min-height:0}.contact-page-heading h1{font-size:clamp(58px,11vw,92px)}.contact-card{justify-self:start;max-width:680px}}
@media(max-width:640px){.contact-page-hero{width:min(100% - 40px,1360px);padding-top:118px;padding-bottom:42px;gap:24px}.contact-page-heading .section-number{font-size:11px;margin-bottom:16px}.contact-page-heading h1{font-size:clamp(36px,10vw,56px);line-height:.99;margin-bottom:18px}.contact-page-lead{font-size:15px;line-height:1.7;margin-bottom:10px}.contact-page-note{font-size:13px;line-height:1.7}.contact-card{padding:18px}.contact-card .statement-contact-copy{font-size:14px;line-height:1.65}.contact-card .email-link{font-size:clamp(14px,4vw,17px)}.contact-page-foot{width:min(100% - 40px,1360px);align-items:flex-start;flex-direction:column;gap:15px;padding-top:17px;padding-bottom:36px;font-size:13px}.contact-page-foot .work-cta-link{width:100%;justify-content:center}}

/* Keep the opening offer visible across every page and while scrolling. */
.has-promo .opening-promo{position:sticky;top:0;z-index:60}
.has-promo .site-header{top:40px}
.has-promo .site-header.is-scrolled{top:40px}
.has-promo.about-page .site-header.is-scrolled,.has-promo.portfolio-page .site-header.is-scrolled{top:40px}
@media(max-width:640px){.has-promo .site-header,.has-promo .site-header.is-scrolled{top:58px}.contact-page-hero{padding-top:78px}}