.contact-hero-shell{color:#fff;background:#0c213b;overflow:clip}.contact-page .webuild-nav a[aria-current=page]{color:#d9f3ff;background:#6ca9d52b;border-color:#88bddc80}.contact-page .mobile-nav a[aria-current=page]{color:#246db2;background:#edf5fd}.contact-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;min-height:450px;padding-top:33px;padding-bottom:65px;display:grid}.contact-breadcrumb{color:#a6bad0;gap:14px;margin-bottom:34px;font-size:12px;display:flex}.contact-breadcrumb a{color:#d8e8f5}.contact-eyebrow{color:#447ca8;letter-spacing:1.9px;font-size:10px;font-weight:500;display:block}.contact-hero .contact-eyebrow{color:#8bb9db}.contact-hero h1{letter-spacing:-4px;margin:16px 0 20px;font-size:88px;line-height:1.05}.contact-hero h1 span{color:#86caef}.contact-hero-intro{letter-spacing:-.6px;color:#e6eef6;font-size:28px;line-height:1.4}.contact-hero-link{color:#a9d6ed;align-items:center;gap:18px;margin-top:25px;font-size:13px;display:inline-flex}.contact-hero-link .icon{width:17px;height:17px;rotate:90deg}.contact-visual{margin-top:25px;position:relative}.contact-art{filter:drop-shadow(0 20px 25px #04111e36);width:100%}.contact-float{animation:7s ease-in-out infinite contact-float;animation-play-state:var(--motion)}.contact-flow{animation:5s linear infinite contact-flow;animation-play-state:var(--motion)}.contact-node{animation:3.5s ease-in-out infinite contact-pulse;animation-play-state:var(--motion)}.contact-direct{z-index:2;border:1px solid var(--line);background:var(--paper);border-radius:20px;grid-template-columns:1.12fr 1fr 1fr;margin-top:-26px;padding:26px 14px;display:grid;position:relative;box-shadow:0 18px 50px #0a29430b}.contact-direct>a{align-items:center;gap:16px;min-width:0;padding:4px 20px;display:flex}.contact-direct>a+a{border-left:1px solid var(--line)}.contact-channel-icon{color:#3a78a7;background:#edf5fc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.contact-channel-icon .icon{width:19px;height:19px}.contact-facebook{font-family:Arial,sans-serif;font-size:24px;font-weight:600}.contact-direct>a>div{flex-direction:column;gap:5px;min-width:0;display:flex}.contact-channel-label{letter-spacing:1.4px;color:var(--muted);font-size:9px}.contact-direct>a>div>span:last-child{overflow-wrap:anywhere;font-size:15px}.contact-channel-arrow{color:#6d9ebf;flex-shrink:0;width:15px;height:15px;margin-left:auto}.contact-office{grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px;margin-top:95px;display:grid}.contact-office h2,.contact-enquiry h2{letter-spacing:-1.7px;margin-top:14px;font-size:48px;line-height:1.15}.contact-office h2 span,.contact-enquiry h2 span{color:#3d7fb5}.contact-company{margin-top:28px;font-size:16px;font-weight:500}.contact-office-copy>p:not(.contact-company){color:var(--muted);max-width:350px;margin-top:14px;font-size:14px;line-height:1.9}.contact-office-copy .contact-address-th{color:#60748a!important;font-size:16px!important;line-height:1.7!important}.contact-map-link{color:#3d79a8;border-bottom:1px solid #7fadd14d;align-items:center;gap:12px;margin-top:23px;padding-bottom:8px;font-size:13px;display:inline-flex}.contact-map-link .icon{width:16px;height:16px}.contact-map{background:#e7eff6;border:1px solid #dae7f1;border-radius:24px;height:390px;position:relative;overflow:hidden}.contact-map iframe{border:0;width:100%;height:100%;display:block}.contact-enquiry{grid-template-columns:.85fr 1.15fr;align-items:start;gap:70px;margin-top:100px;display:grid}.contact-enquiry-intro>p{color:var(--muted);margin-top:24px;font-size:14px;line-height:1.9}.contact-messenger{color:var(--muted);margin-top:23px;font-size:12px;display:block}.contact-messenger span{color:#3d79a8;margin-top:5px;font-size:13px;display:block}.contact-profile{color:#fff;background:linear-gradient(135deg,#173655,#0c213b);border:1px solid #2e4d68;border-radius:20px;max-width:350px;margin-top:34px;padding:24px;transition:transform .3s;display:block;position:relative;overflow:hidden}.contact-profile-top{color:#8db9d5;letter-spacing:1.5px;justify-content:space-between;align-items:center;font-size:9px;display:flex}.contact-profile-top .icon{width:17px;height:17px}.contact-profile-art{width:100%;height:118px;margin-top:6px}.contact-profile h3{letter-spacing:-.6px;margin-top:8px;font-size:24px;font-weight:500}.contact-profile-bottom{color:#bfd4e5;border-top:1px solid #a1c6e029;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;font-size:11px;display:flex}.contact-pdf-label{border:1px solid #a1c6e033;border-radius:4px;padding:2px 7px;font-size:9px}.contact-form{border:1px solid var(--line);background:var(--paper);border-radius:24px;padding:32px;box-shadow:0 10px 40px #0a294305}.contact-form-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px;display:flex}.contact-form-heading h3{letter-spacing:-.5px;font-size:23px;font-weight:500}.contact-form-heading p{color:var(--muted);font-size:10px}.contact-form-grid{grid-template-columns:1fr 1fr;gap:22px 20px;display:grid}.contact-field{flex-direction:column;gap:10px;min-width:0;display:flex}.contact-field-wide{grid-column:1/-1}.contact-field label{font-size:12px;font-weight:500}.contact-field label>span:not(.contact-optional){color:#5088b0}.contact-optional{color:var(--muted);font-size:10px;font-weight:400}.contact-field input,.contact-field textarea{width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid #dde5ed;border-radius:10px;padding:13px 15px;font-size:13px;transition:border-color .2s,box-shadow .2s}.contact-field textarea{resize:vertical;min-height:139px;max-height:380px;line-height:1.7}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#9aa5b3}.contact-field input:focus,.contact-field textarea:focus{border-color:#78a8cb;outline:0;box-shadow:0 0 0 3px #69a5d218}.contact-field input:disabled,.contact-field textarea:disabled{opacity:.65}.contact-form-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:23px;display:flex}.contact-form-bottom>p{color:var(--muted);font-size:10px;line-height:1.8}.contact-form-bottom>button{white-space:nowrap;background:linear-gradient(145deg,#24557f,#3f8bc3);gap:14px;min-height:46px;padding:12px 18px;font-size:12px}.contact-form-bottom>button .icon{width:17px;height:17px}.contact-form-status{overflow-wrap:anywhere;margin-top:18px;font-size:13px;line-height:1.7}.contact-form-status:empty{display:none}.contact-form-status[data-state=success]{color:#24805c}.contact-form-status[data-state=error]{color:#b24444}.contact-form-status[data-state=pending]{color:var(--muted)}.contact-form[aria-busy=true] #contact-submit .icon{animation:1s infinite contact-submit-pulse}.contact-page .footer-wrap{margin-top:100px}.dark .contact-channel-icon{color:#a4d2ee;background:#1b3652}.dark .contact-map{border-color:#31455c}.dark .contact-office-copy .contact-address-th{color:#b0c5d8!important}.dark .contact-office h2 span,.dark .contact-enquiry h2 span{color:#88c8eb}.dark .contact-field input,.dark .contact-field textarea{border-color:#35485a}.dark .contact-form-status[data-state=success]{color:#84d6b0}.dark .contact-form-status[data-state=error]{color:#f4aaaa}@keyframes contact-float{50%{transform:translateY(-7px)}}@keyframes contact-flow{to{stroke-dashoffset:-88px}}@keyframes contact-pulse{50%{opacity:.4}}@keyframes contact-submit-pulse{50%{opacity:.3}}@media (hover:hover){.contact-direct a:hover{opacity:1}.contact-direct a:hover .contact-channel-arrow{color:#347cac}.contact-profile:hover{opacity:1;transform:translateY(-3px)}}@media (width<=1199px){.contact-hero{gap:40px}.contact-hero h1{font-size:78px}.contact-office,.contact-enquiry{gap:40px}.contact-direct>a{gap:12px;padding-inline:15px}.contact-direct>a>div>span:last-child{font-size:13px}.contact-form{padding:26px}.contact-form-heading{display:block}.contact-form-heading p{margin-top:7px}}@media (width<=991px){.contact-hero{gap:18px;min-height:410px}.contact-hero h1{letter-spacing:-3px;font-size:66px}.contact-hero-intro{font-size:24px}.contact-direct{padding:23px 8px}.contact-direct>a{gap:10px;padding-inline:10px}.contact-channel-icon{width:34px;height:34px}.contact-channel-arrow{display:none}.contact-direct>a>div>span:last-child{font-size:12px}.contact-office,.contact-enquiry{grid-template-columns:.9fr 1.1fr;gap:30px}.contact-office h2,.contact-enquiry h2{font-size:38px}.contact-form{padding:24px}.contact-form-grid{gap:20px 14px}.contact-form-bottom{display:block}.contact-form-bottom>button{margin-top:16px}.contact-map{height:400px}}@media (width<=767px){.contact-hero{flex-direction:column;align-items:stretch;gap:12px;min-height:0;padding-top:22px;padding-bottom:56px;display:flex}.contact-breadcrumb{margin-bottom:31px}.contact-hero h1{letter-spacing:-3px;font-size:66px}.contact-hero-intro{font-size:25px}.contact-eyebrow{letter-spacing:1.5px;font-size:9px}.contact-hero-link{margin-top:20px}.contact-visual{align-self:center;width:100%;max-width:430px;margin-top:4px}.contact-art{max-height:240px}.contact-direct{border-radius:18px;margin-top:-28px;padding:10px 20px;display:block}.contact-direct>a{gap:15px;padding:18px 0}.contact-direct>a+a{border-left:0;border-top:1px solid var(--line)}.contact-direct>a>div>span:last-child{font-size:15px}.contact-channel-icon{width:40px;height:40px}.contact-channel-arrow{display:block}.contact-office,.contact-enquiry{flex-direction:column;align-items:stretch;gap:28px;margin-top:65px;display:flex}.contact-office h2,.contact-enquiry h2{letter-spacing:-1.5px;font-size:40px}.contact-office-copy>p:not(.contact-company){max-width:100%;font-size:14px}.contact-office-copy .contact-address-th{font-size:16px!important}.contact-company{margin-top:24px}.contact-map{border-radius:20px;height:310px}.contact-enquiry{gap:30px}.contact-enquiry-intro>p{margin-top:20px}.contact-profile{max-width:none;margin-top:28px}.contact-profile-art{height:125px}.contact-form{border-radius:20px;padding:25px 20px}.contact-form-heading{margin-bottom:26px}.contact-form-grid{grid-template-columns:1fr;gap:21px}.contact-field input,.contact-field textarea{padding:12px 14px;font-size:16px}.contact-form-bottom{align-items:center;gap:12px;display:flex}.contact-form-bottom>button{margin-top:0;padding:12px 16px}.contact-form-bottom>p{font-size:9px}.contact-page .footer-wrap{margin-top:68px}}@media (prefers-reduced-motion:reduce){.contact-float,.contact-flow,.contact-node,.contact-form[aria-busy=true] #contact-submit .icon{animation:none}.contact-profile,.contact-field input,.contact-field textarea{transition:none}}
