#contact-dialog{width:min(960px,94vw);max-height:92dvh;border-radius:28px;padding:0;overflow:auto;background:#fff;color:#172127}
#contact-dialog[open]{display:block}
#contact-dialog>.contact-content{padding:48px 52px}
#contact-dialog .close{top:16px;right:18px;width:38px;height:38px;font-size:30px}
#contact-dialog .eyebrow{font-size:12px;letter-spacing:4px;color:#4d585d;margin-bottom:20px}
#contact-dialog h2{font-size:clamp(32px,5vw,58px);line-height:1.15;margin:0 0 22px;letter-spacing:-1.5px}
#contact-dialog .contact-intro{font-size:17px;line-height:1.7;color:#49545b;margin:0 0 30px}
.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;border-top:1px solid #d7dcdf;padding-top:28px;gap:34px}
.contact-details{margin:0;align-self:center;min-width:0}.contact-details>div{margin:18px 0 36px}.contact-details dt{font-size:21px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:12px}.contact-details dt svg{width:26px;height:26px;flex:none}.contact-details dd{margin:0 0 0 38px;line-height:1.8;font-size:16px;overflow-wrap:anywhere}.contact-details address{font-style:normal}.contact-details a:hover{text-decoration:underline}
.contact-wechat{margin:0;border-left:1px solid #d7dcdf;padding-left:34px;min-width:0}.contact-wechat h3{font-size:27px;margin:0 0 14px}.contact-wechat img{width:100%;max-width:300px;display:block;aspect-ratio:1;background:white}.contact-wechat figcaption{font-size:14px;line-height:1.7;margin-top:12px;color:#49545b}
@media(max-width:650px){#contact-dialog>.contact-content{padding:38px 24px 28px}#contact-dialog h2{font-size:34px}.contact-layout{grid-template-columns:1fr;gap:12px}.contact-wechat{border-left:0;border-top:1px solid #d7dcdf;padding:24px 0 0;text-align:center}.contact-wechat img{margin:auto;max-width:260px}.contact-details>div{margin:10px 0 24px}.contact-details dd{font-size:15px}#contact-dialog .contact-intro{font-size:15px}}
