*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#20313b;background:#fafbfc}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #26a6d3;outline-offset:5px}header{position:fixed;z-index:30;top:0;left:0;width:100%;height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;color:white;border-bottom:1px solid #ffffff25;transition:background .4s,height .4s,color .4s}header.scrolled,header.menu-open{height:85px;background:#ffffffed;color:#223943;backdrop-filter:blur(16px);border-color:#dae3e8}.identity{display:inline-flex;align-items:center;gap:16px;flex:none}.identity>img{width:51px;height:51px}.identity b{font-size:29px;letter-spacing:7px;font-weight:500;white-space:nowrap}.identity small{display:block;letter-spacing:5px;font-size:8px;margin-top:8px;opacity:.65}.identity em{font-size:9px;font-style:normal;line-height:1.8;letter-spacing:2px;border-left:1px solid #ffffff45;padding-left:22px;margin-left:15px;opacity:.65}header.scrolled .identity em{border-color:#d3e0e7}nav{display:flex;gap:28px;font-size:12px;letter-spacing:1px}nav a{position:relative;padding:10px 0}nav a:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:#47bce7;transition:right .3s}nav a:hover:after{right:0}#menu{display:none;border:0;background:none}.hero{height:100svh;min-height:680px;position:relative;color:#fff;background:#344652;overflow:hidden}.slides,.slide,.hero-shade{position:absolute;inset:0}.slide{opacity:0;transition:opacity 1.4s}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.07);transition:transform 8s linear}.slide.active img{transform:scale(1)}.hero-shade{background:linear-gradient(90deg,#0c202dd9 0%,#18303c60 47%,#152b3920),linear-gradient(0deg,#102333a0,transparent 35%)}.hero-content{position:absolute;left:10%;top:30%;max-width:70%;z-index:2}.kicker{font-size:10px;letter-spacing:4px;line-height:1.8}.hero h1{font-size:clamp(48px,5.4vw,86px);line-height:1.3;letter-spacing:10px;font-weight:300;margin:35px 0 28px;transition:opacity .25s,transform .25s}.hero-line{width:55px;height:2px;background:#65d2f1}.hero-content>p:not(.kicker){font-size:13px;letter-spacing:2px;margin:26px 0}.arrow-link{display:inline-flex;font-size:12px;gap:65px;padding:15px 0;border-bottom:1px solid #ffffff65}.arrow-link span{font-size:20px}.hero-aside{position:absolute;right:4%;top:40%;writing-mode:vertical-rl;font-size:9px;letter-spacing:5px;color:#ffffff8c}.hero-bottom{position:absolute;left:5%;right:5%;bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.slide-controls{display:flex;align-items:center;gap:20px;font-family:Arial;font-size:15px}.slide-controls .total{font-size:11px;opacity:.5}.slide-controls button{border:0;background:none;color:#fff;font-size:18px;padding:8px}.progress{width:100px;height:1px;background:#ffffff45}.progress i{height:1px;background:#7dd3f1;display:block;width:0}.scroll-cue{font-size:8px;letter-spacing:3px;display:flex;gap:25px;align-items:center}.scroll-cue span{font-size:24px;animation:bob 2s infinite}.disclaimer{font-size:9px;color:#ffffff90;letter-spacing:1px}.section{padding:110px 9%}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid #d6e0e6;padding-bottom:22px;font-size:10px;letter-spacing:2px;color:#788e9c;margin-bottom:70px}.section-label span:last-child{letter-spacing:3px}h2{font-weight:300;font-size:clamp(32px,3.2vw,52px);line-height:1.6;letter-spacing:2px;margin:0}.about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:10%;align-items:center}.about-image{position:relative;height:540px;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover;object-position:65% center;transition:transform 1s}.about-image:hover img{transform:scale(1.035)}.about-image>span{position:absolute;left:20px;bottom:20px;font-size:8px;letter-spacing:2px;color:#fff}.overline{font-size:10px;letter-spacing:3px;color:#63879d}.about-text h2{margin:24px 0 30px}.about-text>p:not(.overline),.project-copy>p{font-size:13px;color:#7b8c97;line-height:2.3}.line-link{border:0;background:none;border-bottom:1px solid #abbecb;display:inline-flex;gap:55px;justify-content:space-between;align-items:center;padding:14px 0;font-size:12px;margin-top:20px;min-width:160px}.line-link span{font-size:20px;transition:transform .3s}.line-link:hover span{transform:translate(4px,-4px)}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:85px;text-align:center}.values>div{border-right:1px solid #dce5ea}.values>div:last-child{border:0}.values strong{font-size:35px;font-weight:300;letter-spacing:8px}.values span{display:block;font-size:10px;color:#90a0aa;letter-spacing:2px;margin-top:15px}.works{background:#edf1f4;overflow:hidden}.works-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.works-heading h2 span{color:#8298a6}.works-heading>p{font-size:11px;line-height:2.3;color:#81909a;max-width:350px}.project{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:13%;align-items:center;margin:70px 0 150px}.project-image{padding:0;border:0;background:#dbe4e9;position:relative;overflow:hidden;width:100%;height:560px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.project-image:hover img{transform:scale(1.05)}.project-a .project-image{height:620px}.image-arrow{position:absolute;right:0;bottom:0;background:#f6f9fa;color:#425f72;width:65px;height:65px;display:grid;place-items:center;font-size:28px}.project-copy{position:relative;z-index:1}.project-index{font-size:9px;letter-spacing:2px;color:#7590a0}.project-copy h3{font-size:34px;line-height:1.6;font-weight:300;letter-spacing:2px;margin:25px 0}.project-tags{font-size:10px;color:#7f94a2;margin-top:28px;letter-spacing:1px}.outline-word{position:absolute;right:-70px;bottom:-100px;font-size:150px;letter-spacing:10px;font-weight:bold;color:transparent;-webkit-text-stroke:1px #cfdae2;pointer-events:none}.project-b{grid-template-columns:1fr 1.4fr;margin-left:-4%;margin-right:-11%;gap:8%;margin-bottom:170px}.project-b .project-image{grid-column:2;grid-row:1;height:530px}.project-b .project-copy{grid-column:1;grid-row:1;padding-left:12%}.project-c{margin-bottom:40px;grid-template-columns:1.4fr 1fr;gap:8%;margin-left:5%}.project-c .project-image{height:420px}.statement{min-height:520px;position:relative;overflow:hidden;background:#d9e4e9;display:flex;align-items:center;justify-content:space-between;padding:90px 13%}.statement-bg{position:absolute;inset:-12%;background:linear-gradient(90deg,#e9eff4f5,#dae7eea0),url('assets/terrain.jpg') center/cover;z-index:0}.statement>div:not(.statement-bg),.circle-link{position:relative;z-index:1}.statement .kicker{color:#668698}.statement h2{font-size:55px;letter-spacing:5px;margin:25px 0}.statement p:last-child{font-size:12px;color:#77909e;letter-spacing:2px}.circle-link{border:1px solid #a8c2d1;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;font-size:35px;color:#769cb2}.solutions{background:#fcfdfd}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #dce5eb;border-top:1px solid #dce5eb}.solution-grid button{text-align:left;position:relative;padding:38px 30px 48px;border:0;border-bottom:1px solid #dce5eb;border-right:1px solid #dce5eb;background:transparent;transition:background .3s}.solution-grid button:hover{background:#eaf2f7}.solution-grid button>span{font-size:10px;color:#8da5b3}.solution-grid h3{font-size:24px;font-weight:400;margin:35px 0 18px}.solution-grid p{font-size:10px;color:#8397a3;line-height:2}.solution-grid b{position:absolute;right:25px;top:32px;font-size:23px;font-weight:300;color:#9cb7c7}.service{background:#e9eff3}.service-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.service-heading p{font-size:12px;color:#7e929f;line-height:2.3;margin-top:25px}.steps details{border-bottom:1px solid #cad9e3}.steps summary{display:flex;gap:25px;align-items:center;cursor:pointer;list-style:none;padding:24px 0;font-size:19px;font-weight:400}.steps summary::-webkit-details-marker{display:none}.steps summary>span{font:11px Arial;color:#7a9aae}.steps summary>b{margin-left:auto;color:#7d9cad;font-weight:300}.steps details[open] summary>b{transform:rotate(45deg)}.steps details p{font-size:12px;line-height:2.3;color:#7a909e;margin:0 0 26px 40px}.insight-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.insight-title h2{font-size:33px}.insight-title>span{font-size:9px;color:#9aaab3;letter-spacing:2px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.articles button{border:0;border-top:1px solid #bccdd8;background:none;text-align:left;padding:28px 0;transition:border-color .3s}.articles button:hover{border-color:#159aca}.articles small{font-size:9px;color:#8198a6;letter-spacing:2px}.articles h3{font-size:24px;line-height:1.7;font-weight:300;margin:35px 0}.articles span{font-size:11px;color:#8298a6}.contact{background:#152d3c;color:#e5edf2;padding-bottom:30px}.contact .section-label{border-color:#ffffff25;color:#8ba7b9}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:15%;margin-bottom:90px}.contact .kicker{font-size:8px;color:#799db3}.contact h2{font-size:45px;line-height:1.6;margin-top:30px}.contact h2>span{display:inline-block;color:#5dbfe2;margin-left:30px}.contact-grid>div>p:last-child{font-size:12px;line-height:2.5;color:#8ca7b9;margin-top:30px}.contact-info>small{font-size:10px;color:#8ca7b9;letter-spacing:3px}.contact-info>a{display:flex;justify-content:space-between;max-width:330px;font:30px Arial;letter-spacing:1px;margin:22px 0}.contact-info>a span{color:#76a7c1;font-size:22px}.contact-info>button{border:0;border-bottom:1px solid #6c8797;background:none;color:#9db3c2;font-size:10px;padding:12px 0;margin-bottom:30px}.wechat{display:flex;gap:22px;align-items:center;font-size:12px}.wechat small{display:block;font-size:10px;line-height:2;color:#7895a9;margin-top:12px}.qr{width:140px;height:140px;position:relative;overflow:hidden;background:#fff;display:block}.qr img{position:absolute;width:184px;max-width:none;left:-22px;top:-76px}.contact footer{border-top:1px solid #ffffff20;padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.contact footer .identity>img{width:37px;height:37px}.contact footer .identity b{font-size:22px}.contact footer .identity small{font-size:6px}.contact footer p{font-size:9px;line-height:2.2;color:#7592a6}.contact footer>a:last-child{font-size:10px;color:#8ca7b9}.floating-contact{position:fixed;right:22px;bottom:30px;width:54px;height:54px;z-index:25;border:1px solid #9cbdcf;background:#f1f7faf0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:10px;color:#436f88;box-shadow:0 3px 15px #10314510}.floating-contact span{font-size:16px}dialog{border:0;padding:0;background:#f5f8fa;color:#233d4d;width:min(900px,92vw);max-height:90svh;box-shadow:0 15px 90px #0004}dialog::backdrop{background:#102c3bd1;backdrop-filter:blur(8px)}#close{position:absolute;right:15px;top:15px;border:0;background:#fff;width:40px;height:40px;font-size:28px;z-index:1}#modal-img{width:100%;max-height:50svh;object-fit:cover;display:block}#modal-img[hidden]{display:none}.modal-body{padding:32px 45px}.modal-body h2{font-size:29px}.modal-body>p:not(.overline){font-size:13px;color:#728c9e;line-height:2.3;white-space:pre-line}#toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#e9f5fc;color:#244b60;font-size:12px;padding:14px 22px;box-shadow:0 4px 30px #0002;z-index:60;opacity:0;pointer-events:none}#toast.show{opacity:1}.js .reveal{opacity:0;transform:translateY(35px);transition:opacity 1s,transform 1s}.js .reveal.visible{opacity:1;transform:none}@keyframes bob{50%{transform:translateY(8px)}}@media(min-width:1700px){.section{padding-left:14%;padding-right:14%}.project-b{margin-right:-19%}.hero-content{left:14%}}@media(max-width:1100px){.identity em{display:none}nav{gap:18px;font-size:11px}.section{padding:85px 6%}.hero-content{left:8%}.about-grid{gap:7%}.about-image{height:450px}.project{gap:8%}.project-a .project-image{height:520px}.project-copy h3{font-size:28px}.project-b{margin-right:-7%}.project-c{margin-left:0}.service-layout{gap:8%}.contact-grid{gap:10%}.contact h2{font-size:37px}.contact-info>a{font-size:26px}.insight-title>span{display:none}}@media(max-width:760px){header{height:90px;padding:0 6%}header.scrolled,header.menu-open{height:76px}.identity{gap:12px}.identity>img{width:40px;height:40px}.identity b{font-size:25px;letter-spacing:6px}.identity small{font-size:7px;letter-spacing:4px}#menu{display:block;width:35px;padding:5px;z-index:2}#menu i{display:block;width:25px;height:1px;background:currentColor;margin:7px 0}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#f5f9fc;padding:25px 8%;color:#24404f;gap:0;font-size:15px}header.menu-open nav{display:flex;flex-direction:column}nav a{padding:15px 0;border-bottom:1px solid #d9e4eb}.hero{min-height:680px;max-height:1000px}.hero-content{top:29%;left:8%;max-width:85%}.hero .kicker{font-size:7px;letter-spacing:2px}.hero h1{font-size:51px;letter-spacing:6px;margin:30px 0 25px}.hero-content>p:not(.kicker){font-size:11px;letter-spacing:1px;line-height:2;max-width:265px}.hero-shade{background:linear-gradient(90deg,#102a3bc4,#18303c30),linear-gradient(0deg,#102333b0,transparent)}.hero-aside{display:none}.hero-bottom{left:8%;right:8%;bottom:30px;flex-wrap:wrap;gap:22px}.slide-controls{gap:16px}.slide-controls .progress{width:55px}.scroll-cue{display:none}.disclaimer{font-size:8px}.section{padding:65px 7%}.section-label{font-size:8px;letter-spacing:1px;margin-bottom:40px;padding-bottom:18px}.section-label span:last-child{letter-spacing:1px}.about-grid{grid-template-columns:1fr;gap:35px}.about-image{height:370px}.about-text h2{font-size:32px}.about-text>p:not(.overline){font-size:12px}.values{margin-top:45px}.values strong{font-size:24px;letter-spacing:3px}.values span{font-size:8px;letter-spacing:0;line-height:1.8;padding:0 8px}.works-heading{display:block;margin-bottom:40px}.works-heading h2{font-size:35px}.works-heading>p{font-size:10px;margin-top:25px}.project,.project-b,.project-c{display:flex;flex-direction:column;gap:30px;margin:0 0 70px}.project .project-image,.project-a .project-image,.project-b .project-image,.project-c .project-image{height:350px}.project-a .project-image{height:440px}.project-copy{width:100%}.project-copy h3{font-size:27px;margin-top:15px}.project-copy>p{font-size:12px}.project-b .project-copy{padding:0}.outline-word{font-size:75px;right:-30px;bottom:-40px;opacity:.6}.project-c{margin-bottom:0}.image-arrow{width:50px;height:50px;font-size:23px}.statement{min-height:430px;padding:70px 8%}.statement h2{font-size:39px;letter-spacing:3px}.statement .kicker{font-size:8px;letter-spacing:2px}.statement p:last-child{max-width:225px;font-size:10px;line-height:2}.circle-link{width:65px;height:65px;font-size:25px;align-self:end}.solution-grid{grid-template-columns:1fr 1fr}.solution-grid button{padding:23px 17px 28px}.solution-grid h3{font-size:20px;margin:30px 0 12px}.solution-grid p{font-size:9px;max-width:130px}.solution-grid b{top:20px;right:17px;font-size:18px}.service-layout{grid-template-columns:1fr;gap:35px}.service-heading h2{font-size:31px}.steps summary{font-size:17px;padding:22px 0}.steps details p{font-size:11px}.insight-title h2{font-size:26px}.articles{grid-template-columns:1fr;gap:0}.articles button{position:relative;padding:23px 0}.articles h3{font-size:22px;margin:18px 0}.articles span{position:absolute;right:5px;bottom:30px;font-size:10px}.contact-grid{grid-template-columns:1fr;gap:45px;margin-bottom:50px}.contact h2{font-size:35px}.contact h2>span{margin-left:12px}.contact-info>a{font-size:29px;max-width:330px}.contact footer{flex-wrap:wrap;gap:25px}.contact footer p{order:3;width:100%;font-size:8px}.contact footer>a:last-child{margin-left:auto}.floating-contact{width:45px;height:45px;right:12px;bottom:15px}.modal-body{padding:25px}.modal-body h2{font-size:25px}.modal-body>p:not(.overline){font-size:12px}.js .reveal{transform:translateY(20px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

