.contactpage{--ink:#1d1d1f;--muted:#6e6e73;--line:#dedee1;--contact-edge:max(6vw,calc((100% - 1440px)/2));font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink)}
.contactpage #footer{padding-inline:var(--contact-edge)}

.contactpage #header{background:#fff}
body.contactpage .contact-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.65fr);gap:8%;padding:92px var(--contact-edge) 120px;max-width:1800px;margin:auto;align-items:start}
body.contactpage .contact-intro h1{font-size:44px;font-weight:600;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
body.contactpage .contact-lead{font-size:20px;line-height:1.65;margin-top:24px;max-width:340px;text-wrap:pretty}
body.contactpage .contact-details{margin-top:58px;display:grid;gap:28px}
body.contactpage .contact-details dt{font-size:13px;color:var(--muted);margin-bottom:7px}
body.contactpage .contact-details dd{margin:0;font-size:17px;line-height:1.65}
body.contactpage .contact-details a{display:inline-flex;align-items:center;gap:12px}
body.contactpage .contact-details a:hover{color:#777}
body.contactpage .contact-details svg{width:16px;height:16px}
body.contactpage .contact-details address{font-style:normal;font-size:14px;line-height:1.85;max-width:310px;color:var(--muted)}
body.contactpage .contact-form{min-width:0;padding-top:3px}
body.contactpage .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px;row-gap:26px}
body.contactpage .field{min-width:0}
body.contactpage .field label,body.contactpage .inquiry legend{font-size:15px;font-weight:500;line-height:1.5}
body.contactpage .required{color:#9b5042;margin-left:3px;font-size:13px}
body.contactpage .optional{font-size:12px;font-weight:400;color:#86868b;margin-left:7px}
body.contactpage .field input,body.contactpage .field textarea{display:block;width:100%;border:0;border-bottom:1px solid #cfcfd3;border-radius:0;background:transparent;padding:13px 0 14px;margin-top:5px;color:var(--ink);font:inherit;font-size:16px;line-height:1.5;outline:none;transition:border-color .18s;box-shadow:none}
body.contactpage .field input::placeholder,body.contactpage .field textarea::placeholder{color:#96969c;font-weight:400}
body.contactpage .field input:hover,body.contactpage .field textarea:hover{border-color:#8f8f95}
body.contactpage .field input:focus,body.contactpage .field textarea:focus{border-color:var(--ink);box-shadow:0 1px 0 var(--ink)}
body.contactpage .field input[aria-invalid=true],body.contactpage .field textarea[aria-invalid=true]{border-color:#ae4132}
body.contactpage .field-error{min-height:0;color:#ae4132;font-size:12px;line-height:1.5;margin-top:6px}
body.contactpage .field-error:empty{display:none}
body.contactpage .inquiry{border:0;padding:0;margin:34px 0 30px;min-width:0}
body.contactpage .inquiry legend{padding:0;margin-bottom:17px}
body.contactpage .inquiry-options{display:flex;flex-wrap:wrap;gap:10px}
body.contactpage .inquiry-option{position:relative;cursor:pointer}
body.contactpage .inquiry-option input{position:absolute;opacity:0;width:1px;height:1px}
body.contactpage .inquiry-option span{display:block;border:1px solid #dcdce0;border-radius:30px;padding:10px 18px;font-size:14px;line-height:1.5;transition:background .18s,border-color .18s}
body.contactpage .inquiry-option:hover span{border-color:#777}
body.contactpage .inquiry-option input:checked+span{background:var(--ink);border-color:var(--ink);color:white}
body.contactpage .inquiry-option input:focus-visible+span{outline:2px solid #858e74;outline-offset:4px}
body.contactpage .field textarea{resize:vertical;min-height:124px}
body.contactpage .form-bottom{margin-top:28px;display:flex;align-items:center;gap:24px}
body.contactpage .contact-form .btn{font-family:inherit;min-height:52px;font-size:15px;padding:14px 27px;flex-shrink:0;gap:28px}
body.contactpage .demo-note{font-size:12px;line-height:1.7;max-width:300px;color:#86868b}
body.contactpage .form-status{font-size:14px;line-height:1.75;margin-top:20px;color:var(--ink)}
body.contactpage .form-status:empty{display:none}
body.contactpage .form-status a{text-decoration:underline;text-underline-offset:4px}
.contactpage #footer{border-top:1px solid #e8e8ed}
.contactpage .footer-top{padding-bottom:50px}
.contactpage .footer-bottom{font-size:10px}

@media(max-width:1100px){body.contactpage .contact-layout{gap:6%;padding-top:70px}
body.contactpage .contact-intro h1{font-size:36px}
body.contactpage .contact-lead{font-size:18px}



body.contactpage .field-grid{column-gap:24px}
body.contactpage .form-bottom{align-items:flex-start;flex-direction:column;gap:15px}
}
@media(max-width:760px){.contactpage{--contact-edge:24px}
body.contactpage .contact-layout{grid-template-columns:1fr;gap:45px;padding-top:46px;padding-bottom:72px}
body.contactpage .contact-intro h1{font-size:30px}
body.contactpage .contact-lead{font-size:18px;margin-top:18px;max-width:340px}
body.contactpage .contact-details{margin-top:30px;grid-template-columns:1fr 1fr;gap:22px 16px}
body.contactpage .contact-details>div:last-child{grid-column:1/-1}
body.contactpage .contact-details dt{font-size:12px}
body.contactpage .contact-details dd{font-size:14px}
body.contactpage .contact-details a{gap:6px}
body.contactpage .contact-details address{font-size:13px;max-width:100%}
body.contactpage .contact-details svg{width:13px}
body.contactpage .contact-form{padding-top:0}
body.contactpage .field-grid{grid-template-columns:1fr;row-gap:25px}
body.contactpage .inquiry{margin-top:30px}
body.contactpage .inquiry-options{gap:9px}
body.contactpage .inquiry-option span{font-size:13px;padding:10px 16px}
body.contactpage .form-bottom{gap:17px}
body.contactpage .contact-form .btn{width:100%;justify-content:center}
body.contactpage .demo-note{max-width:none}

.contactpage .footer-top{padding-bottom:35px}
.contactpage .footer-brand .brand{width:190px}
}
@media(prefers-reduced-motion:reduce){.contactpage *{transition:none!important;scroll-behavior:auto!important}
}
body.contactpage .contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(48px,5vw,88px);padding-top:76px;padding-bottom:100px;max-width:none}
body.contactpage .contact-intro h1{font-size:56px;line-height:1.12;letter-spacing:-.035em}
body.contactpage .contact-lead{font-size:22px;line-height:1.65;max-width:440px;margin-top:28px;text-wrap:pretty}
body.contactpage .contact-details{margin-top:64px;gap:34px}
body.contactpage .contact-details dt{font-size:15px;margin-bottom:10px}
body.contactpage .contact-details dd{font-size:21px;line-height:1.5}
body.contactpage .contact-details svg{width:20px;height:20px}
body.contactpage .contact-details address{font-size:17px;line-height:1.8;max-width:410px}
body.contactpage .contact-form{padding-top:8px}
body.contactpage .field-grid{column-gap:36px;row-gap:34px}
body.contactpage .field label,body.contactpage .inquiry legend{font-size:18px;font-weight:500}
body.contactpage .optional{display:inline-block;font-size:13px;margin-left:8px}
body.contactpage .required{font-size:15px}
body.contactpage .field input,body.contactpage .field textarea{font-size:18px;line-height:1.6;padding:17px 0 18px;margin-top:8px}
body.contactpage .field-error{font-size:14px}
body.contactpage .inquiry{margin-top:40px;margin-bottom:36px}
body.contactpage .inquiry legend{margin-bottom:20px}
body.contactpage .inquiry-options{gap:12px}
body.contactpage .inquiry-option span{font-size:17px;padding:12px 21px}
body.contactpage .field textarea{min-height:154px}
body.contactpage .form-bottom{margin-top:32px;gap:24px}
body.contactpage .contact-form .btn{font-size:18px;min-height:62px;min-width:220px;padding:17px 30px;justify-content:space-between;gap:32px}
body.contactpage .demo-note{font-size:13px;line-height:1.8;max-width:310px}
body.contactpage .form-status{font-size:16px}
@media(min-width:761px){html[lang=en] body.contactpage .contact-intro h1{max-width:8.8em;text-wrap:balance}
}
@media(min-width:1800px){body.contactpage .contact-layout{padding-top:96px;padding-bottom:120px}
}
@media(min-width:761px) and (max-width:1100px){body.contactpage .contact-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:42px;padding-top:62px;padding-bottom:88px}
body.contactpage .contact-intro h1{font-size:48px}
body.contactpage .contact-lead{font-size:20px}
body.contactpage .contact-details{margin-top:48px;gap:28px}
body.contactpage .contact-details dd{font-size:19px}
body.contactpage .contact-details address{font-size:16px}
body.contactpage .field-grid{column-gap:24px}
body.contactpage .field label,body.contactpage .inquiry legend{font-size:17px}
body.contactpage .field input,body.contactpage .field textarea{font-size:17px}
body.contactpage .inquiry-option span{font-size:16px;padding:11px 17px}
body.contactpage .form-bottom{gap:18px}
}
@media(max-width:760px){body.contactpage .contact-layout{grid-template-columns:1fr;gap:46px;padding-top:42px;padding-bottom:72px}
body.contactpage .contact-intro h1{font-size:38px;line-height:1.16;letter-spacing:-.025em}
body.contactpage .contact-lead{font-size:19px;line-height:1.65;margin-top:20px;max-width:none}
body.contactpage .contact-details{grid-template-columns:1fr 1fr;margin-top:30px;gap:24px 16px}
body.contactpage .contact-details dt{font-size:13px;margin-bottom:8px}
body.contactpage .contact-details dd{font-size:15px;line-height:1.5}
body.contactpage .contact-details address{font-size:15px;line-height:1.8}
body.contactpage .contact-details svg{width:14px;height:14px}
body.contactpage .contact-form{padding-top:0}
body.contactpage .field-grid{row-gap:28px}
body.contactpage .field label,body.contactpage .inquiry legend{font-size:17px}
body.contactpage .field input,body.contactpage .field textarea{font-size:17px;padding:15px 0 16px;margin-top:6px}
body.contactpage .optional{font-size:12px}
body.contactpage .inquiry{margin-top:32px;margin-bottom:30px}
body.contactpage .inquiry legend{margin-bottom:18px}
body.contactpage .inquiry-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.contactpage .inquiry-option span{text-align:center;font-size:16px;padding:12px 10px}
body.contactpage .field textarea{min-height:138px}
body.contactpage .form-bottom{margin-top:28px;gap:18px}
body.contactpage .contact-form .btn{min-width:0;min-height:58px;font-size:17px;justify-content:center}
body.contactpage .demo-note{font-size:13px;max-width:none}
body.contactpage .form-status{font-size:15px}
}
@media(max-width:360px){body.contactpage .contact-intro h1{font-size:34px}
body.contactpage .contact-details{grid-template-columns:1fr;gap:20px}
body.contactpage .contact-details dd{font-size:17px}
body.contactpage .contact-details>div:last-child{grid-column:auto}
body.contactpage .contact-lead{font-size:18px}
body.contactpage .inquiry-option span{font-size:15px}
}
@media(min-width:761px) and (max-width:1300px){body.contactpage .field-grid .field:nth-child(n+3) label{display:block;min-height:54px}
body.contactpage .field-grid .field:nth-child(n+3) .optional{display:block;margin:3px 0 0}
}