:root{
    --ink:#111715;
    --dark:#0b1513;
    --dark-2:#101d1a;
    --green:#11796c;
    --green-dark:#0b5d53;
    --green-deep:#063e37;
    --green-soft:#e8f0ec;
    --ivory:#f4f0e7;
    --paper:#faf8f2;
    --white:#fffdf8;
    --muted:#68716e;
    --line:#ddd6c9;
    --line-dark:#29403a;
    --brass:#b99a67;
    --brass-light:#dfc99b;
    --shadow:0 24px 70px rgba(17,23,21,.09);
    --serif:Georgia,"Times New Roman",serif;
    --sans:"Segoe UI",Inter,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto;background:var(--dark)}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.eyebrow{font-size:11px;line-height:1.2;font-weight:750;letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin-bottom:17px}
.eyebrow-gold{color:var(--brass-light)}
.eyebrow-light{color:#bde5dc}
h1,h2,h3{font-family:var(--serif);font-weight:400}
.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:2px;cursor:pointer;font-size:13px;font-weight:650;letter-spacing:.01em;transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--green);color:#fff}
.button-primary:hover{background:#0f6d61}
.button-outline{background:transparent;color:#f6f2e9;border:1px solid rgba(223,201,155,.58)}
.button-outline:hover{border-color:var(--brass-light);background:rgba(255,255,255,.04)}
.button-brass{background:var(--brass-light);color:#27322f}
.button-brass:hover{background:#ead9b5}
.full{width:100%}
.inline-link,.card-link{border:0;background:none;color:var(--green);font-size:13px;font-weight:700;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:10px}
.inline-link span,.card-link span{font-size:18px;transition:transform .2s ease}
.inline-link:hover span,.card-link:hover span{transform:translate(3px,-2px)}

.header{height:78px;background:rgba(8,16,14,.96);border-bottom:1px solid rgba(223,201,155,.15);position:sticky;top:0;z-index:100;color:#fff;backdrop-filter:blur(14px)}
.nav{height:100%;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:28px}
.brand{display:inline-flex;flex-direction:column;line-height:1;color:#fff;width:max-content}
.brand-name{font-family:var(--serif);font-size:25px;letter-spacing:.07em}
.brand-caption{font-size:8px;letter-spacing:.26em;color:#b9c2bf;margin-top:7px}
.menu{display:flex;align-items:center;justify-content:center;gap:29px}
.menu a{font-size:12px;color:#dbe0de;position:relative;white-space:nowrap}
.menu a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--brass);transition:right .2s ease}
.menu a:hover:after{right:0}
.header-actions{display:flex;align-items:center;gap:18px}
.header-phone{font-size:12px;white-space:nowrap;color:#f2f0ea}
.header-cta{min-height:40px;padding:0 16px;font-size:11px}
.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;cursor:pointer}
.menu-toggle span{display:block;width:23px;height:1px;background:#fff;margin:6px auto}

.hero{position:relative;overflow:hidden;background:var(--dark);color:#fff;min-height:650px;border-bottom:1px solid #20322e}
.hero-noise{position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(rgba(255,255,255,.11) .7px,transparent .7px);background-size:7px 7px;mask-image:linear-gradient(to right,#000,transparent 45%)}
.hero-grid{min-height:650px;display:grid;grid-template-columns:46% 54%;align-items:stretch;position:relative}
.hero-copy{padding:86px 40px 72px 0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero h1{font-size:clamp(52px,5.2vw,76px);line-height:1.03;letter-spacing:-.035em;max-width:720px}
.hero h1 em{font-style:normal;color:#f0e9dc}
.hero-copy>p{font-size:16px;line-height:1.7;color:#b9c3c0;max-width:590px;margin:27px 0 32px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-trust{display:flex;align-items:center;gap:13px;margin-top:43px;color:#c1c8c6;font-size:11px;letter-spacing:.02em;flex-wrap:wrap}
.hero-trust i{display:block;width:3px;height:3px;background:var(--brass);border-radius:50%}
.hero-art{position:relative;min-height:650px;margin-right:calc((100vw - min(1180px,calc(100vw - 48px)))/-2);overflow:hidden}
.hero-art:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,var(--dark) 0%,rgba(11,21,19,.6) 18%,transparent 52%),linear-gradient(180deg,transparent 65%,rgba(11,21,19,.72) 100%)}
.hero-art img{width:100%;height:100%;object-fit:cover;min-height:650px;filter:saturate(.84) contrast(1.06)}
.hero-art-label{position:absolute;right:38px;bottom:34px;z-index:3;border-left:1px solid var(--brass);padding-left:14px;text-align:left;color:#e9e2d4}
.hero-art-label span{display:block;font-family:var(--serif);font-size:22px;letter-spacing:.08em}.hero-art-label small{font-size:9px;color:#99aaa5;letter-spacing:.13em;text-transform:uppercase}

.trust-strip{background:#0d1816;color:#fff;border-bottom:1px solid #1e302c}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{padding:26px 28px;text-align:center;position:relative}
.trust-item:not(:last-child):after{content:"";position:absolute;right:0;top:23px;bottom:23px;width:1px;background:#2c3c38}
.trust-item strong{font-family:var(--serif);font-size:29px;font-weight:400;color:#28a18f;display:block;line-height:1.1}
.trust-item span{display:block;margin-top:8px;color:#b4bfbc;font-size:10px}

.services-section{background:var(--ivory);padding:86px 0 92px;overflow:hidden}
.services-layout{display:grid;grid-template-columns:210px 1fr;gap:52px;align-items:start}
.services-intro{position:sticky;top:112px}
.services-intro h2{font-size:44px;line-height:1.05;margin-bottom:18px}
.services-intro p{color:#5f6764;font-size:14px;margin-bottom:25px}
.services-sketch{height:210px;margin-top:54px;position:relative;display:flex;align-items:center;justify-content:space-between;color:#a7a094;font-family:var(--serif);font-size:28px;opacity:.45}
.services-sketch:before,.services-sketch:after{content:"";position:absolute;border:1px solid #b8ae9f;border-radius:50%}
.services-sketch:before{width:150px;height:150px;left:22px;top:28px}.services-sketch:after{width:95px;height:95px;left:50px;top:55px}
.services-sketch i{height:1px;background:#b8ae9f;flex:1;margin:0 12px;position:relative}.services-sketch i:after{content:"→";position:absolute;right:-4px;top:-13px}
.service-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.service-card{position:relative;background:rgba(255,253,248,.66);border:1px solid #d8cdbc;padding:24px 26px;min-height:190px;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c8b797}
.service-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(17,121,108,.09);border-radius:50%;right:-92px;bottom:-108px}
.service-card-large{min-height:300px;padding:27px 30px}
.service-card-wide{min-height:145px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}
.service-card-accent{background:#0e5148;color:#f5f1e8;border-color:#0e5148}.service-card-accent p{color:#c7dcd7!important}.service-card-accent .service-meta,.service-card-accent .card-link{color:#dfc99b}
.service-meta{font-size:9px;color:#9b7f4f;letter-spacing:.16em;font-weight:800;text-transform:uppercase;margin-bottom:16px}
.service-card-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}
.service-card h3{font-size:27px;line-height:1.08;max-width:470px}.service-card-compact h3,.service-card-wide h3{font-size:22px}
.service-card p{font-size:12px;line-height:1.55;color:#616965;max-width:460px;margin-top:15px}
.service-symbol{font-family:var(--serif);font-size:48px;line-height:1;color:#2d7f72;opacity:.82}
.service-subactions{margin-top:auto;padding-top:24px;display:flex;flex-wrap:wrap;gap:7px}
.service-chip{border:1px solid #d0c6b8;background:rgba(255,255,255,.58);padding:7px 9px;font-size:10px;color:#4f5b57;cursor:pointer;transition:.2s}
.service-chip:hover{border-color:var(--green);color:var(--green);background:#fff}
.card-link{margin-top:auto;padding-top:17px;justify-content:space-between;width:100%}
.service-card-wide .card-link{width:auto;white-space:nowrap;padding:0 0 3px}

.process-quote{background:#0c1715;color:#f5eee1;border-bottom:1px solid rgba(185,154,103,.3);padding:34px 0}
.process-quote-inner{display:flex;align-items:center;justify-content:center;gap:35px;text-align:center}.process-quote p{font-family:var(--serif);font-size:28px;line-height:1.15}.process-quote strong{font-weight:400;color:#d8c39a}.quote-mark{font-family:var(--serif);font-size:52px;color:var(--brass);line-height:1}.quote-mark-end{align-self:flex-end}

.process-section{background:#0b1513;color:#fff;padding:74px 0 91px;overflow:hidden}
.process-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:56px}.process-heading h2{font-size:49px}.process-heading>p{max-width:330px;color:#8fa19c;font-size:12px;text-align:right}
.process-route{height:370px;position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;column-gap:38px;row-gap:30px;padding:14px 28px}
.route-line{position:absolute;height:1px;background:linear-gradient(90deg,#6b5e42,#cfad6d,#6b5e42);box-shadow:0 0 14px rgba(207,173,109,.35)}
.route-line:after{content:"";position:absolute;inset:-1px;background-image:radial-gradient(circle,#f2d698 2px,transparent 3px);background-size:120px 4px;background-repeat:repeat-x}
.route-line-top{left:7%;right:6%;top:88px}.route-line-bottom{left:7%;right:10%;bottom:90px}
.route-turn{position:absolute;right:4.5%;top:88px;width:70px;height:193px;border:1px solid #9a804f;border-left:0;border-radius:0 70px 70px 0}
.process-step{position:relative;z-index:2;align-self:start;padding:0 7px;max-width:210px}.process-step h3{font-family:var(--sans);font-size:15px;font-weight:650;color:#e6d5ae;margin:8px 0 7px}.process-step p{font-size:10px;line-height:1.55;color:#97a6a2}.step-number{font-family:var(--serif);font-size:16px;color:#bfa36e}.step-node{display:block;width:35px;height:35px;border:1px solid #2d7669;border-radius:50%;background:#0d1a17;margin-top:10px;position:relative;box-shadow:0 0 0 5px #0b1513}.step-node:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#d2b573;left:13px;top:13px;box-shadow:0 0 12px #d2b573}
.step-1{grid-column:1;grid-row:1}.step-2{grid-column:2;grid-row:1}.step-3{grid-column:3;grid-row:1}.step-4{grid-column:4;grid-row:1}.step-5{grid-column:3;grid-row:2;align-self:end}.step-6{grid-column:2;grid-row:2;align-self:end}.step-7{grid-column:1;grid-row:2;align-self:end}
.step-5 .step-node,.step-6 .step-node,.step-7 .step-node{position:absolute;top:-36px;left:7px}.step-5,.step-6,.step-7{padding-top:20px}

.about-section{background:var(--paper);padding:82px 0}
.about-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:58px;align-items:stretch}.about-copy{padding:12px 0}.about-copy h2{font-size:49px;margin-bottom:18px}.about-copy p{color:#5e6763;font-size:13px;line-height:1.7;margin-bottom:13px;max-width:500px}.about-copy .about-lead{color:#137363;font-size:15px}.about-copy blockquote{font-family:var(--serif);font-size:22px;line-height:1.3;margin:31px 0 26px;padding-left:27px;border-left:2px solid var(--brass);color:#39433f}.about-copy blockquote strong{font-weight:400}.about-visual{position:relative;min-height:420px;box-shadow:var(--shadow);overflow:hidden;background:#111817}.about-visual img{width:100%;height:100%;object-fit:cover}.about-badge{position:absolute;right:21px;bottom:20px;width:94px;height:94px;border:1px solid rgba(223,201,155,.7);background:rgba(12,22,20,.86);color:#eee6d6;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-badge span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#b9a377}.about-badge strong{font-family:var(--serif);font-size:27px;font-weight:400}

.china-section{background:linear-gradient(120deg,#063e37,#0a2d28 66%,#071b18);color:#fff;padding:65px 0;overflow:hidden;border-top:1px solid #1b5e54;border-bottom:1px solid #1b5e54}.china-grid{display:grid;grid-template-columns:300px 1fr;align-items:center;gap:34px}.china-copy h2{font-size:45px;line-height:1.02;margin-bottom:16px}.china-copy p{font-size:12px;color:#b7d0ca;margin-bottom:24px;max-width:260px}.china-map{min-height:300px;display:flex;align-items:center}.china-map img{width:100%;filter:drop-shadow(0 12px 30px rgba(0,0,0,.2))}

.faq-section{background:var(--ivory);padding:67px 0}.faq-grid{display:grid;grid-template-columns:260px 1fr;gap:55px}.faq-grid header h2{font-size:42px;line-height:1.05;margin-bottom:15px}.faq-grid header p{font-size:12px;color:#69716e}.faq{border-top:1px solid #cec3b3}.faq details{border-bottom:1px solid #cec3b3}.faq summary{list-style:none;cursor:pointer;padding:18px 38px 18px 0;font-size:13px;font-weight:600;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:4px;top:14px;font-size:22px;font-weight:300;color:#40504c}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 50px 19px 0;color:#69716e;font-size:12px;line-height:1.7}

.final-cta{background:linear-gradient(100deg,#0b7c6d,#07584e);color:#fff;padding:42px 0;position:relative;overflow:hidden}.final-cta:after{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-200px;top:-270px;box-shadow:0 0 0 34px rgba(255,255,255,.02),0 0 0 70px rgba(255,255,255,.018)}.final-cta-inner{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:30px;position:relative;z-index:2}.cta-icon{width:60px;height:60px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;font-size:24px}.final-cta h2{font-size:37px;line-height:1.05}.final-cta p{font-size:11px;color:#cbe2dd;margin-top:8px}

.footer{background:#0a1211;color:#bec8c5;padding:50px 0 22px}.footer-grid{display:grid;grid-template-columns:1.2fr .9fr 1.25fr .7fr;gap:48px}.brand-footer{margin-bottom:22px}.footer-brand p{font-size:12px;color:#7f918c;max-width:260px}.footer h3{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#d4c397;margin-bottom:15px}.footer a,.footer p{display:block;font-size:12px;margin-bottom:8px;color:#c1cbc8}.footer small{display:block;color:#657773;font-size:9px;margin-top:-5px;margin-bottom:9px}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #23322f;margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#61716d;letter-spacing:.06em}

.modal{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(2,10,9,.78);backdrop-filter:blur(8px)}.modal-window{position:relative;width:min(540px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--paper);padding:39px 40px 37px;z-index:1;box-shadow:0 35px 100px rgba(0,0,0,.38);border:1px solid #d9cbb5}.modal-close{position:absolute;right:15px;top:8px;border:0;background:none;font-size:31px;font-weight:200;cursor:pointer;color:#6d756f}.modal-window h2{font-family:var(--serif);font-size:34px;line-height:1.08;font-weight:400;margin-bottom:8px}.modal-window>p{color:#747c78;font-size:12px;margin-bottom:24px}.order-form{display:grid;grid-template-columns:1fr 1fr;gap:13px 14px}.order-form label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#53605b}.order-form label:nth-child(4),.order-form label:nth-child(5),.order-form button{grid-column:1/-1}.order-form input,.order-form textarea{width:100%;margin-top:6px;padding:12px 12px;border:1px solid #cfc5b6;background:#fffdf8;outline:none;font-family:var(--sans);font-size:14px;font-weight:400;color:var(--ink);border-radius:0;transition:border-color .2s,box-shadow .2s}.order-form textarea{min-height:110px;resize:vertical;line-height:1.45}.order-form input:focus,.order-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(17,121,108,.08)}.order-form textarea::placeholder{color:#9ca39f;opacity:1;font-family:var(--sans);font-size:14px;font-weight:400;text-transform:none;letter-spacing:0}.form-message{margin-top:14px;padding:11px 12px;font-size:12px}.form-message.success{background:#e2f0ea;color:#14634f}.form-message.error{background:#f5e3df;color:#8e342d}

@media(max-width:1060px){
    .nav{grid-template-columns:170px 1fr auto;gap:18px}.menu{gap:18px}.header-phone{display:none}
    .services-layout{grid-template-columns:180px 1fr;gap:32px}.process-route{column-gap:20px}.about-grid{gap:35px}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
    .container{width:min(100% - 34px,1180px)}
    .header{height:68px}.nav{display:flex;justify-content:space-between}.menu-toggle{display:block;order:3}.header-actions{margin-left:auto}.header-cta{display:none}
    .menu{position:absolute;top:68px;left:17px;right:17px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#0c1715;border:1px solid #2d3d39;padding:8px;box-shadow:0 20px 50px rgba(0,0,0,.35)}.menu.open{display:flex}.menu a{padding:12px 13px}.menu a:after{display:none}
    .hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:72px 0 50px}.hero-art{height:410px;min-height:0;margin:0 calc((100vw - min(1180px,calc(100vw - 34px)))/-2)}.hero-art img{min-height:0;height:100%}.hero-art:before{background:linear-gradient(180deg,var(--dark),transparent 20%,transparent 70%,var(--dark))}
    .trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(2):after{display:none}.trust-item:nth-child(-n+2){border-bottom:1px solid #283a36}
    .services-layout{grid-template-columns:1fr}.services-intro{position:static;display:grid;grid-template-columns:1fr auto;gap:10px 30px;align-items:start}.services-intro .eyebrow,.services-intro h2,.services-intro p{grid-column:1}.services-intro .inline-link{grid-column:2;grid-row:2;align-self:end}.services-sketch{display:none}.service-mosaic{margin-top:22px}
    .process-heading{align-items:flex-start}.process-route{height:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;gap:25px 32px;padding:0}.route-line,.route-turn{display:none}.process-step,.step-1,.step-2,.step-3,.step-4,.step-5,.step-6,.step-7{grid-column:auto;grid-row:auto;align-self:auto;max-width:none;padding:0 0 0 52px;min-height:98px;border-left:1px solid #735f3e}.step-node,.step-5 .step-node,.step-6 .step-node,.step-7 .step-node{position:absolute;left:-18px;top:7px;margin:0}.step-number{display:block}
    .about-grid{grid-template-columns:1fr}.about-visual{min-height:380px}.china-grid{grid-template-columns:1fr}.china-copy{max-width:520px}.faq-grid{grid-template-columns:1fr}.final-cta-inner{grid-template-columns:58px 1fr}.final-cta .button{grid-column:2;justify-self:start}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
    .container{width:min(100% - 26px,1180px)}.brand-name{font-size:22px}.brand-caption{font-size:7px}
    .hero-copy{padding-top:58px}.hero h1{font-size:45px}.hero-copy>p{font-size:14px}.hero-actions{width:100%}.hero-actions .button{flex:1;min-width:160px}.hero-trust{margin-top:32px}.hero-art{height:315px;margin-left:-13px;margin-right:-13px}.hero-art-label{right:20px;bottom:20px}
    .trust-grid{grid-template-columns:1fr}.trust-item:not(:last-child){border-bottom:1px solid #283a36}.trust-item:after{display:none!important}
    .services-section{padding:67px 0}.services-intro{display:block}.services-intro h2{font-size:38px}.services-intro .inline-link{margin-top:4px}.service-mosaic{grid-template-columns:1fr}.service-card,.service-card-large,.service-card-wide{min-height:0;grid-template-columns:1fr;padding:23px 22px}.service-card-wide .card-link{margin-top:20px}.service-card h3{font-size:25px}.service-symbol{font-size:40px}
    .process-quote-inner{gap:12px}.process-quote p{font-size:21px}.quote-mark{font-size:38px}.process-section{padding:60px 0}.process-heading{display:block}.process-heading h2{font-size:40px}.process-heading>p{text-align:left;margin-top:13px}.process-route{grid-template-columns:1fr;gap:18px}.process-step{min-height:84px}
    .about-section{padding:66px 0}.about-copy h2{font-size:40px}.about-visual{min-height:280px}.china-section{padding:55px 0}.china-copy h2{font-size:40px}.china-map{min-height:0}.faq-section{padding:55px 0}.faq-grid header h2{font-size:38px}
    .final-cta-inner{grid-template-columns:1fr}.cta-icon{display:none}.final-cta .button{grid-column:1}.final-cta h2{font-size:32px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}
    .modal{padding:10px}.modal-window{padding:34px 20px 25px}.modal-window h2{font-size:29px}.order-form{grid-template-columns:1fr}.order-form label,.order-form label:nth-child(4),.order-form label:nth-child(5),.order-form button{grid-column:1}
}
@media(max-width:380px){.hero h1{font-size:39px}.hero-actions .button{width:100%;flex:auto}.service-subactions{display:grid}.service-chip{text-align:left}.final-cta h2{font-size:29px}}

/* Responsive hardening v2: keep every block inside the viewport */
html,body{max-width:100%;overflow-x:hidden}
body{min-width:0}
.container{width:100%;max-width:1228px;padding-left:24px;padding-right:24px}
.nav>* ,.hero-grid>* ,.services-layout>* ,.service-mosaic>* ,.service-card>* ,.service-card-head>* ,.process-heading>* ,.process-route>* ,.about-grid>* ,.china-grid>* ,.faq-grid>* ,.final-cta-inner>* ,.footer-grid>*{min-width:0}
.hero h1,.service-card h3,.process-heading h2,.about-copy h2,.china-copy h2,.faq-grid h2,.final-cta h2,.footer p,.footer a{overflow-wrap:break-word;word-break:normal}
.service-card-wide{grid-template-columns:minmax(0,1fr) auto}
.service-card-head h3{min-width:0}
.service-symbol{flex:0 0 auto}
.china-map,.about-visual,.hero-art{max-width:100%}
.china-map img,.about-visual img,.hero-art img{max-width:100%}

/* Laptops and compact desktop: stop forcing desktop composition too far */
@media(max-width:1180px){
    .container{padding-left:22px;padding-right:22px}
    .nav{grid-template-columns:160px minmax(0,1fr) auto;gap:16px}
    .menu{gap:16px}
    .header-actions{gap:12px}
    .header-cta{padding-left:13px;padding-right:13px}
    .hero-grid{grid-template-columns:minmax(0,48%) minmax(0,52%)}
    .hero-copy{padding-right:28px}
    .hero h1{font-size:clamp(48px,5vw,65px)}
    .services-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}
    .service-card-large{min-height:270px}
    .process-route{column-gap:18px;padding-left:14px;padding-right:14px}
    .footer-grid{gap:30px}
}

/* Tablet / small laptop: use compact navigation and single-column major sections */
@media(max-width:980px){
    .header{height:68px}
    .nav{display:flex;justify-content:space-between;gap:14px}
    .brand{flex:0 1 auto;min-width:0}
    .menu-toggle{display:block;order:3;flex:0 0 42px}
    .header-actions{margin-left:auto;flex:0 0 auto}
    .header-phone,.header-cta{display:none}
    .menu{position:absolute;top:68px;left:22px;right:22px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#0c1715;border:1px solid #2d3d39;padding:8px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
    .menu.open{display:flex}
    .menu a{padding:12px 13px;white-space:normal}
    .menu a:after{display:none}

    .hero-grid{grid-template-columns:1fr;min-height:auto}
    .hero-copy{padding:68px 0 46px;max-width:760px}
    .hero h1{font-size:clamp(46px,7vw,66px);max-width:780px}
    .hero-copy>p{max-width:690px}
    .hero-art{height:430px;min-height:0;margin-left:-22px;margin-right:-22px;max-width:none}
    .hero-art img{height:100%;min-height:0;width:100%;object-fit:cover}
    .hero-art:before{background:linear-gradient(180deg,var(--dark) 0%,rgba(11,21,19,.18) 20%,transparent 56%,var(--dark) 100%)}

    .services-layout{grid-template-columns:1fr;gap:28px}
    .services-intro{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 26px;align-items:start}
    .services-intro .eyebrow,.services-intro h2,.services-intro p{grid-column:1}
    .services-intro .inline-link{grid-column:2;grid-row:2;align-self:end}
    .services-sketch{display:none}
    .service-mosaic{margin-top:4px}

    .process-heading{align-items:flex-start;gap:30px}
    .process-route{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:none;gap:24px 34px;padding:0}
    .route-line,.route-turn{display:none}
    .process-step,.step-1,.step-2,.step-3,.step-4,.step-5,.step-6,.step-7{grid-column:auto;grid-row:auto;align-self:auto;max-width:none;padding:0 0 0 48px;min-height:96px;border-left:1px solid #735f3e}
    .step-node,.step-5 .step-node,.step-6 .step-node,.step-7 .step-node{position:absolute;left:-18px;top:7px;margin:0}
    .step-5,.step-6,.step-7{padding-top:0}

    .about-grid{grid-template-columns:1fr;gap:38px}
    .about-copy{max-width:720px}
    .about-visual{min-height:360px}
    .china-grid{grid-template-columns:1fr;gap:26px}
    .china-copy{max-width:620px}
    .china-copy p{max-width:520px}
    .china-map{min-height:0}

    .final-cta-inner{grid-template-columns:58px minmax(0,1fr);gap:22px}
    .final-cta .button{grid-column:2;justify-self:start}
    .footer-grid{grid-template-columns:1fr 1fr;gap:34px 50px}
}

@media(max-width:720px){
    .container{padding-left:17px;padding-right:17px}
    .menu{left:17px;right:17px}
    .hero-art{margin-left:-17px;margin-right:-17px;height:370px}
    .trust-grid{grid-template-columns:1fr 1fr}
    .trust-item:nth-child(2):after{display:none}
    .trust-item:nth-child(-n+2){border-bottom:1px solid #283a36}

    .services-section{padding:72px 0 76px}
    .services-intro{display:block}
    .services-intro .inline-link{margin-top:5px}
    .service-mosaic{grid-template-columns:1fr;gap:12px;margin-top:24px}
    .service-card,.service-card-large,.service-card-wide{min-height:0;padding:23px 22px;grid-template-columns:1fr}
    .service-card-wide .card-link{width:100%;white-space:normal;margin-top:18px;padding-top:0}
    .service-card h3,.service-card-compact h3,.service-card-wide h3{font-size:clamp(22px,5.5vw,27px)}
    .service-card-head{gap:14px}
    .service-symbol{font-size:40px}
    .service-subactions{padding-top:18px}

    .process-quote{padding:29px 0}
    .process-quote-inner{gap:14px}
    .process-quote p{font-size:clamp(20px,5vw,26px)}
    .quote-mark{font-size:38px}
    .process-heading{display:block;margin-bottom:38px}
    .process-heading h2{font-size:clamp(38px,8vw,46px)}
    .process-heading>p{text-align:left;margin-top:12px;max-width:520px}
    .process-route{grid-template-columns:1fr;gap:17px}
    .process-step{min-height:82px}

    .faq-grid{grid-template-columns:1fr;gap:28px}
    .faq summary{padding-right:34px}
    .final-cta-inner{grid-template-columns:1fr}
    .cta-icon{display:none}
    .final-cta .button{grid-column:1;justify-self:start}
}

@media(max-width:520px){
    .container{padding-left:13px;padding-right:13px}
    .menu{left:13px;right:13px}
    .brand-name{font-size:21px}
    .brand-caption{font-size:7px;letter-spacing:.2em}

    .hero-copy{padding:52px 0 38px}
    .hero h1{font-size:clamp(36px,10.7vw,45px);line-height:1.04;letter-spacing:-.028em}
    .hero-copy>p{font-size:14px;line-height:1.62;margin:22px 0 26px}
    .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
    .hero-actions .button{width:100%;min-width:0}
    .hero-trust{margin-top:28px;gap:9px 11px}
    .hero-art{height:300px;margin-left:-13px;margin-right:-13px}
    .hero-art-label{right:15px;bottom:15px}
    .hero-art-label span{font-size:18px}

    .trust-grid{grid-template-columns:1fr}
    .trust-item{padding:20px 15px}
    .trust-item:not(:last-child){border-bottom:1px solid #283a36}
    .trust-item:after{display:none!important}

    .services-section{padding:60px 0 64px}
    .services-intro h2{font-size:37px}
    .service-card,.service-card-large,.service-card-wide{padding:21px 18px}
    .service-card-head{align-items:flex-start}
    .service-card h3,.service-card-compact h3,.service-card-wide h3{font-size:23px}
    .service-symbol{font-size:35px}
    .service-chip{white-space:normal;text-align:left}

    .process-quote-inner{align-items:flex-start}
    .quote-mark{display:none}
    .process-quote p{text-align:left;width:100%}
    .process-section{padding:54px 0 62px}
    .process-heading h2{font-size:38px}

    .about-section{padding:60px 0}
    .about-copy h2{font-size:38px}
    .about-copy blockquote{font-size:20px;padding-left:18px}
    .about-visual{min-height:240px}
    .about-badge{width:78px;height:78px;right:12px;bottom:12px}

    .china-section{padding:50px 0}
    .china-copy h2{font-size:38px}
    .china-map img{width:100%;height:auto}

    .faq-section{padding:50px 0}
    .faq-grid header h2{font-size:36px}
    .faq details p{padding-right:10px}

    .final-cta{padding:36px 0}
    .final-cta h2{font-size:30px}
    .final-cta .button{width:100%}

    .footer{padding-top:42px}
    .footer-grid{grid-template-columns:1fr;gap:28px}
    .footer-bottom{flex-direction:column;gap:7px}

    .modal{padding:8px}
    .modal-window{width:100%;max-height:calc(100vh - 16px);padding:32px 17px 23px}
    .modal-window h2{font-size:28px;padding-right:22px}
    .order-form{grid-template-columns:1fr}
    .order-form label,.order-form label:nth-child(4),.order-form label:nth-child(5),.order-form button{grid-column:1}
}

@media(max-width:360px){
    .brand-caption{letter-spacing:.14em}
    .hero h1{font-size:34px}
    .hero-art{height:270px}
    .service-subactions{display:grid;grid-template-columns:1fr}
    .service-chip{width:100%}
    .final-cta h2{font-size:28px}
}

/* Responsive refinement v3: compact hero + fail-safe modal visibility */
.modal[hidden],.modal[aria-hidden="true"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
.modal.open[aria-hidden="false"]{display:flex!important;visibility:visible!important;pointer-events:auto}

.hero h1 span{display:inline;color:#fff}

/* Desktop first screen: hero and trust strip fit common laptop heights */
@media(min-width:981px){
    .hero{height:calc(100vh - 164px);min-height:520px;max-height:650px}
    .hero-grid{height:100%;min-height:0}
    .hero-copy{height:100%;padding-top:42px;padding-bottom:42px}
    .hero-art{height:100%;min-height:0}
    .hero-art img{height:100%;min-height:0}
    .hero-copy>p{margin-top:22px;margin-bottom:25px}
    .hero-trust{margin-top:30px}
}

/* Tablet/mobile: use the hero artwork as a background layer instead of stacking it below the copy */
@media(max-width:980px){
    .hero{min-height:calc(100vh - 68px);min-height:calc(100svh - 68px)}
    .hero-grid{min-height:calc(100vh - 68px);min-height:calc(100svh - 68px);display:flex;align-items:center;position:relative}
    .hero-copy{position:relative;z-index:4;width:100%;max-width:720px;padding:58px 0 48px}
    .hero-art{position:absolute;z-index:1;inset:0;height:100%;min-height:0;margin:0!important;max-width:none;width:100%}
    .hero-art img{width:100%;height:100%;object-fit:cover;object-position:64% center;opacity:.58}
    .hero-art:before{background:linear-gradient(90deg,rgba(11,21,19,.97) 0%,rgba(11,21,19,.84) 48%,rgba(11,21,19,.35) 100%),linear-gradient(180deg,rgba(11,21,19,.2),rgba(11,21,19,.38))}
    .hero-art-label{display:none}
    .hero-copy>p{color:#d0d7d4}
}

@media(max-width:720px){
    .hero{min-height:calc(100vh - 68px);min-height:calc(100svh - 68px)}
    .hero-grid{min-height:calc(100vh - 68px);min-height:calc(100svh - 68px)}
    .hero-copy{padding:42px 0 38px}
    .hero h1{font-size:clamp(38px,9vw,52px);line-height:1.02;max-width:620px}
    .hero-copy>p{max-width:560px;margin:20px 0 24px}
    .hero-trust{margin-top:24px}
    .hero-art img{object-position:70% center;opacity:.5}
}

@media(max-width:520px){
    .hero{min-height:calc(100vh - 68px);min-height:calc(100svh - 68px)}
    .hero-grid{min-height:calc(100vh - 68px);min-height:calc(100svh - 68px);align-items:center}
    .hero-copy{padding:30px 0 26px}
    .hero .eyebrow{margin-bottom:13px}
    .hero h1{font-size:clamp(33px,10vw,42px);line-height:1.02;letter-spacing:-.03em}
    .hero h1 span{display:inline}
    .hero-copy>p{font-size:13px;line-height:1.52;margin:17px 0 20px;max-width:460px}
    .hero-actions{gap:8px}
    .hero-actions .button{min-height:44px}
    .hero-trust{font-size:9px;line-height:1.3;margin-top:19px;gap:7px 9px}
    .hero-art img{object-position:72% center;opacity:.42}

    .modal{padding:0;align-items:stretch}
    .modal-window{width:100%;height:100%;max-height:none;border:0;padding:24px 15px 18px;overscroll-behavior:contain}
    .modal-window h2{font-size:26px;line-height:1.06;margin-bottom:7px;padding-right:28px}
    .modal-window>p{margin-bottom:16px}
    .order-form{gap:9px}
    .order-form input,.order-form textarea{padding:10px 11px;font-size:16px}
    .order-form textarea{min-height:86px;max-height:120px;resize:none}
    .modal-close{position:fixed;z-index:4;right:13px;top:8px}
}

@media(max-width:360px){
    .hero-copy{padding-top:24px;padding-bottom:22px}
    .hero h1{font-size:31px}
    .hero-copy>p{font-size:12.5px;margin:15px 0 17px}
    .hero-trust{margin-top:16px}
}


/* v4 hero restore + calmer typography */
.hero{min-height:clamp(560px,calc(100svh - 78px),720px);}
.hero-grid{min-height:inherit;grid-template-columns:minmax(0,43%) minmax(0,57%);align-items:stretch;}
.hero-copy{padding:66px 28px 58px 0;justify-content:center;}
.hero h1{font-size:clamp(44px,4.35vw,62px);line-height:1.02;letter-spacing:-.032em;max-width:620px;}
.hero h1 span,.hero h1 em{display:block;}
.hero-copy>p{font-size:15px;line-height:1.62;max-width:540px;margin:22px 0 26px;}
.hero-actions .button{min-height:48px}
.hero-trust{margin-top:32px;font-size:10px;gap:11px}
.hero-art{min-height:inherit;display:flex;align-items:stretch;justify-content:flex-end;}
.hero-art img{min-height:inherit;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.9) contrast(1.03) brightness(.95);}
.hero-art:before{background:linear-gradient(90deg,var(--dark) 0%,rgba(11,21,19,.70) 16%,rgba(11,21,19,.18) 44%,transparent 68%),linear-gradient(180deg,rgba(11,21,19,.1) 0%,transparent 65%,rgba(11,21,19,.76) 100%);}
.hero-art-label{right:30px;bottom:28px;padding-left:12px}
.hero-noise{opacity:.16;background-size:8px 8px;}
.services-intro h2{font-size:40px}
.process-heading h2,.about-copy h2{font-size:44px}
.china-copy h2{font-size:41px}
.faq-grid header h2{font-size:38px}
.final-cta h2{font-size:34px}
.process-quote{padding:28px 0}
.process-quote-inner{gap:0;text-align:center;justify-content:center}
.process-quote p{font-family:var(--serif);font-size:26px;line-height:1.14;max-width:760px;margin:0 auto}
.process-quote strong{font-weight:400;color:#d8c39a}
.quote-mark,.quote-mark-end{display:none!important}

@media (max-width:1180px){
  .hero{min-height:clamp(540px,calc(100svh - 78px),680px)}
  .hero-grid{grid-template-columns:minmax(0,46%) minmax(0,54%)}
  .hero-copy{padding:60px 24px 54px 0}
  .hero h1{font-size:clamp(42px,4.8vw,56px);max-width:560px}
  .hero-art-label span{font-size:20px}
}

@media (max-width:980px){
  .hero{min-height:clamp(510px,calc(100svh - 68px),640px)}
  .hero-grid{grid-template-columns:1fr;position:relative;isolation:isolate;min-height:inherit;}
  .hero-copy{padding:60px 0 42px;max-width:640px;position:relative;z-index:2}
  .hero h1{font-size:clamp(38px,7vw,52px);max-width:520px;}
  .hero-copy>p{max-width:500px;font-size:14px;line-height:1.58;margin:18px 0 22px}
  .hero-art{position:absolute;inset:0;min-height:0;margin:0;z-index:1;pointer-events:none;}
  .hero-art img{width:100%;height:100%;object-position:66% center;opacity:.58;}
  .hero-art:before{background:linear-gradient(90deg,rgba(11,21,19,.94) 0%,rgba(11,21,19,.84) 33%,rgba(11,21,19,.42) 63%,rgba(11,21,19,.22) 100%),linear-gradient(180deg,rgba(11,21,19,.38) 0%,rgba(11,21,19,.18) 35%,rgba(11,21,19,.76) 100%)}
  .hero-art-label{display:none}
  .hero-trust{max-width:520px;margin-top:26px}
  .services-intro h2{font-size:36px}
  .process-heading h2,.about-copy h2{font-size:40px}
  .china-copy h2{font-size:38px}
  .faq-grid header h2{font-size:36px}
  .final-cta h2{font-size:31px}
  .process-quote p{font-size:24px;max-width:620px}
}

@media (max-width:720px){
  .hero{min-height:clamp(480px,calc(100svh - 68px),560px)}
  .hero-copy{padding:48px 0 34px}
  .hero h1{font-size:clamp(34px,8.7vw,44px);max-width:360px;line-height:1.01;}
  .hero-copy>p{font-size:13px;line-height:1.55;max-width:360px;margin:16px 0 20px}
  .hero-actions{gap:10px;width:100%}
  .hero-actions .button{width:100%;justify-content:center}
  .hero-trust{gap:8px;font-size:10px;max-width:320px;margin-top:20px}
  .hero-art img{object-position:72% center;opacity:.45}
  .services-intro h2{font-size:33px}
  .process-heading h2,.about-copy h2,.china-copy h2{font-size:36px}
  .faq-grid header h2{font-size:34px}
  .final-cta h2{font-size:28px}
  .process-quote p{font-size:22px;line-height:1.16;max-width:92%}
}

@media (max-width:420px){
  .hero{min-height:clamp(450px,calc(100svh - 68px),520px)}
  .hero-copy{padding:42px 0 28px}
  .hero h1{font-size:30px;max-width:310px;letter-spacing:-.026em}
  .hero-copy>p{font-size:12px;max-width:310px}
  .hero-trust{font-size:9px;gap:7px}
  .services-intro h2{font-size:31px}
  .process-heading h2,.about-copy h2,.china-copy h2{font-size:34px}
  .faq-grid header h2{font-size:31px}
  .final-cta h2{font-size:26px}
  .process-quote p{font-size:20px}
}

/* v5 — reference-driven raster design */
.hero{
  min-height:0;
  height:clamp(540px,calc(100svh - 78px),690px);
  background:#07110f;
}
.hero-grid{
  min-height:0;
  height:100%;
  grid-template-columns:minmax(0,44%) minmax(0,56%);
  align-items:stretch;
}
.hero-copy{
  padding:58px 34px 46px 0;
  justify-content:center;
  position:relative;
  z-index:4;
}
.hero .eyebrow{margin-bottom:14px}
.hero h1{
  font-size:clamp(42px,4vw,58px);
  line-height:1.03;
  letter-spacing:-.03em;
  max-width:580px;
}
.hero h1 span,.hero h1 em{display:block}
.hero-copy>p{
  font-size:14px;
  line-height:1.62;
  max-width:505px;
  margin:20px 0 24px;
}
.hero-actions{gap:12px}
.hero-actions .button{min-height:46px;padding-left:22px;padding-right:22px}
.hero-trust{margin-top:28px;font-size:10px;gap:10px 12px}
.hero-art{
  min-height:0;
  height:100%;
  margin-right:calc((100vw - min(1180px,calc(100vw - 48px)))/-2);
  overflow:hidden;
}
.hero-art img{
  min-height:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:saturate(.88) contrast(1.04) brightness(.88);
}
.hero-art:before{
  background:
    linear-gradient(90deg,#07110f 0%,rgba(7,17,15,.80) 15%,rgba(7,17,15,.25) 40%,transparent 70%),
    linear-gradient(180deg,rgba(0,0,0,.05) 0%,transparent 60%,rgba(3,11,10,.55) 100%);
}
.hero-art-label{display:none}
.hero-noise{opacity:.10}

.trust-item{padding-top:23px;padding-bottom:23px}
.trust-item strong{font-size:27px}

.services-section{padding:74px 0 82px}
.services-layout{grid-template-columns:190px minmax(0,1fr);gap:38px}
.services-intro{position:sticky;top:106px;min-height:500px}
.services-intro h2{font-size:38px;margin-bottom:16px}
.services-intro p{font-size:12px;line-height:1.62}
.services-sketch{
  display:block;
  height:230px;
  margin-top:34px;
  background:url('assets/service-pagoda.png') left bottom/contain no-repeat;
  opacity:.36;
}
.services-sketch>*{display:none}
.services-sketch:before,.services-sketch:after{display:none}
.service-mosaic{gap:12px}
.service-card{min-height:178px;padding:22px 24px;background:rgba(255,253,248,.78)}
.service-card-large{min-height:250px;padding:24px 26px}
.service-card-wide{min-height:150px;grid-template-columns:minmax(0,1fr) auto;overflow:hidden}
.service-card h3{font-size:25px;max-width:350px;position:relative;z-index:2}
.service-card-compact h3,.service-card-wide h3{font-size:21px}
.service-card p{font-size:11px;line-height:1.55;max-width:340px;position:relative;z-index:2}
.service-meta{position:relative;z-index:2;margin-bottom:13px}
.service-subactions,.card-link{position:relative;z-index:3}
.service-visual{
  position:absolute;
  right:10px;
  bottom:4px;
  width:43%;
  max-width:180px;
  max-height:120px;
  object-fit:contain;
  opacity:.82;
  pointer-events:none;
  z-index:1;
}
.service-card-large .service-visual{width:46%;max-width:210px;max-height:155px;right:12px;bottom:8px}
.service-card-wide .service-visual{width:105px;max-height:98px;right:54px;bottom:8px;opacity:.76}
.service-card-accent .service-visual{opacity:.44;filter:grayscale(1) brightness(1.8)}
.service-symbol{display:none}

.process-quote{padding:25px 0;background:#0a1513}
.process-quote p{font-size:24px;line-height:1.12;letter-spacing:-.01em}
.process-section{padding:64px 0 78px}
.process-heading{margin-bottom:44px}
.process-heading h2{font-size:41px}
.process-heading>p{font-size:11px}
.process-step h3{font-size:19px}
.process-step p{font-size:10px}

.about-section{padding:74px 0;background:#f4f0e8}
.about-grid{grid-template-columns:.75fr 1.25fr;gap:46px}
.about-copy h2{font-size:41px}
.about-copy p{font-size:12px;line-height:1.62}
.about-copy .about-lead{font-size:14px}
.about-copy blockquote{font-size:20px;margin:26px 0 23px}
.about-visual{min-height:350px;background:#111}
.about-visual img{width:100%;height:100%;object-fit:cover;object-position:center}

.china-section{padding:50px 0;background:#073c35}
.china-grid{grid-template-columns:255px minmax(0,1fr);gap:30px}
.china-copy h2{font-size:38px}
.china-copy p{font-size:11px}
.china-map{min-height:220px;overflow:hidden}
.china-map img{width:100%;height:100%;object-fit:cover;object-position:center;border:1px solid rgba(223,201,155,.10)}

.faq-section{padding:54px 0}
.faq-grid{grid-template-columns:210px minmax(0,1fr);gap:44px}
.faq-grid header h2{font-size:35px}
.final-cta{padding:34px 0}
.final-cta h2{font-size:31px}
.footer{padding-top:39px}

@media(max-width:1180px){
  .hero{height:clamp(520px,calc(100svh - 78px),650px)}
  .hero-grid{grid-template-columns:minmax(0,46%) minmax(0,54%)}
  .hero h1{font-size:clamp(40px,4.4vw,53px)}
  .services-layout{grid-template-columns:170px minmax(0,1fr);gap:28px}
  .service-card-large{min-height:235px}
}

@media(max-width:980px){
  .hero{height:calc(100svh - 68px);min-height:500px;max-height:620px}
  .hero-grid{grid-template-columns:1fr;position:relative;isolation:isolate}
  .hero-copy{padding:46px 0 36px;max-width:570px}
  .hero h1{font-size:clamp(36px,6.6vw,48px);max-width:480px}
  .hero-copy>p{max-width:455px;font-size:13px;margin:17px 0 20px}
  .hero-art{position:absolute;inset:0;margin:0;z-index:1;height:100%;max-width:none}
  .hero-art img{width:100%;height:100%;object-position:68% center;opacity:.68}
  .hero-art:before{background:linear-gradient(90deg,rgba(7,17,15,.96) 0%,rgba(7,17,15,.86) 34%,rgba(7,17,15,.42) 67%,rgba(7,17,15,.22) 100%),linear-gradient(180deg,rgba(7,17,15,.16),rgba(7,17,15,.42))}
  .hero-trust{max-width:470px;margin-top:22px}

  .services-layout{grid-template-columns:1fr}
  .services-intro{position:static;min-height:0;display:block;max-width:650px}
  .services-sketch{display:none}
  .service-mosaic{margin-top:20px}
  .service-card-large{min-height:230px}

  .about-grid{grid-template-columns:1fr}
  .about-copy{max-width:620px}
  .about-visual{min-height:340px}
  .china-grid{grid-template-columns:1fr}
  .china-copy{max-width:580px}
  .china-map{height:260px}
  .faq-grid{grid-template-columns:1fr}
}

@media(max-width:720px){
  .hero{height:calc(100svh - 68px);min-height:500px;max-height:560px}
  .hero-copy{padding:36px 0 28px;max-width:410px}
  .hero .eyebrow{font-size:8px;margin-bottom:10px}
  .hero h1{font-size:clamp(31px,8.2vw,39px);max-width:360px;line-height:1.02}
  .hero-copy>p{font-size:12.5px;line-height:1.5;max-width:350px;margin:14px 0 17px}
  .hero-actions{width:100%;max-width:350px;gap:8px}
  .hero-actions .button{width:100%;min-height:42px;padding:0 16px}
  .hero-trust{font-size:9px;max-width:340px;margin-top:17px}
  .hero-art img{object-position:72% center;opacity:.55}

  .trust-grid{grid-template-columns:1fr 1fr}
  .trust-item{padding:18px 12px}
  .trust-item strong{font-size:24px}

  .services-section{padding:58px 0 64px}
  .services-intro h2{font-size:32px}
  .service-mosaic{grid-template-columns:1fr}
  .service-card,.service-card-large,.service-card-wide{min-height:175px;padding:21px 20px;grid-template-columns:1fr}
  .service-card-large{min-height:205px}
  .service-card h3{font-size:23px;max-width:68%}
  .service-card-compact h3,.service-card-wide h3{font-size:20px}
  .service-card p{max-width:62%}
  .service-visual,.service-card-large .service-visual{width:42%;max-width:155px;max-height:120px;right:4px;bottom:6px}
  .service-card-wide .service-visual{right:6px;width:115px}
  .service-card-wide .card-link{width:auto;align-self:flex-start;margin-top:18px}

  .process-quote{padding:22px 0}
  .process-quote p{font-size:20px}
  .process-section{padding:52px 0 58px}
  .process-heading h2{font-size:34px}
  .about-section{padding:55px 0}
  .about-copy h2{font-size:34px}
  .about-visual{min-height:260px}
  .china-section{padding:44px 0}
  .china-copy h2{font-size:33px}
  .china-map{height:220px}
  .faq-grid header h2{font-size:31px}
  .final-cta h2{font-size:27px}
}

@media(max-width:480px){
  .hero{height:calc(100svh - 68px);min-height:470px;max-height:535px}
  .hero-copy{padding:30px 0 24px}
  .hero h1{font-size:29px;max-width:305px}
  .hero-copy>p{font-size:12px;max-width:305px;line-height:1.46}
  .hero-actions{max-width:305px}
  .hero-trust{max-width:305px;gap:6px 8px}
  .hero-art img{object-position:74% center;opacity:.48}
  .trust-grid{grid-template-columns:1fr}
  .trust-item{padding:15px 12px}
  .service-card h3{max-width:72%}
  .service-card p{max-width:68%}
  .process-quote p{font-size:18px}
  .process-heading h2,.about-copy h2,.china-copy h2{font-size:31px}
  .faq-grid header h2{font-size:29px}
  .final-cta h2{font-size:25px}
}

/* v5.1 heading balance */
.hero h1{font-size:clamp(40px,3.8vw,54px)}
@media(max-width:980px){.hero h1{font-size:clamp(34px,6.2vw,44px)}}
@media(max-width:720px){.hero h1{font-size:clamp(29px,7.7vw,36px)}}
@media(max-width:480px){.hero h1{font-size:27px}}


/* v6 image, CTA and services refinements */
.hero-art{min-height:620px;background:#081311}
.hero-art img{object-position:58% center;filter:saturate(.92) contrast(1.08) brightness(.98)}
.hero-art:before{background:linear-gradient(90deg,rgba(7,17,15,.98) 0%,rgba(7,17,15,.82) 18%,rgba(7,17,15,.22) 50%,transparent 70%),linear-gradient(180deg,rgba(7,17,15,.05) 0%,transparent 66%,rgba(7,17,15,.78) 100%)}
.hero-grid{align-items:stretch}
.service-card{min-height:188px;border-radius:6px;background:rgba(255,252,247,.84)}
.service-card-large{min-height:286px;padding:26px 28px}
.service-card-strong{box-shadow:0 14px 32px rgba(13,25,22,.05)}
.service-card-strong:before{content:"";position:absolute;inset:0;border-radius:6px;background:linear-gradient(135deg,rgba(223,201,155,.10),transparent 48%);pointer-events:none}
.service-card h3{max-width:60%}
.service-card-compact h3,.service-card-wide h3{max-width:68%}
.service-card p{max-width:54%;margin-top:12px}
.service-card-wide p{max-width:72%}
.service-visual{position:absolute;right:22px;bottom:14px;width:190px;max-width:38%;max-height:170px;height:auto;object-fit:contain;object-position:right bottom;opacity:1;filter:drop-shadow(0 14px 24px rgba(15,33,29,.12))}
.service-card-large .service-visual{width:235px;max-width:42%;max-height:186px;right:16px;bottom:14px}
.service-card-wide .service-visual{width:128px;max-width:24%;max-height:122px;right:28px;bottom:14px}
.service-card-compact .service-visual{width:132px;max-width:36%;max-height:118px;right:18px;bottom:12px}
.service-primary-row{margin-top:auto;padding-top:22px;position:relative;z-index:3}
.service-subactions-secondary{padding-top:10px}
.service-cta{border:none;background:linear-gradient(90deg,#0f8a79,#0d6d61);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 18px;border-radius:3px;font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 20px rgba(17,121,108,.18);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.service-cta:hover{transform:translateY(-1px);box-shadow:0 14px 24px rgba(17,121,108,.22);filter:brightness(1.03)}
.service-chip{border-color:#d7ccbc;background:rgba(255,255,255,.82);font-size:10px;padding:8px 10px;border-radius:2px}
.service-chip:hover{background:#fff;border-color:#bca97f;color:#0d6d61}
.service-card-consulting{background:rgba(255,252,247,.84);color:var(--text);border-color:#d8cdbc}
.service-card-consulting p{color:#616965!important}
.service-card-consulting .service-meta,.service-card-consulting .card-link{color:var(--green)}
.service-card-consulting .service-visual{opacity:.96;filter:drop-shadow(0 14px 24px rgba(15,33,29,.12))}
.card-link{font-size:12px;font-weight:600}
.about-visual img,.china-map img{display:block;width:100%;height:100%;object-fit:cover}
.about-visual{overflow:hidden}
.china-map img{object-position:center}
@media (max-width:1180px){
  .hero-art img{object-position:60% center}
}
@media (max-width:980px){
  .hero-art img{object-position:66% center;opacity:.76}
  .service-card h3{max-width:66%}
  .service-card p{max-width:58%}
  .service-card-large{min-height:256px}
  .service-card-large .service-visual{max-width:40%;width:200px;max-height:160px}
}
@media (max-width:720px){
  .hero-art img{object-position:69% center;opacity:.62}
  .service-card,.service-card-large,.service-card-wide{padding:22px 20px;min-height:0}
  .service-card h3,.service-card-compact h3,.service-card-wide h3{max-width:62%;font-size:22px}
  .service-card p,.service-card-wide p{max-width:60%;font-size:11px}
  .service-visual,.service-card-large .service-visual{width:138px;max-width:34%;max-height:110px;right:12px;bottom:14px}
  .service-card-wide .service-visual{width:110px;max-width:32%;max-height:100px;right:14px}
  .service-cta{width:100%}
}
@media (max-width:560px){
  .hero-art img{object-position:72% center;opacity:.54}
  .service-card h3,.service-card-compact h3,.service-card-wide h3{max-width:100%;font-size:21px}
  .service-card p,.service-card-wide p{max-width:100%}
  .service-visual,.service-card-large .service-visual,.service-card-wide .service-visual{position:relative;right:auto;bottom:auto;width:100%;max-width:100%;max-height:170px;display:block;margin:16px auto 6px;object-position:center}
  .service-subactions-secondary{display:grid;grid-template-columns:1fr}
}


/* v6.1 hero text fixes + mobile heading tuning */
.hero h1{display:flex;flex-direction:column;gap:4px}
.hero .hero-line{display:block}
.hero h1 .hero-line:nth-child(2){margin-top:0}
.hero h1 em.hero-line{font-style:normal}

.hero-grid{grid-template-columns:minmax(0,41%) minmax(0,59%)}
.hero-art{position:relative;overflow:hidden}
.hero-art img{object-position:61% center;transform:scale(.94);transform-origin:center center}
.hero-art:before{background:linear-gradient(90deg,rgba(7,17,15,.98) 0%,rgba(7,17,15,.84) 18%,rgba(7,17,15,.20) 44%,rgba(7,17,15,0) 60%,rgba(7,17,15,.20) 82%,rgba(7,17,15,.85) 100%),linear-gradient(180deg,rgba(7,17,15,.05) 0%,transparent 68%,rgba(7,17,15,.78) 100%)}
.hero-art:after{content:"";position:absolute;top:0;right:0;bottom:0;width:18%;background:linear-gradient(90deg,rgba(7,17,15,0),rgba(7,17,15,.92));z-index:2;pointer-events:none}

.service-primary-row .service-cta{width:228px;max-width:100%;justify-content:center}
.service-primary-row{display:flex;align-items:center}
.service-primary-row .service-cta:after{content:"→";font-size:14px;line-height:1}

@media (max-width:1180px){
  .hero-grid{grid-template-columns:minmax(0,42%) minmax(0,58%)}
  .hero-art img{object-position:62% center;transform:scale(.95)}
}

@media (max-width:980px){
  .hero h1{gap:2px}
  .hero-art img{object-position:67% center;transform:none;opacity:.74}
  .hero-art:after{width:0;display:none}
  .service-primary-row .service-cta{width:100%}
}

@media (max-width:720px){
  .hero h1{font-size:clamp(25px,6.8vw,31px)!important;line-height:1.06;gap:1px}
  .services-intro h2,.process-heading h2,.about-copy h2,.china-copy h2,.faq-grid header h2,.final-cta h2{font-size:28px!important;line-height:1.08}
  .service-card h3,.service-card-compact h3,.service-card-wide h3{font-size:19px!important;line-height:1.12}
}

@media (max-width:560px){
  .hero h1{font-size:24px!important;line-height:1.07;max-width:280px}
  .hero-copy>p{font-size:12px;line-height:1.5;max-width:280px}
  .services-intro h2,.process-heading h2,.about-copy h2,.china-copy h2,.faq-grid header h2,.final-cta h2{font-size:25px!important;line-height:1.08}
  .service-card h3,.service-card-compact h3,.service-card-wide h3{font-size:18px!important}
  .hero-art img{object-position:74% center;opacity:.5}
}

@media (max-width:420px){
  .hero h1{font-size:22px!important;max-width:255px}
  .services-intro h2,.process-heading h2,.about-copy h2,.china-copy h2,.faq-grid header h2,.final-cta h2{font-size:23px!important}
  .service-card h3,.service-card-compact h3,.service-card-wide h3{font-size:17px!important}
}


/* v6.2 mobile hero repair */
@media (max-width:720px){
  .hero{min-height:500px !important;}
  .hero-grid{grid-template-columns:1fr !important;position:relative;min-height:inherit;align-items:stretch;}
  .hero-copy{position:relative;z-index:3;max-width:100%;padding:40px 0 28px !important;display:flex;flex-direction:column;justify-content:flex-start;}
  .hero-copy .eyebrow{margin-bottom:12px;max-width:290px}
  .hero h1{max-width:290px !important;margin:0;}
  .hero-copy>p{max-width:286px !important;margin:14px 0 18px !important;}
  .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;max-width:286px;width:100%;}
  .hero-actions .button{width:100%;min-width:0;justify-content:center;}
  .hero-trust{max-width:286px;margin-top:18px !important;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;}
  .hero-trust i{display:none;}
  .hero-art{position:absolute !important;inset:0 !important;z-index:1;width:100%;height:100%;min-height:0;margin:0 !important;}
  .hero-art img{width:100%;height:100%;object-fit:cover;object-position:79% center !important;opacity:.44 !important;transform:none !important;}
  .hero-art:before{background:linear-gradient(90deg,rgba(7,17,15,.97) 0%,rgba(7,17,15,.90) 38%,rgba(7,17,15,.58) 64%,rgba(7,17,15,.28) 100%),linear-gradient(180deg,rgba(7,17,15,.16),rgba(7,17,15,.50)) !important;}
}
@media (max-width:560px){
  .hero{min-height:470px !important;}
  .hero-copy{padding:34px 0 24px !important;}
  .hero-copy .eyebrow,.hero h1,.hero-copy>p,.hero-actions,.hero-trust{max-width:250px !important;}
  .hero-art img{object-position:81% center !important;opacity:.40 !important;}
}
@media (max-width:420px){
  .hero{min-height:446px !important;}
  .hero-copy{padding:30px 0 22px !important;}
  .hero-copy .eyebrow,.hero h1,.hero-copy>p,.hero-actions,.hero-trust{max-width:230px !important;}
  .hero h1{font-size:21px !important;line-height:1.08 !important;}
  .hero-copy>p{font-size:11px !important;line-height:1.45 !important;}
  .hero-art img{object-position:83% center !important;opacity:.36 !important;}
}


/* v6.3 mobile hero: text first, image below — no overlay */
@media (max-width:720px){
  .hero{min-height:0 !important;overflow:hidden;background:var(--dark);}
  .hero-grid{display:flex !important;flex-direction:column !important;min-height:0 !important;align-items:stretch !important;}
  .hero-copy{order:1;position:relative !important;z-index:3;padding:38px 0 28px !important;max-width:100% !important;}
  .hero-copy .eyebrow{max-width:none !important;margin-bottom:12px;}
  .hero h1{max-width:none !important;width:100%;font-size:clamp(25px,7vw,31px) !important;line-height:1.08 !important;gap:2px !important;}
  .hero .hero-line{display:block !important;white-space:nowrap;}
  .hero-copy>p{max-width:100% !important;font-size:13px !important;line-height:1.55 !important;margin:16px 0 20px !important;}
  .hero-actions{max-width:100% !important;width:100% !important;display:grid !important;grid-template-columns:1fr !important;gap:10px !important;}
  .hero-actions .button{width:100% !important;min-width:0 !important;}
  .hero-trust{max-width:100% !important;margin-top:20px !important;gap:8px 12px !important;}
  .hero-trust i{display:block !important;}

  .hero-art{order:2;position:relative !important;inset:auto !important;z-index:1 !important;width:calc(100% + 34px) !important;height:auto !important;min-height:0 !important;margin:0 -17px !important;overflow:hidden !important;background:#081311 !important;}
  .hero-art img{display:block !important;width:100% !important;height:auto !important;aspect-ratio:16/9;object-fit:cover !important;object-position:64% 50% !important;opacity:1 !important;transform:none !important;filter:saturate(.92) contrast(1.06) brightness(.94) !important;}
  .hero-art:before{content:"" !important;position:absolute !important;inset:0 !important;z-index:2 !important;background:linear-gradient(180deg,rgba(7,17,15,.72) 0%,rgba(7,17,15,.08) 18%,rgba(7,17,15,.05) 72%,rgba(7,17,15,.72) 100%),linear-gradient(90deg,rgba(7,17,15,.55) 0%,transparent 16%,transparent 84%,rgba(7,17,15,.55) 100%) !important;pointer-events:none;}
  .hero-art:after{display:none !important;}
  .hero-art-label{display:none !important;}
}

@media (max-width:560px){
  .hero-copy{padding:32px 0 24px !important;}
  .hero h1{font-size:24px !important;line-height:1.08 !important;}
  .hero-copy>p{font-size:12px !important;line-height:1.5 !important;}
  .hero-art{width:calc(100% + 26px) !important;margin:0 -13px !important;}
  .hero-art img{aspect-ratio:4/3;object-position:65% 48% !important;}
}

@media (max-width:420px){
  .hero-copy{padding:28px 0 22px !important;}
  .hero h1{font-size:21px !important;line-height:1.1 !important;}
  .hero .hero-line{white-space:nowrap;}
  .hero-copy>p{font-size:11px !important;}
  .hero-art img{aspect-ratio:4/3;object-position:66% 48% !important;}
}


/* final mobile adjustments: remarks 1,2,3 */
@media (max-width: 980px){
  .header{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(8,16,14,.98) !important;}
  .modal-backdrop{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
  .service-visual,.service-card-consulting .service-visual,.china-map img{filter:none !important;}
}

@media (max-width: 720px){
  .hero{min-height:auto !important;}
  .hero-grid{display:flex !important;flex-direction:column !important;align-items:stretch !important;min-height:auto !important;}
  .hero-copy{order:1 !important;position:relative !important;z-index:3 !important;padding:38px 0 24px !important;}
  .hero-copy .eyebrow,.hero h1,.hero-copy>p,.hero-actions,.hero-trust{max-width:290px !important;}
  .hero-art{order:2 !important;position:relative !important;inset:auto !important;z-index:1 !important;width:100% !important;height:auto !important;min-height:0 !important;margin:2px 0 0 !important;overflow:hidden !important;background:#081311 !important;border-radius:0 0 6px 6px;}
  .hero-art img{display:block !important;width:100% !important;height:auto !important;aspect-ratio:16/10 !important;object-fit:cover !important;object-position:50% 50% !important;opacity:1 !important;transform:none !important;filter:saturate(.92) contrast(1.04) brightness(.94) !important;}
  .hero-art:before{content:"" !important;position:absolute !important;inset:0 !important;z-index:2 !important;background:linear-gradient(180deg,rgba(8,19,17,.74) 0%,rgba(8,19,17,.14) 20%,rgba(8,19,17,.06) 72%,rgba(8,19,17,.76) 100%),linear-gradient(90deg,rgba(8,19,17,.58) 0%,rgba(8,19,17,.18) 12%,rgba(8,19,17,.06) 24%,rgba(8,19,17,.06) 76%,rgba(8,19,17,.18) 88%,rgba(8,19,17,.58) 100%) !important;pointer-events:none;}
  .hero-art:after,.hero-art-label{display:none !important;}

  .process-route{padding:0 6px 0 14px !important;margin:0 !important;overflow:visible !important;}
  .process-step,.step-1,.step-2,.step-3,.step-4,.step-5,.step-6,.step-7{padding:0 0 0 42px !important;min-height:88px !important;}
  .step-node,.step-5 .step-node,.step-6 .step-node,.step-7 .step-node{left:-13px !important;top:7px !important;}
  .process-step h3,.process-step p{max-width:100%;}
}

@media (max-width: 560px){
  .hero-copy{padding:34px 0 20px !important;}
  .hero-copy .eyebrow,.hero h1,.hero-copy>p,.hero-actions,.hero-trust{max-width:250px !important;}
  .hero-art img{aspect-ratio:4/3 !important;object-position:50% 50% !important;}
  .process-route{padding-left:16px !important;}
}

@media (max-width: 420px){
  .hero-copy .eyebrow,.hero h1,.hero-copy>p,.hero-actions,.hero-trust{max-width:230px !important;}
  .hero-art img{aspect-ratio:4/3 !important;object-position:50% 50% !important;}
  .process-route{padding-left:18px !important;}
  .step-node,.step-5 .step-node,.step-6 .step-node,.step-7 .step-node{left:-12px !important;}
}


/* mobile-only final refinements: hero width, centered mobile image, cleaner process route */
@media (max-width: 720px){
  .hero-copy{width:100% !important;max-width:none !important;padding:38px 0 24px !important;}
  .hero-copy .eyebrow,
  .hero h1,
  .hero-copy > p,
  .hero-actions,
  .hero-trust{width:100% !important;max-width:none !important;}
  .hero h1{max-width:none !important;}
  .hero-copy > p{max-width:none !important;}
  .hero-art{width:100% !important;margin:2px 0 0 !important;}
  .hero-art picture{display:block;width:100%;}
  .hero-art img{display:block !important;width:100% !important;height:auto !important;aspect-ratio:16/10 !important;object-fit:cover !important;object-position:50% 50% !important;opacity:1 !important;transform:none !important;}
  .hero-art:before{background:linear-gradient(180deg,rgba(8,19,17,.74) 0%,rgba(8,19,17,.14) 20%,rgba(8,19,17,.06) 72%,rgba(8,19,17,.76) 100%),linear-gradient(90deg,rgba(8,19,17,.62) 0%,rgba(8,19,17,.18) 11%,rgba(8,19,17,.04) 24%,rgba(8,19,17,.04) 76%,rgba(8,19,17,.18) 89%,rgba(8,19,17,.62) 100%) !important;}

  .process-route{padding:0 6px 0 14px !important;}
  .step-node:before{display:none !important;content:none !important;box-shadow:none !important;}
}
@media (max-width: 560px){
  .hero-copy{padding:34px 0 20px !important;}
  .hero-art img{aspect-ratio:4/3 !important;object-position:50% 50% !important;}
}
@media (max-width: 420px){
  .hero-copy{padding:30px 0 18px !important;}
  .hero-art img{aspect-ratio:4/3 !important;object-position:50% 50% !important;}
}


/* headline wording refinement */
.hero h1{display:block;}
.hero .hero-mainline{display:block;color:#fff;}
.hero .hero-subline{display:block;margin-top:10px;font-family:var(--serif);font-size:24px;line-height:1.12;font-weight:400;letter-spacing:-.01em;color:#d8c39a;text-align:left;}

@media (max-width:720px){
  .hero-copy{width:100vw !important;max-width:none !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding-left:17px !important;padding-right:17px !important;box-sizing:border-box !important;text-align:left !important;}
  .hero h1{width:100% !important;max-width:none !important;text-align:left !important;}
  .hero .hero-mainline{display:block !important;white-space:normal !important;width:100% !important;}
  .hero .hero-subline{display:block !important;width:100% !important;margin-top:10px !important;font-size:20px !important;line-height:1.15 !important;text-align:left !important;}
}
@media (max-width:560px){
  .hero-copy{padding-left:13px !important;padding-right:13px !important;}
  .hero .hero-subline{font-size:19px !important;}
}
@media (max-width:420px){
  .hero .hero-subline{font-size:18px !important;}
}

/* approved mobile refinements: hero edge fade + process line geometry */
@media (max-width:720px){
  /* Hero copy uses the full viewport width and stays left-aligned. */
  .hero-copy{
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:17px !important;
    padding-right:17px !important;
    box-sizing:border-box !important;
    text-align:left !important;
  }
  .hero h1,.hero .hero-mainline,.hero .hero-subline{
    width:100% !important;
    max-width:none !important;
    text-align:left !important;
  }

  /* Mobile hero image: centred and genuinely fades into the dark background. */
  .hero-art{
    background:#081311 !important;
    border-radius:0 !important;
  }
  .hero-art picture{
    display:block !important;
    width:100% !important;
    background:#081311 !important;
  }
  .hero-art img{
    object-position:50% 50% !important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%) !important;
    mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%) !important;
    -webkit-mask-repeat:no-repeat !important;
    mask-repeat:no-repeat !important;
    -webkit-mask-size:100% 100% !important;
    mask-size:100% 100% !important;
  }
  .hero-art:before{
    background:linear-gradient(180deg,#081311 0%,rgba(8,19,17,.14) 13%,rgba(8,19,17,.03) 28%,rgba(8,19,17,.03) 74%,rgba(8,19,17,.16) 88%,#081311 100%) !important;
  }

  /* Mobile process: circle + centre point; line begins only below the circle. */
  .process-route{
    overflow:visible !important;
  }
  .process-step,.step-1,.step-2,.step-3,.step-4,.step-5,.step-6,.step-7{
    position:relative !important;
    border-left:0 !important;
  }
  .step-node,.step-5 .step-node,.step-6 .step-node,.step-7 .step-node{
    z-index:3 !important;
  }
  .step-node:before{
    display:block !important;
    content:"" !important;
    position:absolute !important;
    width:7px !important;
    height:7px !important;
    left:13px !important;
    top:13px !important;
    border-radius:50% !important;
    background:#d2b573 !important;
    box-shadow:0 0 12px rgba(210,181,115,.78) !important;
  }
  .process-step:not(:last-child):after{
    content:"" !important;
    position:absolute !important;
    z-index:1 !important;
    left:4px !important;
    top:42px !important;
    bottom:-18px !important;
    width:1px !important;
    background:#735f3e !important;
    border:0 !important;
    box-shadow:none !important;
  }
}

@media (max-width:560px){
  .hero-copy{padding-left:13px !important;padding-right:13px !important;}
  .process-step:not(:last-child):after{bottom:-17px !important;}
}


/* customer note 1: desktop contact bar */
@media (min-width: 981px){
  .header{height:108px;}
  .header-contactbar{height:31px;border-bottom:1px solid rgba(223,201,155,.12);background:rgba(5,12,11,.72);}
  .header-contactbar-inner{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:22px;white-space:nowrap;}
  .header-contactbar-inner>a,.header-skype{font-size:10px;line-height:1;color:#dbe2df;letter-spacing:.015em;}
  .header-contactbar-inner>a{transition:color .2s ease;}
  .header-contactbar-inner>a:hover{color:#fff;}
  .header-contactbar-inner>a>span,.header-skype>span{color:#bda36f;text-transform:uppercase;font-size:8px;letter-spacing:.12em;margin-right:5px;}
  .nav{height:77px;}
  .header-actions .header-phone{display:none;}
}
@media (max-width: 1180px) and (min-width: 981px){
  .header-contactbar-inner{gap:14px;}
  .header-contactbar-inner>a,.header-skype{font-size:9px;}
}
@media (max-width: 980px){
  .header-contactbar{display:none !important;}
}


/* customer note 1: mobile contact bar */
@media (max-width: 980px){
  .header{height:122px !important;}
  .header-contactbar{display:block !important;height:54px;border-bottom:1px solid rgba(223,201,155,.12);background:#07110f;}
  .header-contactbar-inner{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;column-gap:18px;row-gap:2px;align-items:center;padding-top:5px;padding-bottom:5px;}
  .header-contactbar-inner>a,.header-skype{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;color:#dbe2df;font-size:9px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .header-contactbar-inner>a>span,.header-skype>span{color:#bda36f;text-transform:uppercase;font-size:7px;line-height:1;letter-spacing:.11em;margin:0;}
  .nav{height:68px !important;}
  .menu{top:122px !important;}
}

@media (max-width: 560px){
  .header{height:120px !important;}
  .header-contactbar{height:52px;}
  .header-contactbar-inner{column-gap:10px;padding-left:13px;padding-right:13px;}
  .header-contactbar-inner>a,.header-skype{font-size:8.5px;}
  .header-contactbar-inner>a>span,.header-skype>span{font-size:6.5px;}
  .menu{top:120px !important;left:13px !important;right:13px !important;}
}

@media (max-width: 360px){
  .header-contactbar-inner{column-gap:7px;}
  .header-contactbar-inner>a,.header-skype{font-size:8px;letter-spacing:-.01em;}
}


/* desktop preview: wide lower panorama hero + compact trust strip */
@media (min-width: 721px){
  .hero{
    min-height: clamp(600px, calc(100svh - 110px), 720px) !important;
    border-bottom: 1px solid #1b2d29;
  }
  .hero-grid{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    min-height:auto !important;
    height:auto !important;
    gap:0 !important;
  }
  .hero-copy{
    width:100% !important;
    max-width:none !important;
    padding:34px 0 14px !important;
    justify-content:flex-start !important;
  }
  .hero-copy .eyebrow,
  .hero h1,
  .hero-copy>p,
  .hero-actions,
  .hero-trust{max-width:780px !important;}
  .hero h1{
    font-size: clamp(44px, 4.2vw, 58px) !important;
    line-height: 1.02 !important;
    max-width: 780px !important;
    letter-spacing: -.03em !important;
  }
  .hero .hero-mainline,
  .hero .hero-subline{display:block}
  .hero-copy>p{
    max-width: 700px !important;
    margin: 14px 0 20px !important;
    font-size: 14px !important;
    line-height: 1.58 !important;
  }
  .hero-actions{gap:10px !important}
  .hero-actions .button{min-height:44px !important;padding:0 20px !important}
  .hero-trust{margin-top:18px !important;font-size:10px !important;gap:10px !important}
  .hero-art{
    position:relative !important;
    inset:auto !important;
    margin-left: calc((100vw - min(1180px, calc(100vw - 48px)))/-2) !important;
    margin-right: calc((100vw - min(1180px, calc(100vw - 48px)))/-2) !important;
    width:auto !important;
    max-width:none !important;
    min-height:0 !important;
    height: clamp(220px, 29vh, 300px) !important;
    overflow:hidden !important;
    background:#081311;
  }
  .hero-art picture{display:block;width:100%;height:100%}
  .hero-art img{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    filter:saturate(.96) contrast(1.04) brightness(.96) !important;
    transform:none !important;
    opacity:1 !important;
  }
  .hero-art:before{
    background:
      linear-gradient(180deg, rgba(8,19,17,.50) 0%, rgba(8,19,17,.10) 24%, rgba(8,19,17,.06) 72%, rgba(8,19,17,.62) 100%) !important,
      linear-gradient(90deg, rgba(8,19,17,.78) 0%, rgba(8,19,17,.12) 14%, rgba(8,19,17,.02) 26%, rgba(8,19,17,.02) 74%, rgba(8,19,17,.12) 86%, rgba(8,19,17,.78) 100%) !important;
  }
  .hero-art:after,
  .hero-art-label{display:none !important}

  .trust-strip{margin-top:0 !important}
  .trust-grid{grid-template-columns:repeat(4,1fr) !important}
  .trust-item{padding:18px 16px !important}
  .trust-item strong{font-size:24px !important;line-height:1.04 !important}
  .trust-item span{font-size:10px !important;margin-top:6px !important}
  .trust-item:not(:last-child):after{top:18px !important;bottom:18px !important}
}

@media (min-width: 721px) and (max-width: 1180px){
  .hero{min-height: clamp(560px, calc(100svh - 100px), 680px) !important}
  .hero-copy{padding:28px 0 12px !important}
  .hero h1{font-size: clamp(38px, 4vw, 48px) !important;max-width:680px !important}
  .hero-copy>p{max-width:620px !important;font-size:13px !important;margin:12px 0 16px !important}
  .hero-art{height: clamp(200px, 26vh, 260px) !important}
  .trust-item strong{font-size:22px !important}
}


/* rollback first screen to mockup-like desktop version; keep larger desktop contact bar; remove photo edge darkening */
@media (min-width: 721px){
  .header{
    height:118px !important;
  }
  .header-contactbar{
    display:block !important;
    height:40px !important;
    border-bottom:1px solid rgba(223,201,155,.14);
    background:rgba(5,12,11,.78);
  }
  .header-contactbar-inner{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:26px !important;
    white-space:nowrap;
  }
  .header-contactbar-inner>a,.header-skype{
    font-size:11px !important;
    line-height:1 !important;
    color:#e3e8e5;
    letter-spacing:.01em;
  }
  .header-contactbar-inner>a>span,.header-skype>span{
    font-size:8px !important;
    letter-spacing:.13em;
    margin-right:6px;
  }
  .nav{height:77px !important;}

  /* remove dark side fade from panorama, keep image clean */
  .hero-art:before{
    background:none !important;
  }
  .hero-art{
    background:transparent !important;
  }
  .hero-art img{
    filter:none !important;
  }
}

@media (min-width: 721px) and (max-width: 1180px){
  .header{height:114px !important;}
  .header-contactbar{height:38px !important;}
  .header-contactbar-inner{gap:18px !important;}
  .header-contactbar-inner>a,.header-skype{font-size:10px !important;}
  .nav{height:76px !important;}
}


/* desktop hero photo height increase to fit tower spire and tall building */
@media (min-width: 721px){
  .hero-art{
    height: clamp(300px, 38vh, 410px) !important;
  }
  .hero-art img{
    object-position: center 44% !important;
  }
}

@media (min-width: 721px) and (max-width: 1180px){
  .hero-art{
    height: clamp(260px, 34vh, 340px) !important;
  }
  .hero-art img{
    object-position: center 42% !important;
  }
}


/* desktop hero: gentle top fade only, preserving skyline details */
@media (min-width: 721px){
  .hero-art:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background: linear-gradient(
      180deg,
      rgba(8,19,17,.72) 0%,
      rgba(8,19,17,.48) 9%,
      rgba(8,19,17,.22) 18%,
      rgba(8,19,17,.08) 26%,
      rgba(8,19,17,0) 36%
    ) !important;
  }
}

@media (min-width: 721px) and (max-width: 1180px){
  .hero-art:before{
    background: linear-gradient(
      180deg,
      rgba(8,19,17,.76) 0%,
      rgba(8,19,17,.52) 10%,
      rgba(8,19,17,.24) 19%,
      rgba(8,19,17,.08) 28%,
      rgba(8,19,17,0) 38%
    ) !important;
  }
}


/* desktop hero: smoother merge of image top edge into background */
@media (min-width: 721px){
  .hero-art{
    margin-top:-16px !important;
    padding-top:16px !important;
    background:transparent !important;
  }
  .hero-art:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      linear-gradient(
        180deg,
        rgba(8,19,17,.96) 0%,
        rgba(8,19,17,.82) 7%,
        rgba(8,19,17,.62) 15%,
        rgba(8,19,17,.38) 24%,
        rgba(8,19,17,.18) 33%,
        rgba(8,19,17,.06) 42%,
        rgba(8,19,17,0) 52%
      ) !important;
  }
}

@media (min-width: 721px) and (max-width: 1180px){
  .hero-art{
    margin-top:-14px !important;
    padding-top:14px !important;
  }
  .hero-art:before{
    background:
      linear-gradient(
        180deg,
        rgba(8,19,17,.97) 0%,
        rgba(8,19,17,.84) 8%,
        rgba(8,19,17,.64) 17%,
        rgba(8,19,17,.40) 27%,
        rgba(8,19,17,.18) 36%,
        rgba(8,19,17,.06) 46%,
        rgba(8,19,17,0) 56%
      ) !important;
  }
}


/* desktop hero: even softer merge of photo top seam into background */
@media (min-width: 721px){
  .hero-art{
    margin-top:-28px !important;
    padding-top:28px !important;
    overflow:hidden !important;
  }
  .hero-art:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      linear-gradient(
        180deg,
        rgba(8,19,17,1) 0%,
        rgba(8,19,17,.96) 6%,
        rgba(8,19,17,.86) 14%,
        rgba(8,19,17,.70) 24%,
        rgba(8,19,17,.50) 34%,
        rgba(8,19,17,.28) 45%,
        rgba(8,19,17,.12) 56%,
        rgba(8,19,17,.03) 66%,
        rgba(8,19,17,0) 76%
      ) !important;
  }
  .hero-copy{position:relative;z-index:4;}
}

@media (min-width: 721px) and (max-width: 1180px){
  .hero-art{
    margin-top:-24px !important;
    padding-top:24px !important;
  }
  .hero-art:before{
    background:
      linear-gradient(
        180deg,
        rgba(8,19,17,1) 0%,
        rgba(8,19,17,.97) 7%,
        rgba(8,19,17,.88) 16%,
        rgba(8,19,17,.72) 27%,
        rgba(8,19,17,.52) 38%,
        rgba(8,19,17,.30) 49%,
        rgba(8,19,17,.13) 60%,
        rgba(8,19,17,.03) 70%,
        rgba(8,19,17,0) 80%
      ) !important;
  }
}


/* TEST: desktop hero color match only — geometry untouched */
@media (min-width: 721px){
  .hero-art{
    background:#07110f !important;
  }
  .hero-art:before{
    background:linear-gradient(
      180deg,
      rgba(7,17,15,1) 0%,
      rgba(7,17,15,.96) 6%,
      rgba(7,17,15,.86) 14%,
      rgba(7,17,15,.70) 24%,
      rgba(7,17,15,.50) 34%,
      rgba(7,17,15,.28) 45%,
      rgba(7,17,15,.12) 56%,
      rgba(7,17,15,.03) 66%,
      rgba(7,17,15,0) 76%
    ) !important;
  }
}
@media (min-width: 721px) and (max-width: 1180px){
  .hero-art:before{
    background:linear-gradient(
      180deg,
      rgba(7,17,15,1) 0%,
      rgba(7,17,15,.97) 7%,
      rgba(7,17,15,.88) 16%,
      rgba(7,17,15,.72) 27%,
      rgba(7,17,15,.52) 38%,
      rgba(7,17,15,.30) 49%,
      rgba(7,17,15,.13) 60%,
      rgba(7,17,15,.03) 70%,
      rgba(7,17,15,0) 80%
    ) !important;
  }
}


/* desktop refinement: compact and better-connected process route */
@media (min-width: 981px){
  .process-route{
    height:350px;
    column-gap:32px;
    row-gap:26px;
    padding:12px 18px 0 18px;
  }
  .route-line-top{
    left:82px;
    right:96px;
    top:88px;
  }
  .route-turn{
    right:68px;
    top:88px;
    width:58px;
    height:192px;
    border-radius:0 58px 58px 0;
  }
  .route-line-bottom{
    left:82px;
    right:30.8%;
    bottom:88px;
  }
  .process-step{
    max-width:196px;
    padding-left:6px;
    padding-right:6px;
  }
  .step-4{
    max-width:188px;
  }
  .step-5,.step-6,.step-7{
    padding-top:16px;
  }
  .step-5 .step-node,.step-6 .step-node,.step-7 .step-node{
    top:-34px;
  }
}


/* desktop process route v2: connected compact turn from 04 to 05 */
@media (min-width:981px){
  .route-line-top{
    left:82px !important;
    right:190px !important;
    top:88px !important;
  }
  .route-turn{
    right:140px !important;
    top:88px !important;
    width:50px !important;
    height:174px !important;
    border:1px solid #9a804f !important;
    border-left:0 !important;
    border-radius:0 50px 50px 0 !important;
  }
  .route-line-bottom{
    left:82px !important;
    right:190px !important;
    bottom:88px !important;
  }
}


/* desktop process route v3: symmetric endpoints, lower numbering and clean text clearance */
@media (min-width:981px){
  /* Start under 01 and finish under 07; both rows share the same left anchor. */
  .route-line-top{
    left:41px !important;
    right:190px !important;
    top:88px !important;
  }
  .route-turn{
    right:140px !important;
    top:88px !important;
    width:50px !important;
    height:160px !important;
    border:1px solid #9a804f !important;
    border-left:0 !important;
    border-radius:0 50px 50px 0 !important;
  }
  .route-line-bottom{
    left:41px !important;
    right:190px !important;
    bottom:102px !important;
  }

  /* Lower row follows the same hierarchy as 01–04: number, node, line, title. */
  .step-5 .step-number,
  .step-6 .step-number,
  .step-7 .step-number{
    position:absolute !important;
    top:-60px !important;
    left:6px !important;
    z-index:3;
  }

  /* Keep the 04 copy clear of the rounded return. */
  .step-4{
    max-width:160px !important;
  }
  .step-4 p{
    max-width:132px !important;
  }
}


/* desktop process route v4: logical 04→05 return and mirrored lower geometry */
@media (min-width:981px){
  .process-route{
    grid-template-columns:repeat(8,1fr) !important;
    column-gap:0 !important;
  }

  /* Keep the upper row on four equal quarters. */
  .step-1{grid-column:1 / 3 !important;grid-row:1 !important;}
  .step-2{grid-column:3 / 5 !important;grid-row:1 !important;}
  .step-3{grid-column:5 / 7 !important;grid-row:1 !important;}
  .step-4{grid-column:7 / 9 !important;grid-row:1 !important;}

  /* Return path: 05 directly below 04, 06 centered, 07 at the left endpoint. */
  .step-5{grid-column:7 / 9 !important;grid-row:2 !important;align-self:end !important;}
  .step-6{grid-column:4 / 6 !important;grid-row:2 !important;align-self:end !important;}
  .step-7{grid-column:1 / 3 !important;grid-row:2 !important;align-self:end !important;}

  /* Lower line mirrors the upper line: node first, then a small gap, then the route. */
  .route-line-bottom{
    left:41px !important;
    right:190px !important;
    bottom:78px !important;
  }
  .route-turn{
    right:140px !important;
    top:88px !important;
    width:50px !important;
    height:184px !important;
    border-radius:0 50px 50px 0 !important;
  }
}

/* desktop process route v5: lift lower row slightly without changing route geometry */
@media (min-width:981px){
  .step-5,
  .step-6,
  .step-7{
    transform:translateY(-6px) !important;
  }
}


/* mobile-only: show the full China route map without side cropping */
@media (max-width: 720px){
  .china-map{
    height:auto !important;
    min-height:0 !important;
  }
  .china-map img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
}


/* Chrome 85 / older mobile Chromium modal positioning fallback */
@media (max-width: 520px){
  .modal{
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
  }
  .modal-backdrop{
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
  }
}


/* customer contact update: China first, no Skype, channel labels */
.header-contact-phone strong{
  font:inherit;
  font-weight:400;
  color:inherit;
}

@media (min-width:721px){
  .header-contactbar-inner{
    justify-content:flex-end !important;
    gap:28px !important;
  }
  .header-contact-phone{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:7px !important;
  }
  .header-contact-phone>span{
    margin:0 !important;
    font-size:9px !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
    text-transform:none !important;
    color:#bda36f !important;
  }
  .header-contact-email{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:7px !important;
  }
}

@media (min-width:721px) and (max-width:1180px){
  .header-contactbar-inner{gap:18px !important;}
  .header-contact-phone{gap:5px !important;}
  .header-contact-phone>span{font-size:8px !important;}
}

@media (max-width:720px){
  .header-contactbar-inner{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:32px 18px !important;
    column-gap:12px !important;
    row-gap:0 !important;
    padding-top:2px !important;
    padding-bottom:2px !important;
  }
  .header-contact-phone{
    min-width:0;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    text-align:center;
    overflow:visible !important;
  }
  .header-contact-phone strong{
    display:block;
    font-size:9px;
    line-height:1.05;
    white-space:nowrap;
  }
  .header-contact-phone>span{
    display:block;
    margin:0 !important;
    font-size:6.5px !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
    text-transform:none !important;
    color:#bda36f !important;
    white-space:nowrap;
  }
  .header-contact-email{
    grid-column:1 / -1;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    font-size:8.5px !important;
    line-height:1 !important;
    overflow:visible !important;
  }
  .header-contact-email>span{
    margin:0 !important;
    font-size:6.5px !important;
    line-height:1 !important;
  }
}

@media (max-width:360px){
  .header-contactbar-inner{column-gap:7px !important;}
  .header-contact-phone strong{font-size:8.3px;}
  .header-contact-phone>span{font-size:6px !important;}
  .header-contact-email{font-size:8px !important;}
}


/* mobile contact bar: one horizontal row, labels below values */
.header-contact-email strong{
  font:inherit;
  font-weight:400;
  color:inherit;
}

@media (max-width:720px){
  .header-contactbar-inner{
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    grid-template-rows:1fr !important;
    column-gap:6px !important;
    row-gap:0 !important;
    align-items:center !important;
    padding:4px 10px !important;
  }
  .header-contact-phone,
  .header-contact-email{
    grid-column:auto !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    text-align:center !important;
    overflow:visible !important;
  }
  .header-contact-phone strong,
  .header-contact-email strong{
    display:block !important;
    max-width:100% !important;
    margin:0 !important;
    font-size:8.4px !important;
    line-height:1.05 !important;
    letter-spacing:-.02em !important;
    white-space:nowrap !important;
  }
  .header-contact-phone>span,
  .header-contact-email>span{
    display:block !important;
    margin:0 !important;
    color:#bda36f !important;
    font-size:6.3px !important;
    line-height:1 !important;
    letter-spacing:.015em !important;
    text-transform:none !important;
    white-space:nowrap !important;
  }
}

@media (max-width:360px){
  .header-contactbar-inner{column-gap:3px !important;padding-left:7px !important;padding-right:7px !important;}
  .header-contact-phone strong,
  .header-contact-email strong{font-size:7.7px !important;}
  .header-contact-phone>span,
  .header-contact-email>span{font-size:5.8px !important;}
}


/* desktop contact bar: same two-line composition as mobile */
@media (min-width:721px){
  .header-contactbar-inner{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    align-items:center !important;
    justify-content:stretch !important;
    gap:0 !important;
    white-space:nowrap !important;
  }
  .header-contact-phone,
  .header-contact-email{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    text-align:center !important;
  }
  .header-contact-phone strong,
  .header-contact-email strong{
    display:block !important;
    margin:0 !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:400 !important;
    letter-spacing:.01em !important;
    color:#e3e8e5 !important;
  }
  .header-contact-phone>span,
  .header-contact-email>span{
    display:block !important;
    margin:0 !important;
    font-size:8px !important;
    line-height:1 !important;
    letter-spacing:.04em !important;
    text-transform:none !important;
    color:#bda36f !important;
  }
}

@media (min-width:721px) and (max-width:1180px){
  .header-contact-phone strong,
  .header-contact-email strong{font-size:10px !important;}
  .header-contact-phone>span,
  .header-contact-email>span{font-size:7.5px !important;}
}


/* desktop Safari: lock service illustrations 03-06 to stable vertical positions */
@media (min-width: 981px){
  .service-card-compact .service-visual{
    top:46px !important;
    bottom:auto !important;
    transform:none !important;
  }
  .service-card-wide .service-visual{
    top:34px !important;
    bottom:auto !important;
    transform:none !important;
  }
}

/* desktop cards 03/04: keep CTA text in place, move only arrow next to it */
@media (min-width: 981px){
  .service-card-compact .card-link{
    justify-content:flex-start !important;
    gap:9px !important;
  }
}

/* mobile cards 03-06: keep arrows next to text instead of pushing to far right */
@media (max-width: 980px){
  .service-card-compact .card-link,
  .service-card-wide .card-link{
    width:auto !important;
    justify-content:flex-start !important;
    gap:9px !important;
    align-self:flex-start !important;
  }
}