/* Original Chinese shanshui-inspired visual layer */
nav{align-items:center}
.site-header{position:absolute;z-index:100;top:22px;left:0;right:0;transform:none;width:100%;height:52px;background:transparent;border:0;box-shadow:none}
.site-header .brand,.site-header nav,.menu-button{background:rgba(246,242,232,.72);border:1px solid rgba(45,60,64,.12);box-shadow:0 8px 28px rgba(31,47,54,.07);backdrop-filter:blur(16px) saturate(.8);-webkit-backdrop-filter:blur(16px) saturate(.8)}
.site-header .brand{position:absolute;left:max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;height:44px;padding:0 18px;border-radius:999px;color:#293d43;text-shadow:0 1px rgba(255,255,255,.45)}
.site-header nav{display:none;position:fixed;right:32px;top:92px;width:250px;height:auto;padding:18px;border-radius:18px;gap:0;flex-direction:column;align-items:stretch}
.site-header nav.open{display:flex}
.site-header nav a{padding:12px 10px;border-bottom:1px solid rgba(45,60,64,.1)}
.site-header nav a:last-of-type{border-bottom:0}
.menu-button{position:fixed;right:32px;top:22px;display:grid;place-items:center;width:58px;height:58px;padding:0;border:3px double rgba(167,71,50,.76);border-radius:2px;color:#a74732;font:400 31px Georgia,serif;cursor:pointer;transform:none;transition:background .2s,transform .2s,box-shadow .2s}
.menu-button:hover{background:rgba(246,242,232,.9);transform:translateY(-1px) scale(1.02);box-shadow:0 10px 30px rgba(87,53,43,.12)}
.menu-button[aria-expanded="true"]{background:rgba(167,71,50,.11);transform:rotate(0deg)}
.site-header nav a{position:relative;color:#2d4147;text-shadow:0 1px rgba(255,255,255,.45)}
.site-header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:#a74732;transition:right .25s ease}
.site-header nav a:hover:after{right:0}
.hero{z-index:0}
.theme-toggle{position:fixed;z-index:101;right:108px;top:32px;display:grid;place-items:center;margin:0;border:1px solid rgba(53,70,75,.25);color:#34434b;background:rgba(247,244,236,.38);width:38px;height:38px;padding:0;border-radius:50%;font:400 17px Georgia,serif;line-height:1;cursor:pointer;box-shadow:inset 0 0 0 3px rgba(255,255,255,.12),0 5px 18px rgba(31,47,54,.06);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:background .2s,transform .2s,border-color .2s}.theme-toggle:hover{background:rgba(247,244,236,.72);border-color:rgba(167,71,50,.4);transform:rotate(-8deg)}
.vertical-signature{position:fixed;z-index:15;left:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#34434b;font-family:serif;font-size:11px;letter-spacing:.18em;writing-mode:vertical-rl}
.vertical-signature i{display:block;width:1px;height:55px;background:#a74732}
.hero{background-image:linear-gradient(90deg,rgba(242,235,222,.98) 0%,rgba(242,235,222,.89) 35%,rgba(242,235,222,.42) 55%,transparent 76%),url('shanshui-hero.png');background-size:cover;background-position:center;clip-path:polygon(0 0,100% 0,100% 94.5%,0 100%)}
.hero:before,.hero-cloud{display:none}
.hero-art{position:relative}
.art-orbit,.art-core,.art-tag{display:none}
.red-seal{display:none}
.red-seal span{font-family:serif;font-size:29px;line-height:1}.red-seal small{font-size:7px;letter-spacing:.18em;margin-top:-14px}
.section-title:after{background:#a74732}
.hero-links a,.underlined{border-color:#a74732}
.about-section{position:relative;background-color:#f3eee3;background-image:linear-gradient(90deg,rgba(247,244,236,.96) 0%,rgba(247,244,236,.86) 43%,rgba(247,244,236,.44) 72%,rgba(247,244,236,.2) 100%),url('shanshui-about.png');background-size:cover;background-position:center}
.about-section:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 30%,rgba(239,234,222,.28));pointer-events:none}
.about-section>.content-width{position:relative;z-index:1}
.about-art{border-color:#e7dfd1;box-shadow:0 20px 60px rgba(42,55,62,.1)}
.about-art:before{background:#dfe5e4}
.landscape{background-image:linear-gradient(180deg,transparent 58%,rgba(30,48,55,.14)),url('shanshui-about.png');background-size:cover;background-position:42% center}
.landscape:after{display:none}
.technology-section{background:#e7eceb}
.contact-section{background:linear-gradient(176deg,#e9e2d6,#d9e1e0)}
.dark-theme{background:#24333a;color:#edf0ed}
.dark-theme .site-header,.dark-theme .vertical-signature,.dark-theme .brand,.dark-theme nav a{color:#edf0ed}
.dark-theme .site-header{background:transparent;border:0}.dark-theme .site-header .brand,.dark-theme .site-header nav,.dark-theme .menu-button{background:rgba(31,48,56,.78);border-color:rgba(255,255,255,.12);box-shadow:0 8px 28px rgba(0,0,0,.12);color:#edf0ed}
.dark-theme .menu-button{color:#c96b54;border-color:rgba(201,107,84,.72)}
.dark-theme .theme-toggle{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(0,0,0,.14)}
.dark-theme .hero{background-image:linear-gradient(90deg,rgba(24,38,45,.97) 0%,rgba(24,38,45,.86) 40%,rgba(24,38,45,.3) 65%,transparent 84%),url('shanshui-hero.png')}
.dark-theme .hero h1,.dark-theme .hello,.dark-theme .intro,.dark-theme .hero-links a{color:#edf0ed}
.dark-theme .about-section,.dark-theme .projects-section{background:#24333a}
.dark-theme .about-section{background-image:linear-gradient(90deg,rgba(36,51,58,.97),rgba(36,51,58,.84) 48%,rgba(36,51,58,.45)),url('shanshui-about.png');background-size:cover;background-position:center}
.dark-theme .about-copy{background:rgba(31,48,56,.76);border-color:rgba(255,255,255,.12)}
.dark-theme .section-title,.dark-theme .about-copy .lead,.dark-theme .about-copy p,.dark-theme .project-content h3,.dark-theme .project-content p{color:#edf0ed}
.dark-theme .technology-section{background:#31454d}.dark-theme .skill-list span,.dark-theme .project-tags span{background:#405760;color:#e1e8e5}
@media(max-width:850px){.vertical-signature{display:none}.site-header{top:14px}.site-header .brand{height:42px}.menu-button{right:16px;top:14px;width:54px;height:54px;font-size:29px}.theme-toggle{right:82px;top:22px;width:38px;height:38px}.site-header nav.open{top:78px;left:auto;right:16px;min-width:210px;background:rgba(246,242,232,.94)}.dark-theme nav.open{background:rgba(31,48,56,.94)}.hero-art{min-height:180px}}

/* Cohesive editorial system below the hero */
.section{padding:140px 0}
.content-width{width:min(1120px,calc(100% - 48px))}
.section-heading{display:grid;grid-template-columns:110px 1fr;gap:38px;align-items:start;margin-bottom:80px;padding-bottom:34px;border-bottom:1px solid rgba(45,60,64,.2)}
.section-heading .cn-label{font-family:serif;font-size:30px;letter-spacing:.16em;color:#a74732;writing-mode:vertical-rl;justify-self:start}
.section-heading .section-number{font-family:Georgia,serif;font-size:24px;color:#a74732;justify-self:start}
.section-heading p{margin:4px 0 18px;font-size:10px;letter-spacing:.14em;color:#69777a}
.section-heading h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,5.8vw,74px);letter-spacing:-.045em;line-height:1.02;color:#263940;margin:0}
.about-grid{display:block}
.about-art{display:none}
.about-art:before{inset:28px -28px -28px 34px;background:rgba(70,91,95,.09)}
.landscape{clip-path:polygon(0 0,100% 5%,95% 100%,4% 96%)}
.about-art>span{bottom:38px;left:36px;background:rgba(242,235,222,.82);color:#35464b;padding:8px 11px;font-size:8px}
.about-copy{max-width:620px;margin-right:auto;padding:44px 48px;background:rgba(247,244,236,.72);border:1px solid rgba(45,60,64,.1);box-shadow:0 18px 55px rgba(42,55,62,.06);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.about-copy .lead{font-family:Georgia,'Times New Roman',serif;font-size:26px;line-height:1.5;font-weight:400;color:#263940}
.about-copy p{font-size:15px;color:#526166;margin-bottom:24px}
.underlined{display:inline-block;margin-top:18px;color:#263940;font-weight:600}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:110px;border-top:1px solid rgba(45,60,64,.2);border-bottom:1px solid rgba(45,60,64,.2)}
.value-grid article{padding:36px 34px 40px 0;min-height:220px}
.value-grid article+article{border-left:1px solid rgba(45,60,64,.2);padding-left:34px}
.value-grid span{font-family:serif;color:#a74732;font-size:18px}.value-grid h3{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:34px 0 10px;color:#263940}.value-grid p{font-size:13px;color:#667477;margin:0}
.technology-section{background-color:#f3eee3;background-image:linear-gradient(180deg,rgba(247,244,236,.8),rgba(247,244,236,.64) 52%,rgba(247,244,236,.8)),url('shanshui-capabilities.png');background-size:cover;background-position:center bottom}
.technology-section:before{display:none}
.section-intro{max-width:700px;margin:-34px 0 64px 148px;font-family:Georgia,serif;font-size:19px;color:#526166}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:rgba(247,244,236,.72);border:1px solid rgba(45,60,64,.1);box-shadow:0 18px 55px rgba(42,55,62,.06);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.capability-grid article{position:relative;background:transparent;min-height:390px;padding:38px 32px;display:flex;flex-direction:column;border:0;box-shadow:none;overflow:hidden}
.capability-grid article+article{border-left:1px solid rgba(45,60,64,.12)}
.capability-grid article:after{display:none}
.cap-top{display:flex;justify-content:space-between;position:relative;z-index:1}.cap-top span{font-size:10px;color:#7a8789}.cap-top b{font-family:serif;font-weight:400;color:#a74732;font-size:17px}
.capability-grid h3{font-family:Georgia,serif;font-size:29px;font-weight:400;color:#263940;margin:70px 0 17px}.capability-grid p{font-size:14px;color:#5d6a6d;margin:0}.capability-grid ul{list-style:none;margin:auto 0 0;padding:25px 0 0;border-top:1px solid rgba(45,60,64,.14)}.capability-grid li{font-size:11px;color:#59676a;padding:5px 0}
.projects-section{background:#f8f6ef;position:relative;overflow:hidden}
.projects-section:before{content:'';position:absolute;left:0;right:0;bottom:-70px;height:430px;background-image:linear-gradient(180deg,#f8f6ef 0%,rgba(248,246,239,.88) 35%,rgba(248,246,239,.5) 100%),url('shanshui-capabilities.png');background-size:cover;background-position:center bottom;opacity:.48;pointer-events:none}
.projects-section>.content-width{position:relative;z-index:1}
.project-list{gap:150px}
.project{grid-template-columns:1.15fr .85fr;gap:92px}
.project-image{height:520px;border:0;box-shadow:none;background-color:#dde3df;background-image:radial-gradient(rgba(45,60,64,.09) .7px,transparent .7px);background-size:16px 16px;clip-path:polygon(0 0,97% 3%,100% 96%,3% 100%)}
.project.reverse .project-image{clip-path:polygon(3% 2%,100% 0,97% 100%,0 96%)}
.product-image{background-color:#e6e0d4}.data-image{background-color:#dfe5e2}.ai-image{background-color:#d9dfdc}
.image-caption{position:absolute;left:28px;bottom:24px;font-size:8px;letter-spacing:.16em;color:#657174}
.ink-ui{width:72%;height:62%;background:rgba(248,246,239,.9);display:grid;grid-template-columns:24% 1fr;padding:18px;box-shadow:0 24px 55px rgba(42,55,62,.13);transform:rotate(-1.5deg)}
.ink-nav{border-right:1px solid rgba(45,60,64,.18);padding-right:13px}.ink-nav i{display:block;height:9px;background:#9ba8a4;margin:12px 0}.ink-nav i:nth-child(2){width:70%}.ink-nav i:nth-child(3){width:45%}
.ink-dashboard{padding:8px 0 0 22px}.ink-dashboard strong{font-family:Georgia,serif;font-weight:400;font-size:22px}.ink-dashboard span{display:inline-block;width:26%;height:62px;background:#d5dcda;margin:35px 5px 15px 0}.ink-dashboard b{display:block;height:9px;background:#b3bfbb;width:76%;margin-top:14px}
.data-river{position:relative;width:78%;height:60%}.data-river>i{position:absolute;left:18%;right:25%;top:48%;height:1px;background:#748681;transform:rotate(8deg)}.source{position:absolute;background:#f8f6ef;padding:10px 12px;font-size:9px;z-index:2;border:1px solid rgba(45,60,64,.2)}.s1{left:0;top:10%}.s2{left:7%;top:47%}.s3{left:22%;bottom:0}.lake{position:absolute;right:0;top:23%;width:145px;height:145px;border:1px solid #73847f;border-radius:50%;display:grid;place-content:center;text-align:center;font-family:serif;font-size:17px;background:rgba(248,246,239,.55);box-shadow:0 0 0 20px rgba(95,118,113,.06),0 0 0 40px rgba(95,118,113,.035)}.lake small{font:400 7px var(--font);letter-spacing:.09em;color:#687875}
.ai-orbit{position:relative;width:270px;height:270px;border:1px solid rgba(45,60,64,.35);border-radius:50%}.ai-orbit>i{position:absolute;inset:45px;border:1px dashed rgba(45,60,64,.25);border-radius:50%}.ai-orbit>i:nth-child(2){inset:90px;background:#34494f;border:0}.ai-orbit strong{position:absolute;inset:0;display:grid;place-items:center;color:#f0ece2;z-index:2}.ai-orbit span{position:absolute;background:#f5f2e9;border:1px solid rgba(45,60,64,.2);padding:7px 9px;font-size:8px}.o1{left:-20px;top:45px}.o2{right:-22px;top:120px}.o3{left:45px;bottom:-6px}
.project-content{position:relative}.featured{display:block;color:#a74732;font-size:9px;letter-spacing:.12em;margin-bottom:20px}.project-content h3{font-family:Georgia,serif;font-size:39px;line-height:1.15;font-weight:400;color:#263940;margin:0 0 24px}.project-content p{font-size:15px;color:#59676a;line-height:1.8}.project-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(45,60,64,.2)}.project-meta span{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#667477}
.contact-section{padding:145px 24px 135px;clip-path:polygon(0 7%,100% 0,100% 100%,0 100%);background-color:#dce3df;background-image:linear-gradient(90deg,rgba(238,232,219,.92) 0%,rgba(238,232,219,.76) 48%,rgba(220,227,223,.32) 100%),url('shanshui-contact.png');background-size:cover;background-position:center 65%}
.contact-inner{max-width:1060px;text-align:left;position:relative}.contact-cn{position:absolute;right:0;top:-25px;font-family:serif;font-size:74px;color:rgba(167,71,50,.18);writing-mode:vertical-rl}.contact-inner>p{font-size:9px;letter-spacing:.14em;color:#5d6b6d}.contact-inner h2{font-family:Georgia,serif;font-size:clamp(50px,7vw,90px);font-weight:400;line-height:1.02;color:#263940;margin:22px 0 55px}.contact-bottom{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start;border-top:1px solid rgba(45,60,64,.25);padding-top:30px}.contact-bottom>p{max-width:430px;color:#576568;margin:0}.contact-bottom a{display:flex;gap:55px;align-items:center;background:#34494f;padding:15px 18px;min-width:230px;justify-content:space-between}
.contact-form{display:grid;gap:24px;padding:30px;background:rgba(247,244,236,.7);border:1px solid rgba(45,60,64,.11);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form label{display:grid;gap:8px}.contact-form label>span{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#59686b}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(45,60,64,.3);border-radius:0;background:transparent;color:#293d43;padding:8px 0 10px;font:400 14px var(--font);outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#a74732}.contact-submit{display:flex;align-items:center;justify-content:space-between;gap:20px}.contact-submit .form-status{margin:0;max-width:300px;color:#576568;font-size:11px;line-height:1.5}.contact-form button{display:flex;align-items:center;justify-content:space-between;gap:35px;min-width:180px;padding:14px 16px;border:0;background:#34494f;color:#fff;font:500 11px var(--font);letter-spacing:.04em;cursor:pointer}.contact-form button:hover{background:#a74732}.contact-form button:disabled{cursor:wait;opacity:.65}
footer{position:relative;min-height:108px;padding:0 max(24px,calc((100% - 1120px)/2));background:#eee8dc;color:#44565a;border-top:1px solid rgba(45,60,64,.14);font-size:9px;letter-spacing:.11em;text-transform:uppercase}
footer:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,71,50,.45),transparent)}
footer span:first-child{font-family:Georgia,serif;font-size:12px;letter-spacing:.06em;text-transform:none;color:#2f4247}
footer a{position:relative;padding-bottom:4px}
footer a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#a74732;transform:scaleX(.35);transform-origin:right;transition:transform .25s ease}
footer a:hover:after{transform:scaleX(1)}
.dark-theme .section-heading{border-color:rgba(255,255,255,.18)}.dark-theme .section-heading h2,.dark-theme .value-grid h3,.dark-theme .capability-grid h3{color:#edf0ed}.dark-theme .section-heading p,.dark-theme .section-intro,.dark-theme .value-grid p{color:#bbc5c2}.dark-theme .value-grid{border-color:rgba(255,255,255,.18)}.dark-theme .value-grid article+article{border-color:rgba(255,255,255,.18)}.dark-theme .capability-grid{background:rgba(31,48,56,.76);border-color:rgba(255,255,255,.12)}.dark-theme .capability-grid article{background:transparent}.dark-theme .capability-grid article+article{border-color:rgba(255,255,255,.12)}.dark-theme .capability-grid p,.dark-theme .capability-grid li{color:#c0cac7}.dark-theme .projects-section{background:#24333a}.dark-theme .project-meta{border-color:rgba(255,255,255,.18)}.dark-theme .project-meta span{color:#bdc7c4}
.dark-theme .technology-section{background-image:linear-gradient(180deg,rgba(49,69,77,.9),rgba(49,69,77,.96)),url('shanshui-capabilities.png')}
.dark-theme .projects-section::before{background-image:linear-gradient(180deg,#24333a 0%,rgba(36,51,58,.88) 40%,rgba(36,51,58,.48) 100%),url('shanshui-capabilities.png')}
.dark-theme .contact-section{background-image:linear-gradient(90deg,rgba(31,48,56,.95),rgba(31,48,56,.72)),url('shanshui-contact.png')}
.dark-theme .contact-inner h2,.dark-theme .contact-bottom p,.dark-theme .contact-inner>p{color:#edf0ed}
.dark-theme .contact-form{background:rgba(31,48,56,.76);border-color:rgba(255,255,255,.12)}.dark-theme .contact-form label>span,.dark-theme .contact-submit .form-status{color:#c0cac7}.dark-theme .contact-form input,.dark-theme .contact-form textarea{color:#edf0ed;border-color:rgba(255,255,255,.25)}
.dark-theme footer{background:#1f3037;color:#bfc9c6;border-color:rgba(255,255,255,.12)}.dark-theme footer span:first-child{color:#edf0ed}
@media(max-width:900px){.section-heading{grid-template-columns:70px 1fr}.about-grid,.project{grid-template-columns:1fr;gap:60px}.about-art{height:480px}.value-grid,.capability-grid{grid-template-columns:1fr}.value-grid article+article{border-left:0;border-top:1px solid rgba(45,60,64,.2);padding-left:0}.capability-grid article{min-height:310px}.capability-grid article+article{border-left:0;border-top:1px solid rgba(45,60,64,.12)}.section-intro{margin-left:108px}.project.reverse .project-image{order:1}.project.reverse .project-content{order:2}.contact-bottom{grid-template-columns:1fr;gap:38px}.contact-bottom a{width:max-content}}
@media(max-width:560px){.section{padding:95px 0}.section-heading{grid-template-columns:42px 1fr;margin-bottom:52px}.section-heading .cn-label{font-size:21px}.section-heading h2{font-size:39px}.about-art{height:360px}.about-grid{gap:40px}.about-copy{padding:32px 26px}.about-copy .lead{font-size:22px}.value-grid{margin-top:72px}.section-intro{margin:-20px 0 45px}.project-list{gap:95px}.project-image{height:340px}.project-content h3{font-size:31px}.ink-ui{width:84%}.ai-orbit{transform:scale(.82)}.contact-section{padding-top:105px}.contact-bottom{gap:35px}.contact-cn{font-size:50px}}
@media(max-width:560px){footer{min-height:150px;padding:34px 24px;gap:8px}}
@media(max-width:560px){.contact-fields{grid-template-columns:1fr}.contact-form{padding:24px 20px}.contact-submit{align-items:stretch;flex-direction:column}.contact-form button{width:100%}}