:root{--ink:#122235;--muted:#77818b;--navy:#0c2035;--orange:#ff6c36;--paper:#f6f7f8;--line:#e1e5e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:#ffb495;color:#102235}.container{width:min(1240px,calc(100% - 96px));margin:auto}.header{height:90px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf0f2}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font-size:43px;font-weight:900;letter-spacing:-7px;line-height:1;display:inline-block;width:48px;transform:skew(-10deg)}.brand-mark span{color:var(--orange)}.brand-copy{font-size:23px;font-weight:700;letter-spacing:3px}.brand-copy small{display:block;font-size:9px;letter-spacing:2.5px;margin-top:5px}.header nav{display:flex;align-items:center;gap:36px;font-size:14px}.header nav>a{position:relative;padding:15px 0}.header nav>a:hover,.header nav>a.active{color:var(--orange)}.header nav>a.active:after{content:"";position:absolute;left:0;bottom:5px;width:18px;height:2px;background:var(--orange)}.header nav .nav-contact{padding:13px 20px;background:var(--ink);color:white;display:flex;gap:25px}.nav-contact span{color:var(--orange)}.menu-toggle{display:none}.hero{background:var(--navy);color:white;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:80px 80px}.hero-inner{display:grid;grid-template-columns:1fr 1fr;min-height:630px;align-items:center;gap:40px;position:relative}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 28px;color:#637384}.eyebrow.light{color:#c1ccd6}.eyebrow.light>span{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:10px}.hero h1{font-size:clamp(46px,5vw,72px);line-height:1.22;letter-spacing:1px;margin:0 0 25px;font-weight:750}.orange{color:var(--orange)}.hero-description{font-size:16px;line-height:1.9;color:#b7c4d1;margin:0 0 30px}.button{display:inline-flex;align-items:center;gap:48px;padding:17px 23px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button-orange{background:var(--orange);color:#fff}.button-orange:hover{background:#e95824}.button span{font-size:20px}.hero-bottom{display:flex;gap:35px;margin-top:45px;font-size:9px;letter-spacing:2px;color:#889aae}.hero-art{height:510px;position:relative;isolation:isolate}.art-label{position:absolute;top:26px;left:25px;font-size:10px;letter-spacing:3px;color:#a9bacb}.orbit{width:410px;height:410px;border:44px solid var(--orange);border-radius:50%;position:absolute;top:50px;left:35px;box-shadow:inset 7px 0 17px #4d1d1866,8px 7px 25px #0003}.orbit-one{transform:rotate(-32deg) scaleY(.54);z-index:3;border-bottom-color:#fa7037;border-top-color:#ff9a60}.orbit-two{transform:rotate(53deg) scaleY(.54);border-color:#e94e25 #fb622e #ff9b64;z-index:1}.art-sphere{position:absolute;width:265px;height:265px;left:110px;top:125px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#719abb,#2e5274 37%,#142f4a 68%,#071629 92%);box-shadow:20px 30px 60px #020b1c99;z-index:2}.art-core{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff2cb,#ff9046 45%,#d34424);position:absolute;left:63px;top:132px;z-index:4;box-shadow:5px 10px 20px #0004}.art-star{position:absolute;right:0;top:85px;font-size:62px;color:#f1f5f8;font-weight:100}.art-coordinates{position:absolute;left:5px;bottom:105px;font-size:9px;line-height:1.8;letter-spacing:1px;color:#8ca1b7}.art-caption{position:absolute;bottom:15px;right:0;font-size:14px;letter-spacing:3px}.art-caption span{display:block;color:#8ca1b7;font-size:8px;letter-spacing:2px;margin-top:12px}.hero-scroll{position:relative;display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-top:1px solid #ffffff20;font-size:10px;color:#9daebe;letter-spacing:1px}.hero-scroll a{display:flex;gap:35px;align-items:center}.hero-scroll a span{font-size:20px;color:var(--orange)}.section{padding:100px 0}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:95px}h2{font-size:36px;font-weight:650;line-height:1.55;letter-spacing:-1px;margin:0}.muted{color:#8a939c}.about-copy .lead{font-size:21px;line-height:1.8;margin:0 0 20px}.about-copy>p:not(.lead){font-size:14px;line-height:2;color:#6d7781;margin:0 0 25px}.text-link{display:inline-flex;gap:40px;align-items:center;font-size:13px;font-weight:700;padding:6px 0 10px;border-bottom:1px solid var(--ink)}.text-link span{color:var(--orange);font-size:20px}.about-values{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;font-size:14px;font-weight:700}.about-values small{display:block;color:#89939d;font-size:9px;letter-spacing:1px;font-weight:400;margin-top:9px}.services{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.section-aside{font-size:13px;color:#697783;line-height:1.9;margin:0 0 8px;max-width:320px}.section-aside small{font-size:11px;color:#89939d}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{background:var(--paper);padding:30px 25px;transition:background .2s}.service-card:hover{background:#fff}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px;color:#85929e;font-size:11px}.service-symbol{font-size:39px;color:var(--ink);line-height:1}.service-card:hover .service-symbol{color:var(--orange)}.service-en{font-size:8px!important;letter-spacing:1px;color:#83909c!important;margin-bottom:12px!important}.service-card h3{font-size:20px;margin:0 0 18px}.service-card>p{font-size:12px;line-height:1.9;color:#75808a;margin:0 0 26px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:10px;border:1px solid #dce1e5;padding:5px 7px;color:#687582}.work-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px}.poster{height:365px;overflow:hidden;position:relative;padding:28px 30px;display:flex;flex-direction:column;justify-content:space-between}.poster-top{font-size:8px;letter-spacing:2px;display:flex;justify-content:space-between;position:relative;z-index:2}.poster-city{background:#dbe7df;color:#244a44}.city-title{position:relative;z-index:2;font-size:49px;line-height:1.35;letter-spacing:8px;margin:0;font-family:"STSong","SimSun",serif;font-weight:700}.city-title span{padding-left:55px}.city-lines{position:absolute;width:460px;height:460px;right:-180px;bottom:-180px;border:1px solid #668d7a;border-radius:42% 56% 40% 50%;box-shadow:0 0 0 14px #dbe7df,0 0 0 15px #759582,0 0 0 29px #dbe7df,0 0 0 30px #8ba48f,0 0 0 44px #dbe7df,0 0 0 45px #8ba48f,0 0 0 59px #dbe7df,0 0 0 60px #9aaf9a,0 0 0 74px #dbe7df,0 0 0 75px #9aaf9a,0 0 0 89px #dbe7df,0 0 0 90px #a8bba7;transform:rotate(-35deg)}.poster-bottom{font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.poster-bottom b{font-size:24px;font-weight:400}.poster-brand{background:#ff6c36;color:#2d2928}.poster-word{font-size:73px;line-height:.9;font-weight:900;letter-spacing:-6px;z-index:2}.poster-word span{display:block;color:#fff2de}.poster-asterisk{position:absolute;font-size:230px;line-height:1;right:-15px;bottom:45px;color:#a7331838}.work-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:20px}.work-caption h3{font-size:16px;margin:0;font-weight:600}.work-caption>span{font-size:11px;color:#87929a}.process{padding-top:25px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-grid article{padding:30px 25px 0 0}.process-grid article+article{padding-left:25px;border-left:1px solid var(--line)}.process-grid article>span{font-size:9px;letter-spacing:1px;color:#84909b}.process-grid h3{font-size:18px;margin:20px 0 13px}.process-grid p{font-size:12px;line-height:1.9;color:#78838d;max-width:225px;margin:0}.contact{background:var(--navy);color:#fff}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.contact h2{font-size:40px;position:relative}.contact-arrow{display:inline-block;font-size:50px;margin-left:20px;color:var(--orange);font-weight:400}.contact-grid>div>p:last-child{font-size:13px;line-height:1.9;color:#99adbf;margin:23px 0 0}.contact-panel{padding:30px;background:#ffffff05;border:1px solid #ffffff20}.contact-panel h3{font-size:17px;margin:0 0 20px}.contact-row{padding:16px 0;border-bottom:1px solid #ffffff15;display:grid;grid-template-columns:75px 1fr;gap:15px;font-size:12px;line-height:1.8}.contact-row>span{color:#92a7bb}.contact-row strong,.contact-row a{font-weight:400;overflow-wrap:anywhere}.contact-row a:hover{color:var(--orange)}.contact-row .pending{color:#91a0ad}.contact-note{font-size:10px!important;color:#7e93a7!important;line-height:1.8;margin:18px 0 0!important}.footer{background:#08192b;color:#92a5b8;padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:19px;font-weight:700;color:#e0e6eb}.footer-brand span{display:block;font-size:10px;font-weight:400;color:#8fa1b3;margin-top:10px}.footer-inner p,.footer-inner>div>a{font-size:10px;line-height:1.9;margin:0}.footer-note{color:#637c92}.back-top{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff25;color:#dfe7ee}.skip-link{position:fixed;top:-70px;left:10px;background:white;padding:15px;z-index:100}.skip-link:focus{top:10px}
@media(min-width:1500px){.hero-inner{min-height:700px}.hero-art{transform:scale(1.07)}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header nav{gap:23px}.hero-inner{gap:0}.hero-art{transform:scale(.85);transform-origin:center}.about-grid{gap:45px}.service-card{padding:25px 17px}.service-card h3{font-size:18px}.contact-grid{gap:40px}.contact h2{font-size:34px}.poster-word{font-size:65px}.poster{height:330px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header{height:74px}.brand-copy{font-size:20px}.brand-mark{font-size:38px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px;background:none;border:0}.menu-toggle span{width:23px;height:2px;background:var(--ink)}.header nav{display:none;position:absolute;left:0;right:0;top:74px;background:white;padding:20px;box-shadow:0 15px 20px #0c203515;align-items:stretch;gap:4px}.header nav.open{display:flex;flex-direction:column}.header nav>a.active:after{display:none}.header nav .nav-contact{justify-content:space-between}.hero-inner{grid-template-columns:1fr 1fr;min-height:560px}.hero h1{font-size:46px}.hero-art{transform:scale(.65);transform-origin:left center;width:440px;margin-left:-15px}.hero-bottom{gap:15px;font-size:8px;letter-spacing:1px}.hero-description{font-size:14px}.section{padding:70px 0}.about-grid{grid-template-columns:1fr;gap:30px}h2{font-size:30px}.about-copy .lead{font-size:19px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-top{margin-bottom:30px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section-aside{margin:0}.work-grid{gap:20px}.poster{height:300px;padding:22px}.city-title{font-size:36px;letter-spacing:4px}.city-title span{padding-left:20px}.poster-word{font-size:52px;letter-spacing:-4px}.poster-top{font-size:7px;letter-spacing:1px}.work-caption{align-items:flex-start;flex-direction:column;gap:9px}.process{padding-top:0}.process-grid{grid-template-columns:repeat(2,1fr);gap:30px 0}.process-grid article:nth-child(3){padding-left:0;border-left:0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h2{font-size:36px}.contact-panel{padding:25px}.footer-inner{flex-wrap:wrap}.footer-inner>div{order:3;width:100%;border-top:1px solid #ffffff15;padding-top:20px}.hero-scroll>span{font-size:9px}}
@media(max-width:540px){.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:45px;gap:0}.hero h1{font-size:48px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:22px}.hero-description{margin-bottom:23px}.hero-bottom{margin-top:28px}.hero-art{height:350px;transform:scale(.74);transform-origin:top left;margin:15px 0 -75px;width:440px;align-self:center}.art-caption{bottom:-80px;right:35px;font-size:13px}.art-coordinates{bottom:-25px}.art-label{top:15px}.hero-scroll{margin-top:30px}.hero-scroll>span{letter-spacing:0}.section{padding:55px 0}h2{font-size:27px}.section-heading{margin-bottom:30px}.about-copy .lead{font-size:18px}.service-grid{grid-template-columns:1fr}.service-card{padding:25px}.service-top{margin-bottom:23px}.service-card h3{font-size:21px}.service-card>p{font-size:13px}.work-grid{grid-template-columns:1fr;gap:30px}.poster{height:335px;padding:27px}.city-title{font-size:46px;letter-spacing:5px}.poster-word{font-size:76px}.work-caption{flex-direction:row;align-items:center}.work-caption>span{font-size:10px}.process{padding-top:0}.process-grid article{padding-right:14px}.process-grid article+article{padding-left:17px}.process-grid article:nth-child(3){padding-left:0}.process-grid h3{font-size:17px}.contact h2{font-size:30px}.contact-arrow{font-size:35px;margin-left:10px}.contact-row{grid-template-columns:65px 1fr;font-size:11px;gap:8px}.contact-panel{padding:22px}.footer-brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}