.original-logo{width:52px;height:49px;position:relative;display:block;overflow:hidden;flex:none;border-radius:3px;background:#fbfcfc}.original-logo img{position:absolute;width:111px;height:111px;max-width:none;left:-30px;top:-14px}.top-phones{display:flex;align-items:center;gap:10px;font:12px Arial;letter-spacing:.6px;margin-left:auto;margin-right:30px}.top-phones span{opacity:.4}.identity em{display:none}header nav{gap:20px}.contact footer .original-logo{width:42px;height:40px}.contact footer .original-logo img{width:90px;height:90px;left:-24.5px;top:-11px}@media(max-width:1200px){header{padding-left:4%;padding-right:4%}.top-phones{font-size:11px;gap:7px;margin-right:20px}header nav{gap:14px;font-size:10px}.identity b{font-size:25px;letter-spacing:5px}}@media(max-width:980px) and (min-width:761px){.top-phones{flex-direction:column;gap:6px;font-size:12px;margin-right:24px}.top-phones>span{display:none}header nav{gap:12px}.identity{gap:10px}.identity small{letter-spacing:3px}}@media(max-width:760px){header{padding:0 5%;height:96px}header.scrolled,header.menu-open{height:86px}.identity{gap:8px}.identity b{font-size:23px;letter-spacing:4px}.identity small{font-size:6px;letter-spacing:3px}.original-logo{width:39px;height:37px}.original-logo img{width:84px;height:84px;left:-23px;top:-10.5px}.top-phones{flex-direction:column;font-size:11px;gap:8px;letter-spacing:0;margin-right:15px;margin-left:auto}.top-phones>span{display:none}header nav{top:86px;font-size:14px}#menu{width:28px;padding:0}.hero-content{top:30%}}@media(max-width:370px){.identity b{font-size:20px;letter-spacing:3px}.top-phones{font-size:10px;margin-right:10px}.identity>small{letter-spacing:2px}}

@font-face{font-family:XZJArt;src:url('assets/brand-font.ttf') format('truetype');font-display:swap}.identity b{font-family:XZJArt,'Microsoft YaHei',sans-serif;font-size:38px;letter-spacing:7px;font-weight:400;display:block;transform:skew(-4deg)}.identity small{font-family:Arial,sans-serif;font-size:6px;letter-spacing:1.5px;margin-top:8px;white-space:nowrap}.original-logo,.contact footer .original-logo{background:transparent;border-radius:0;overflow:visible}.original-logo img,.contact footer .original-logo img{width:100%;height:100%;left:0;top:0;object-fit:contain;transform:scale(1.32)}.identity em{display:block;font-family:'STKaiti','KaiTi','Microsoft YaHei',serif;font-size:11px;line-height:1.9;letter-spacing:2px;white-space:nowrap;margin-left:4px;padding-left:16px}.top-phones{font-size:11px;margin-right:22px;gap:7px}header nav{gap:17px;font-size:11px}.contact footer .identity b{font-size:30px}.contact footer .identity small{font-size:6px;letter-spacing:1px}@media(max-width:1400px){header .identity em{display:none}}@media(min-width:1101px) and (max-width:1400px){header .identity em{display:block;font-size:9px;letter-spacing:1px;padding-left:12px}.top-phones{font-size:10px;margin-right:18px}header nav{font-size:10px;gap:14px}.identity{gap:11px}.identity b{font-size:33px;letter-spacing:5px}}@media(max-width:980px){.identity b{font-size:32px;letter-spacing:5px}.identity small{font-size:5px;letter-spacing:.8px}}@media(max-width:760px){header{height:108px}header.scrolled,header.menu-open{height:98px}header nav{top:98px;font-size:14px}.identity b{font-size:31px;letter-spacing:5px}.identity small{font-size:4.5px;letter-spacing:.5px}.identity{position:relative;padding-bottom:18px}.identity em,header .identity em{display:block;position:absolute;left:47px;bottom:0;border:0;margin:0;padding:0;font-size:8px;line-height:1;letter-spacing:1px}.identity em br{display:none}.identity em br:after{content:'，'}.top-phones{font-size:10px;margin-right:13px}.contact footer .identity{padding-bottom:0}.contact footer .identity b{font-size:29px}.contact footer .identity small{font-size:5px;letter-spacing:.6px}}@media(max-width:370px){.identity b{font-size:27px;letter-spacing:3px}.identity small{font-size:4px;letter-spacing:0}.top-phones{font-size:9px;margin-right:8px}.original-logo{width:33px;height:33px}.identity em,header .identity em{left:40px;font-size:7px}}

@font-face{font-family:XZJBrush;src:url('assets/brand-calligraphy.ttf') format('truetype');font-display:swap}.identity b.art-wordmark{font-family:XZJBrush,'KaiTi',serif;display:inline-flex;align-items:center;gap:2px;position:relative;font-size:44px;line-height:1.02;letter-spacing:1px;font-weight:400;transform:rotate(-3deg);padding-right:8px;padding-bottom:4px;isolation:isolate}.art-wordmark span{display:inline-block}.art-wordmark span:nth-child(1){transform:translateY(1px) rotate(-5deg);font-size:1.08em}.art-wordmark span:nth-child(2){transform:translateY(-3px) rotate(6deg);font-size:.9em;margin-left:-3px;margin-right:-3px}.art-wordmark span:nth-child(3){transform:translateY(2px) rotate(-3deg);font-size:1.03em}.identity b.art-wordmark:after{content:'';position:absolute;left:5%;bottom:1px;width:95%;height:12px;border-bottom:1.4px solid #74cae7;border-radius:0 0 65% 45%;transform:rotate(-6deg);opacity:.75;z-index:-1}.identity small{margin-top:7px;letter-spacing:1.25px}.contact footer .identity b.art-wordmark{font-size:36px}@media(max-width:1400px){.identity b.art-wordmark{font-size:40px}}@media(max-width:980px){.identity b.art-wordmark{font-size:38px}.identity small{letter-spacing:.6px}}@media(max-width:760px){.identity b.art-wordmark{font-size:36px;gap:1px;letter-spacing:0;padding-bottom:3px}.identity small{font-size:4.5px;letter-spacing:.3px}.identity b.art-wordmark:after{height:8px}.identity em,header .identity em{bottom:-2px}.contact footer .identity b.art-wordmark{font-size:34px}}@media(max-width:370px){.identity b.art-wordmark{font-size:32px}.identity small{font-size:4px;letter-spacing:0}}

/* Sculptural vertical brush wordmark */
header .identity{position:relative;align-items:flex-start;gap:17px;padding:0;min-width:255px;height:146px;margin-top:28px}header{height:154px;align-items:flex-start;padding-top:24px}header.scrolled,header.menu-open{height:130px;padding-top:12px}header .identity>.original-logo{width:38px;height:38px;margin-top:10px}header .identity>span:not(.original-logo){position:relative;width:105px;height:145px}header .identity b.art-wordmark{display:block;position:relative;width:93px;height:132px;transform:rotate(-7deg);padding:0;line-height:1;letter-spacing:0;font-size:55px}header .art-wordmark span{position:absolute;line-height:.85}header .art-wordmark span:nth-child(1){top:0;left:9px;font-size:1.08em;transform:rotate(-9deg) scaleX(1.13)}header .art-wordmark span:nth-child(2){top:36px;left:21px;font-size:1.08em;transform:rotate(10deg) scaleX(1.35);margin:0}header .art-wordmark span:nth-child(3){top:76px;left:6px;font-size:1.12em;transform:rotate(-5deg) scaleX(1.18)}header .identity b.art-wordmark:after{left:-1px;top:14px;bottom:auto;width:86px;height:112px;border:0;border-right:1px solid #7bc8e4;border-bottom:1px solid #7bc8e4;border-radius:0 0 90% 0;transform:rotate(-14deg);opacity:.5}header .identity small{position:absolute;left:108px;top:6px;writing-mode:vertical-rl;letter-spacing:2px;font-size:6px;height:123px;line-height:1.3;margin:0;white-space:nowrap}header .identity em,header .identity em br{display:block}header .identity em{position:absolute;left:209px;top:12px;margin:0;padding:0;border:0;writing-mode:vertical-rl;font-size:11px;letter-spacing:4px;line-height:1.8;opacity:.8;white-space:nowrap;height:115px}header nav{padding-top:33px}.top-phones{padding-top:43px;margin-left:auto}header.scrolled .identity,header.menu-open .identity{margin-top:0;transform:scale(.8);transform-origin:left top;height:132px;margin-bottom:-28px}header.scrolled nav,header.menu-open nav{padding-top:31px}header.scrolled .top-phones,header.menu-open .top-phones{padding-top:41px}.hero-content{top:34%}@media(max-width:1400px){header .identity b.art-wordmark{font-size:55px}.top-phones{font-size:10px;margin-right:18px}.identity{gap:17px}}@media(max-width:1100px){header .identity{min-width:210px;transform:scale(.85);transform-origin:left top;margin-right:-30px}header .identity em{display:block}header.scrolled .identity,header.menu-open .identity{transform:scale(.75)}header nav{gap:12px}.top-phones{font-size:10px;margin-right:16px}}@media(max-width:980px) and (min-width:761px){header .identity{min-width:185px;margin-right:-50px;transform:scale(.78)}header .top-phones{padding-top:29px;gap:8px}header.scrolled .top-phones{padding-top:26px}header nav{gap:10px;font-size:9px}}@media(max-width:760px){header{height:157px;padding-top:14px}header .identity{min-width:155px;width:155px;height:145px;margin-top:0;margin-right:-45px;transform:scale(.78)}header .identity b.art-wordmark{font-size:55px}header .identity em{left:209px;top:12px;bottom:auto;font-size:11px;letter-spacing:4px;writing-mode:vertical-rl}header .identity em br{display:block}header .top-phones{padding-top:26px;font-size:10px;gap:10px;margin-right:18px}header #menu{margin-top:28px}header.scrolled,header.menu-open{height:119px;padding-top:9px}header.scrolled .identity,header.menu-open .identity{transform:scale(.65);margin-right:-48px}header.scrolled .top-phones,header.menu-open .top-phones{padding-top:18px}header.scrolled #menu,header.menu-open #menu{margin-top:20px}header nav{top:119px;padding:20px 8%;font-size:14px}.hero-content{top:34%}.hero h1{font-size:47px}}@media(max-width:370px){header .identity{transform:scale(.7);min-width:145px;width:145px;margin-right:-50px}.top-phones{font-size:9px!important;margin-right:12px!important}header.scrolled .identity,header.menu-open .identity{transform:scale(.6)}}
header .identity b.art-wordmark{font-size:50px!important;height:160px}header .art-wordmark span:nth-child(1){top:0}header .art-wordmark span:nth-child(2){top:48px;left:21px;font-size:1.02em}header .art-wordmark span:nth-child(3){top:94px;left:4px;font-size:1.1em}header .identity b.art-wordmark:after{height:145px}header .identity>span:not(.original-logo){height:163px}header .identity small{left:105px;top:5px;height:150px;font-size:6px;letter-spacing:1.7px}
/* Airy, individually shaped three-character composition */
header{height:220px}header .identity{margin-top:0;height:202px;min-width:290px}header .identity>span:not(.original-logo){width:148px;height:202px}header .identity b.art-wordmark{width:144px;height:202px;font-size:48px!important;transform:none}header .art-wordmark span:nth-child(1){font-family:XZJBrush,'KaiTi',serif;top:0;left:0;font-size:1.12em;transform:rotate(-12deg) scaleX(1.12)}header .art-wordmark span:nth-child(2){font-family:'KaiTi','STKaiti',XZJBrush,serif;top:70px;left:71px;font-size:1.07em;font-weight:400;transform:rotate(13deg) scaleX(1.4);margin:0}header .art-wordmark span:nth-child(3){font-family:XZJArt,'Microsoft YaHei',sans-serif;top:143px;left:11px;font-size:1.05em;font-weight:400;transform:rotate(-7deg) scaleX(1.08)}header .identity b.art-wordmark:after{display:none}header .identity small{left:150px;top:8px;height:175px;font-size:6px;letter-spacing:1.7px}header .identity em{left:254px;top:8px;font-size:10px;letter-spacing:5px;height:160px}.hero-content{top:42%}.hero h1{font-size:clamp(45px,4.8vw,75px);margin:22px 0}.hero-content>p:not(.kicker){margin:20px 0}header.scrolled,header.menu-open{height:162px}header.scrolled .identity,header.menu-open .identity{transform:scale(.64);height:202px;margin-right:-85px}header.scrolled .identity em,header.menu-open .identity em{display:block}@media(max-width:1400px){header .identity{min-width:290px}.top-phones{margin-right:18px}header nav{gap:12px;font-size:10px}}@media(max-width:1100px){header .identity{transform:scale(.85);min-width:265px;margin-right:-50px}header .identity em{left:254px;top:8px;display:block}}@media(max-width:980px) and (min-width:761px){header .identity{transform:scale(.75);min-width:235px;margin-right:-55px}header .top-phones{font-size:9px;margin-right:13px}}@media(max-width:760px){header{height:202px;padding-top:16px}header .identity{min-width:205px;width:205px;height:202px;transform:scale(.77);margin-right:-55px}header .identity>span:not(.original-logo){width:148px;height:202px}header .identity em{left:254px;top:8px;bottom:auto;font-size:10px;height:160px;letter-spacing:5px;display:block}header .identity small{left:150px;top:8px;font-size:6px;letter-spacing:1.7px;height:175px}.hero-content{top:40%}.hero h1{font-size:43px;margin:20px 0}.hero-content>p:not(.kicker){margin:17px 0}.hero-content .arrow-link{padding:9px 0}header.scrolled,header.menu-open{height:145px}header.scrolled .identity,header.menu-open .identity{transform:scale(.54);margin-right:-80px}header nav{top:145px}header .top-phones{margin-right:14px;font-size:9px;padding-top:24px}}@media(max-width:370px){header .identity{transform:scale(.67);min-width:180px;width:180px;margin-right:-62px}.top-phones{font-size:8px!important}.hero h1{font-size:39px}}

/* Straight horizontal company identity */
header,header.scrolled,header.menu-open{height:106px;display:flex;align-items:center;padding:0 4%;gap:22px}header .identity,header.scrolled .identity,header.menu-open .identity{display:flex;align-items:center;position:relative;min-width:0;width:auto;height:auto;gap:12px;padding:0;margin:0;transform:none;flex:none}header .identity>.original-logo{width:44px;height:44px;margin:0}header .identity>span:not(.original-logo){position:static;width:auto;height:auto}header .identity b.company-wordmark,.identity b.company-wordmark{display:block;font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-size:19px;font-weight:500;line-height:1.5;letter-spacing:1px;white-space:nowrap;transform:none;padding:0}header .identity small,.identity small{position:static;writing-mode:horizontal-tb;font-size:7px;letter-spacing:1.5px;height:auto;line-height:1.5;margin-top:5px;white-space:nowrap}header .identity em,header.scrolled .identity em,header.menu-open .identity em{display:none}header .top-phones,header.scrolled .top-phones,header.menu-open .top-phones{padding:0;margin:0 0 0 auto;flex-direction:column;gap:7px;font-size:11px;letter-spacing:1px}header .top-phones>span{display:none}header nav,header.scrolled nav,header.menu-open nav{padding:0;gap:19px;font-size:11px}header #menu,header.scrolled #menu,header.menu-open #menu{margin:0}.hero-content{top:30%}.hero h1{font-size:clamp(48px,5.4vw,86px);margin:35px 0 28px}.hero-content>p:not(.kicker){margin:26px 0}.contact footer .identity b.company-wordmark{font-size:14px;letter-spacing:.5px}.contact footer .identity{padding:0}.contact footer .identity small{font-size:6px;letter-spacing:1px}@media(max-width:1150px) and (min-width:761px){header,header.scrolled,header.menu-open{height:123px;flex-wrap:wrap;column-gap:20px;row-gap:0;padding:15px 5%}header .identity b.company-wordmark{font-size:20px}header .top-phones,header.scrolled .top-phones{flex-direction:row;gap:16px;margin-left:auto}header nav,header.scrolled nav{width:100%;justify-content:flex-end;gap:30px;font-size:11px}}@media(max-width:760px){header,header.scrolled,header.menu-open{height:116px;padding:15px 5%;display:grid;grid-template-columns:1fr 28px;grid-template-rows:49px 28px;gap:6px 10px}header .identity,header.scrolled .identity,header.menu-open .identity{min-width:0;width:auto;height:auto;transform:none;margin:0;padding:0;gap:9px;grid-column:1;grid-row:1}header .identity b.company-wordmark{font-size:14px;letter-spacing:0;font-weight:500}header .identity>.original-logo{width:31px;height:31px;margin:0}header .identity small{font-size:5px;letter-spacing:.6px;margin-top:4px;height:auto;position:static;writing-mode:horizontal-tb}header .top-phones,header.scrolled .top-phones,header.menu-open .top-phones{grid-row:2;grid-column:1/-1;flex-direction:row;justify-content:flex-start;gap:20px;font-size:11px;margin:0;padding:0 0 0 40px}header #menu,header.scrolled #menu,header.menu-open #menu{grid-column:2;grid-row:1;align-self:center;margin:0}header nav,header.scrolled nav,header.menu-open nav{position:absolute;top:116px;left:0;right:0;padding:20px 8%;font-size:14px;gap:0}header .identity em,header.scrolled .identity em,header.menu-open .identity em{display:none}.hero-content{top:30%}.hero h1{font-size:47px;margin:30px 0 25px}.contact footer .identity b.company-wordmark{font-size:11px;white-space:normal;max-width:260px}.contact footer .identity small{font-size:5px;letter-spacing:.5px}}@media(max-width:370px){header .identity b.company-wordmark{font-size:12px}header .identity>.original-logo{width:28px;height:28px}.hero h1{font-size:42px}header .top-phones{font-size:10px!important;padding-left:37px!important}}