.contact-hero{position:relative;height:470px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#183e32;color:#fff}.contact-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;z-index:-2;animation:office-arrival 2.8s ease-out both}.contact-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#092f28bf,#092f2833);z-index:-1}.contact-hero h1{font-size:clamp(56px,6.5vw,92px);font-weight:500;letter-spacing:-.06em;animation:company-arrival 1s both}.contact-hub{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:80px;align-items:center}.contact-details h2{font-size:32px;margin-bottom:32px}.contact-phone>span{display:block;font-size:16px;color:var(--co-muted);margin:18px 0 8px}.contact-phone>div{display:flex;gap:20px;align-items:center}.contact-phone>div>a{font-size:clamp(28px,3.1vw,46px);line-height:1.4;letter-spacing:-.04em;color:var(--co-green)}.contact-copy{display:inline-grid;place-items:center;background:transparent;border:1px solid #bfccc0;border-radius:50%;width:44px;height:44px;flex-shrink:0;color:var(--co-green)}.contact-copy:hover{background:#e2eadf}.contact-copy svg{width:20px;height:20px}.contact-wechat{display:flex;align-items:center;gap:30px;padding-left:50px;border-left:1px solid var(--co-line)}.contact-wechat>a{display:block;width:170px;flex-shrink:0;padding:10px;background:#fff;box-shadow:0 6px 32px #19362b08}.contact-wechat img{width:100%;height:auto}.contact-wechat h3{font-size:22px;font-weight:500;margin-bottom:12px}.contact-wechat p{font-size:16px;color:var(--co-muted)}.contact-text-copy{border:0;background:none;padding:0;color:var(--co-green)}
.contact-location{padding-bottom:85px}.contact-map{position:relative;isolation:isolate;aspect-ratio:1470/803;background:#e9eef1;overflow:hidden}.contact-map-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.contact-map-card{position:absolute;left:52%;top:12%;width:360px;padding:28px 32px;background:#fffffff5;box-shadow:0 12px 40px #15372b1c;border-top:3px solid var(--co-green)}.contact-map-card>span{color:var(--co-muted);font-size:14px;letter-spacing:.1em}.contact-map-card h2{font-size:28px;margin-block:10px 16px}.contact-map-card address{font-style:normal;font-size:18px;line-height:1.8;color:#526458}.contact-map-card>div{margin-top:20px;padding-top:18px;border-top:1px solid var(--co-line);display:flex;align-items:center;justify-content:space-between}.contact-map-card a{display:flex;align-items:center;gap:16px;color:var(--co-green);font-size:16px}.contact-map-card button{border:0;background:none;color:var(--co-green);padding:8px;display:grid;place-items:center}.contact-map-card a svg{width:20px;height:20px;transform:rotate(-45deg)}.contact-map-pin{position:absolute;left:38%;top:44.5%;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:50%;background:#075a50;border:4px solid #fff;box-shadow:0 0 0 8px #075a5020,0 2px 10px #075a5040}.contact-map-credit{font-size:14px;color:var(--co-muted);padding-top:12px}
.contact-bank{padding-block:95px;background:#073e34;color:#f5f7ee}.bank-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:90px}.bank-heading h2{font-size:clamp(32px,3.6vw,52px);line-height:1.4}.bank-heading p{font-size:16px;color:#b1c6b7;margin-top:25px;line-height:2}.bank-details dl{margin:0}.bank-details dl>div{padding-block:22px;border-bottom:1px solid #ffffff26}.bank-details dl>div:first-child{padding-top:0}.bank-details dt{font-size:14px;color:#a8beb0;margin-bottom:8px}.bank-details dd{margin:0;font-size:20px;line-height:1.6;overflow-wrap:anywhere}.bank-number dd{display:flex;align-items:center;justify-content:space-between;gap:18px}.bank-number dd>span{font-size:clamp(25px,3vw,42px);letter-spacing:.02em;white-space:nowrap}.bank-details .contact-copy{color:#fff;border-color:#789c86}.bank-details .contact-copy:hover{background:#ffffff20}.bank-copy{margin-top:28px;background:none;border:0;color:#edf2e6;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:8px 0;font-size:16px}.bank-copy svg{width:20px;height:20px}
@media(max-width:1100px){.contact-hub{gap:40px}.contact-wechat{padding-left:35px;gap:20px}.contact-wechat>a{width:150px}.contact-map-card{width:310px;padding:22px 26px;top:9%;left:51%}.contact-map-card h2{font-size:26px}.bank-layout{gap:55px}}
@media(max-width:760px){.contact-hero{height:380px}.contact-hero>img{object-position:60% center}.contact-hero h1{font-size:54px}.contact-hub{grid-template-columns:1fr;padding-block:52px;gap:32px}.contact-details h2{font-size:28px;margin-bottom:25px}.contact-phone>div>a{font-size:34px}.contact-wechat{padding:28px 0 0;border-left:0;border-top:1px solid var(--co-line);gap:25px}.contact-wechat>a{width:140px}.contact-wechat h3{font-size:20px}.contact-location{padding-bottom:52px}.contact-map{aspect-ratio:auto;padding-top:56%;overflow:visible;background:transparent}.contact-map-image{height:auto;aspect-ratio:1470/803}.contact-map-pin{left:38%;top:calc((100vw - 40px) * .545 * .445);width:16px;height:16px;border-width:3px}.contact-map-card{position:relative;left:auto;top:auto;width:100%;padding:25px;box-shadow:none;background:#fff}.contact-map-card h2{font-size:26px;margin-block:4px 10px}.contact-map-card address{font-size:16px}.contact-map-credit{font-size:14px;line-height:1.6}.contact-bank{padding-block:55px}.bank-layout{grid-template-columns:1fr;gap:36px}.bank-heading h2{font-size:32px}.bank-heading h2 br{display:none}.bank-heading p{margin-top:16px}.bank-details dd{font-size:18px}.bank-number dd{gap:8px}.bank-number dd>span{font-size:clamp(22px,6vw,30px);letter-spacing:0}.bank-number .contact-copy{width:36px;height:36px}.contact-copy{width:40px;height:40px}}