.contact-intro{isolation:isolate;border-bottom:1px solid var(--line);background:radial-gradient(at 12% 12%,#0066ff0b,#0000 48%),radial-gradient(at 88% 60%,#388bff0f,#0000 46%);padding-block:clamp(64px,7vw,108px) clamp(60px,6vw,88px);position:relative}.contact-intro__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:center;gap:clamp(40px,6vw,88px);display:grid}.contact-intro__copy{min-width:0}.contact-eyebrow{color:var(--blue-text);letter-spacing:.15em;background:linear-gradient(135deg,#fff,#eef5ff);border:1px solid #d6e1f1;border-radius:999px;padding:7px 15px;font-size:10px;font-weight:600;display:inline-flex;box-shadow:0 5px 18px #23467d0a,inset 0 1px #fff}.contact-intro h1{letter-spacing:-.045em;text-wrap:balance;margin-top:26px;font-size:clamp(42px,4.6vw,66px);line-height:1.16}html[lang=th] .contact-intro h1{letter-spacing:-.025em;line-height:1.28}.contact-intro h1>span{display:block}.contact-intro__lead{max-width:550px;margin-top:24px;font-size:17px;line-height:1.85}.contact-intro__actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px;display:flex}.contact-intro__actions .button{gap:24px}.contact-intro__actions .text-link{gap:10px;font-size:14px}.contact-intro__services{color:var(--muted);flex-wrap:wrap;gap:10px 18px;margin-top:32px;font-size:11px;display:flex}.contact-intro__services span+span:before{content:"/";color:#b3becd;margin-right:18px}.contact-panel{background:linear-gradient(150deg,#fff,#fdfefe);border:1px solid #dfe6ef;border-radius:24px;min-width:0;padding:clamp(24px,2.8vw,38px);box-shadow:0 24px 64px -24px #1a396924,inset 0 1px #fff}.contact-panel__heading .section-kicker{font-size:10px}.contact-panel__heading h2{letter-spacing:-.025em;text-wrap:balance;margin-top:10px;font-size:27px}.contact-panel__heading p{margin-top:8px;font-size:14px;line-height:1.7}.contact-panel__links{gap:6px;margin-top:24px;display:grid}.contact-method{border:1px solid #0000;border-radius:14px;align-items:center;gap:14px;min-width:0;padding:18px 12px;transition:background .2s,border-color .2s;display:flex}.contact-method--primary{background:#f4f8ff;border-color:#e0ebfc}.contact-method:hover,.contact-method:focus-visible{background:#edf4ff;border-color:#cedff8}.contact-method__icon{width:42px;height:42px;color:var(--blue-text);background:#fff;border:1px solid #e4ebf5;border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.contact-method__copy{flex:1;min-width:0}.contact-method__label{color:var(--muted);letter-spacing:.1em;margin-bottom:3px;font-size:10px;display:block}.contact-method strong{overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.5;display:block}.contact-method__arrow{color:#8190a5;flex-shrink:0;transition:color .2s,transform .2s}.contact-method:hover .contact-method__arrow,.contact-method:focus-visible .contact-method__arrow{color:var(--blue-text);transform:translate(2px,-2px)}.contact-brief{padding-block:clamp(64px,7vw,100px)}.contact-brief__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(40px,6vw,88px);display:grid}.contact-brief__intro{max-width:400px;padding-top:12px;position:sticky;top:120px}.contact-brief__intro h2{text-wrap:balance;margin-top:18px;font-size:clamp(30px,3vw,40px)}.contact-brief__intro>p{margin-top:16px;font-size:16px;line-height:1.85}.contact-brief__guide{margin:32px 0 0;padding:0;list-style:none;display:grid}.contact-brief__guide li{border-top:1px solid var(--line);gap:18px;padding-block:20px;display:flex}.contact-brief__number{color:var(--blue-text);padding-top:3px;font-size:11px;font-weight:600}.contact-brief__guide h3{letter-spacing:0;font-size:15px}.contact-brief__guide p{margin-top:5px;font-size:13px;line-height:1.75}.contact-page .brief-builder{border-color:#dfe6ef;border-radius:24px;min-width:0;padding:clamp(24px,3vw,40px);box-shadow:0 18px 60px -24px #1a39691a}.contact-page .form-help{margin-bottom:28px;font-size:14px;line-height:1.8}.contact-page .form-grid{gap:22px 24px}.contact-page .field label{font-size:13px}.contact-page .field input,.contact-page .field select,.contact-page .field textarea{background:#fbfcfe;border-color:#dde3eb;border-radius:10px;min-height:52px;padding:13px 14px;transition:border-color .2s,background .2s}.contact-page .field input:hover,.contact-page .field select:hover,.contact-page .field textarea:hover{border-color:#b9c9dd}.contact-page .field input:focus,.contact-page .field select:focus,.contact-page .field textarea:focus{border-color:var(--blue);background:#fff}.contact-page .field textarea::placeholder{color:#7d8797}.contact-page .consent-check{font-size:12px}.contact-page .brief-builder__actions,.contact-page .brief-builder__actions .button{gap:18px}.contact-page .brief-builder__actions .text-link{gap:8px;font-size:13px}.contact-page .form-status:empty{display:none}@media (width<=960px){.contact-intro__grid,.contact-brief__grid{grid-template-columns:1fr;gap:40px}.contact-intro__copy{max-width:700px}.contact-intro__lead{max-width:620px}.contact-brief__intro{max-width:620px;padding-top:0;position:static}}@media (width<=600px){.contact-intro{padding-block:48px}.contact-intro h1{margin-top:22px;font-size:clamp(33px,9.3vw,44px)}.contact-intro__lead{margin-top:20px;font-size:16px}.contact-intro__actions{gap:20px;margin-top:26px}.contact-intro__services{gap:8px 12px;margin-top:26px;font-size:10px}.contact-intro__services span+span:before{margin-right:12px}.contact-panel{border-radius:20px;padding:24px 20px}.contact-panel__heading h2{font-size:25px}.contact-method{gap:12px;padding:16px 10px}.contact-method__icon{border-radius:10px;flex-basis:38px;width:38px;height:38px}.contact-method strong{font-size:14px}.contact-method__arrow{width:16px}.contact-brief{padding-block:56px}.contact-brief__guide{margin-top:24px}.contact-brief__guide li{padding-block:16px}.contact-page .brief-builder{border-radius:20px;padding:24px 20px}.contact-page .brief-builder__actions .button{justify-content:space-between;width:100%}}