#vn-home-archive #contact.home-contact-studio{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(50px,9vw,150px);align-items:start;background:#f4f3ef;padding-top:100px;padding-bottom:100px}
#vn-home-archive #contact.home-contact-studio .eyebrow{font-size:11px;letter-spacing:.13em;color:#74746d}
#vn-home-archive #contact.home-contact-studio h2{font-size:clamp(38px,4.2vw,64px);line-height:1.1;letter-spacing:-.045em;margin:23px 0 24px;font-weight:400}
#vn-home-archive #contact.home-contact-studio .contact-studio-copy>p{max-width:465px;font-size:15px;line-height:1.85;color:#72726a;margin:0}
.contact-studio-photo{margin:32px 0 22px;max-width:550px;aspect-ratio:2.65;overflow:hidden;background:#ddd9d0}.contact-studio-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 58%}
.contact-studio-direct{display:flex;flex-wrap:wrap;gap:15px 30px;font-size:12px;line-height:1.7}.contact-studio-direct a{display:flex;gap:12px;align-items:center}.contact-studio-direct a:hover{text-decoration:underline;text-underline-offset:5px}
#vn-home-archive #contact .contact-studio-form{padding:8px 0 0;margin:0}.contact-studio-kicker{font-size:11px;letter-spacing:.12em;display:block;margin-bottom:32px;color:#74746d}
#vn-home-archive #contact .contact-studio-form label{display:block;font-size:12px;line-height:1.6;margin-top:0;margin-bottom:30px;color:#54554e}
.contact-studio-fields{display:grid;grid-template-columns:1fr 1fr;gap:28px}
#vn-home-archive #contact.home-contact-studio input,#vn-home-archive #contact.home-contact-studio textarea,#vn-home-archive #contact.home-contact-studio select{font-size:14px;padding:13px 0;border-bottom:1px solid #c7c7bf;background:none;transition:border-color .2s;color:#292b25}
#vn-home-archive #contact.home-contact-studio textarea{resize:vertical;min-height:104px;line-height:1.7}#vn-home-archive #contact.home-contact-studio input::placeholder,#vn-home-archive #contact.home-contact-studio textarea::placeholder{color:#92928a;opacity:1;font-size:13px}
#vn-home-archive #contact.home-contact-studio input:focus,#vn-home-archive #contact.home-contact-studio textarea:focus{border-color:#363a30}
.contact-studio-extra{margin:0 0 26px}.contact-studio-extra summary{list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#72736b;cursor:pointer;padding-bottom:10px}.contact-studio-extra summary::-webkit-details-marker{display:none}.contact-studio-extra summary>span{font-size:18px;line-height:1}.contact-studio-extra[open] summary{margin-bottom:18px}.contact-studio-extra[open] summary>span{transform:rotate(45deg)}
.contact-studio-attachment{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid #deded6;font-size:12px;color:#575a50}.contact-studio-attachment svg{width:19px;height:19px;stroke-width:1.15;flex-shrink:0}.contact-studio-attachment small{font-size:10px;margin-left:auto;color:#85867d}
#vn-home-archive #contact .contact-studio-submit{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#30382d;color:#fff;padding:19px 22px;border:0;margin-top:16px;font-size:14px;transition:background .25s}.contact-studio-submit svg{width:29px;height:22px;stroke-width:1.1}#vn-home-archive #contact .contact-studio-submit:hover{background:#46503e}
#vn-home-archive #contact.home-contact-studio .form-note{font-size:10px;line-height:1.8;color:#88897f;margin:15px 0 0;max-width:420px}#vn-home-archive #contact.home-contact-studio #form-status{font-size:12px;line-height:1.7}
@media(max-width:1023px){#vn-home-archive #contact.home-contact-studio{gap:6%;padding-top:75px;padding-bottom:75px}.contact-studio-fields{grid-template-columns:1fr;gap:0}.contact-studio-photo{aspect-ratio:2.1}}
@media(max-width:760px){#vn-home-archive #contact.home-contact-studio{grid-template-columns:1fr;gap:48px;padding-top:60px;padding-bottom:60px}#vn-home-archive #contact.home-contact-studio h2{font-size:clamp(35px,8.8vw,49px)}#vn-home-archive #contact.home-contact-studio .contact-studio-copy>p{font-size:14px}.contact-studio-photo{aspect-ratio:2.4;max-width:none}.contact-studio-fields{grid-template-columns:1fr 1fr;gap:22px}.contact-studio-kicker{margin-bottom:25px}}
@media(max-width:380px){.contact-studio-fields{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){#vn-home-archive #contact.home-contact-studio input,#vn-home-archive #contact.home-contact-studio textarea,#vn-home-archive #contact .contact-studio-submit{transition:none}}

/* Refined consultation form: a quiet paper panel and restrained, tactile controls. */
#vn-home-archive #contact.home-contact-studio .contact-studio-form{background:#fff;border:1px solid #e5e3db;padding:38px 38px 32px;position:relative;min-width:0}
.contact-studio-form-heading{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #eae8e2}
.contact-studio-form-heading:before{content:"";display:block;width:28px;height:1px;background:#818872;margin-bottom:24px}
#vn-home-archive #contact .contact-studio-form-heading .contact-studio-kicker{font-size:9px;letter-spacing:.17em;margin:0 0 13px;color:#85877e}
.contact-studio-form-heading h3{font-size:27px;font-weight:400;line-height:1.3;letter-spacing:-.035em;max-width:300px;color:#33392f}
#vn-home-archive #contact .contact-studio-form label{font-size:11px;letter-spacing:.01em;color:#676b61;margin-bottom:27px}
#vn-home-archive #contact .contact-studio-form .contact-studio-fields{gap:26px}
#vn-home-archive #contact.home-contact-studio .contact-studio-form input,#vn-home-archive #contact.home-contact-studio .contact-studio-form textarea,#vn-home-archive #contact.home-contact-studio .contact-studio-form select{border-bottom-color:#dfdfd6;padding:12px 0;font-size:14px;color:#30382b;transition:border-color .25s,background-color .25s}
#vn-home-archive #contact.home-contact-studio .contact-studio-form input::placeholder,#vn-home-archive #contact.home-contact-studio .contact-studio-form textarea::placeholder{font-size:12px;letter-spacing:0;color:#a0a298}
#vn-home-archive #contact.home-contact-studio .contact-studio-form textarea{min-height:110px;line-height:1.9}
#vn-home-archive #contact.home-contact-studio .contact-studio-form input:focus,#vn-home-archive #contact.home-contact-studio .contact-studio-form textarea:focus,#vn-home-archive #contact.home-contact-studio .contact-studio-form select:focus{border-color:#78816b;background:#fcfcf9}
#vn-home-archive #contact .contact-studio-form .contact-studio-extra{margin:0 0 21px}.contact-studio-form .contact-studio-extra summary{font-size:11px;color:#83867b;align-items:center}.contact-studio-form .contact-studio-extra summary>span{font-size:16px;font-weight:300;color:#6d7662}
#vn-home-archive #contact .contact-studio-form .contact-studio-attachment{border:0;background:#f6f6f1;padding:16px 15px;font-size:11px;gap:11px;color:#616857;transition:background .25s}.contact-studio-form .contact-studio-attachment:hover{background:#eeefe7}.contact-studio-form .contact-studio-attachment svg{width:17px;height:17px}.contact-studio-form .contact-studio-attachment small{font-size:9px;color:#8a8e80}
#vn-home-archive #contact .contact-studio-form .contact-studio-submit{background:transparent;color:#323d2b;padding:20px 0 14px;border-bottom:1px solid #7c856e;margin:13px 0 0;font-size:13px;letter-spacing:.01em}
#vn-home-archive #contact .contact-studio-form .contact-studio-submit:hover{background:transparent;color:#677753;border-bottom-color:#323d2b}
.contact-studio-form .contact-studio-submit svg{width:28px;height:23px;stroke-width:1;transition:transform .25s}.contact-studio-form .contact-studio-submit:hover svg{transform:translateX(4px)}
#vn-home-archive #contact.home-contact-studio .contact-studio-form .form-note{font-size:9px;line-height:1.85;color:#999d91;margin-top:17px}
#vn-home-archive #contact.home-contact-studio .contact-studio-form #form-status:empty{display:none}
@media(max-width:1023px){#vn-home-archive #contact.home-contact-studio .contact-studio-form{padding:30px 26px}.contact-studio-form-heading h3{font-size:25px}}
@media(max-width:760px){#vn-home-archive #contact.home-contact-studio .contact-studio-form{padding:32px 25px}.contact-studio-form-heading{padding-bottom:25px;margin-bottom:28px}.contact-studio-form-heading h3{max-width:none;font-size:27px}#vn-home-archive #contact .contact-studio-form .contact-studio-fields{gap:22px}}
@media(prefers-reduced-motion:reduce){.contact-studio-form .contact-studio-submit svg{transition:none}.contact-studio-form .contact-studio-submit:hover svg{transform:none}}

/* Consultation reference: clear fields and selectable needs, adapted to VNTrust. */
#vn-home-archive #contact.home-contact-studio .contact-choice-form{background:#fdfdfb;border-color:#e1dfd7;border-radius:4px}
#vn-home-archive #contact .contact-choice-form label{font-size:11px;color:#5a6053;margin-bottom:22px}
#vn-home-archive #contact.home-contact-studio .contact-choice-form input:not([type=checkbox]):not([type=radio]),#vn-home-archive #contact.home-contact-studio .contact-choice-form textarea,#vn-home-archive #contact.home-contact-studio .contact-choice-form select{display:block;width:100%;background:#fff;border:1px solid #dfdfd6;border-radius:3px;padding:11px 12px;margin-top:9px;min-height:42px;font-size:13px}
#vn-home-archive #contact.home-contact-studio .contact-choice-form input:not([type=checkbox]):not([type=radio]):focus,#vn-home-archive #contact.home-contact-studio .contact-choice-form textarea:focus,#vn-home-archive #contact.home-contact-studio .contact-choice-form select:focus{border-color:#879176;background:#fff;outline:1px solid #879176;outline-offset:1px}
.contact-choice-group{border:0;padding:0;margin:5px 0 26px;min-width:0}.contact-choice-group legend{font-size:11px;line-height:1.6;color:#5a6053;padding:0;margin-bottom:12px}
.contact-choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#vn-home-archive #contact .contact-choice-options label{position:relative;display:block;margin:0;cursor:pointer}
#vn-home-archive #contact.home-contact-studio .contact-choice-options input{position:absolute;width:1px;height:1px;opacity:0;margin:0;padding:0;min-height:0}
.contact-choice-options label>span{display:flex;align-items:center;justify-content:center;min-height:43px;height:100%;padding:10px 11px;border:1px solid #dfdfd6;border-radius:3px;font-size:11px;line-height:1.55;background:#fff;color:#707568;text-align:center;transition:background .2s,border-color .2s,color .2s}
.contact-choice-options input:checked+span{border-color:#7d876e;background:#eef0e8;color:#35412b}.contact-choice-options label:hover>span{border-color:#a0a792}.contact-choice-options input:focus-visible+span{outline:2px solid #727e60;outline-offset:3px}
.contact-choice-form .contact-studio-extra{border-top:1px solid #e7e7df;padding-top:19px}
#vn-home-archive #contact .contact-choice-form .contact-studio-submit{background:#39432f;color:#fff;border:0;border-radius:3px;padding:16px 18px;margin-top:16px}
#vn-home-archive #contact .contact-choice-form .contact-studio-submit:hover{background:#505d41;color:#fff;border:0}
@media(max-width:420px){.contact-choice-options{gap:8px}.contact-choice-options label>span{font-size:10px;padding:10px 8px}}
@media(prefers-reduced-motion:reduce){.contact-choice-options label>span{transition:none}}

/* Compact form fields and content-sized choice cards. */
#vn-home-archive #contact .contact-choice-form .contact-studio-form-heading{border-bottom:0;padding-bottom:0;margin-bottom:25px}
#vn-home-archive #contact .contact-choice-form .contact-studio-form-heading:before{display:none}
#vn-home-archive #contact .contact-choice-form .contact-studio-form-heading h3{max-width:none;font-size:clamp(19px,2vw,24px);line-height:1.3;white-space:nowrap}
#vn-home-archive #contact.home-contact-studio .contact-choice-form input:not([type=checkbox]):not([type=radio]){box-sizing:border-box;height:34px;min-height:0;padding:7px 10px;line-height:18px;margin-top:7px}
#vn-home-archive #contact .contact-choice-form .contact-choice-options{display:flex;flex-wrap:wrap;gap:8px}
#vn-home-archive #contact .contact-choice-form .contact-choice-options label{flex:0 1 auto;max-width:100%}
#vn-home-archive #contact .contact-choice-form .contact-choice-options label>span{height:auto;min-height:0;padding:7px 11px;border:1px solid transparent;border-radius:4px;background:#eeeee7;color:#626951;font-size:11px;line-height:1.45}
#vn-home-archive #contact .contact-choice-form .contact-choice-options label:hover>span{background:#e4e7dc;border-color:#c7ceba}
#vn-home-archive #contact .contact-choice-form .contact-choice-options input:checked+span{background:#586548;border-color:#586548;color:#fff}

/* Outlined role pills and a clear expandable information control. */
#vn-home-archive #contact .contact-choice-form .contact-choice-options label>span{display:flex;gap:7px;background:transparent;border:1px solid #c6cbbb;border-radius:999px;padding:7px 12px;color:#646e55}
#vn-home-archive #contact .contact-choice-form .contact-choice-options label>span:before{content:"";width:9px;height:9px;box-sizing:border-box;border:1px solid #a4ad98;border-radius:50%;flex-shrink:0}
#vn-home-archive #contact .contact-choice-form .contact-choice-options label:hover>span{background:transparent;border-color:#788765;color:#39462b}
#vn-home-archive #contact .contact-choice-form .contact-choice-options input:checked+span{background:transparent;border-color:#586548;color:#39462b;box-shadow:inset 0 0 0 .5px #586548}
#vn-home-archive #contact .contact-choice-form .contact-choice-options input:checked+span:before{background:#586548;border-color:#586548;box-shadow:inset 0 0 0 2px #fdfdfb}
#vn-home-archive #contact .contact-choice-form .contact-studio-extra{border-top:0;padding-top:0}
#vn-home-archive #contact .contact-choice-form .contact-studio-extra summary{font-size:12px;font-weight:500;color:#424f34;padding:12px 14px;background:#eeefe8;border:1px solid #e0e4d6;border-radius:4px;transition:border-color .2s}
#vn-home-archive #contact .contact-choice-form .contact-studio-extra summary:hover{border-color:#939f82}
#vn-home-archive #contact .contact-choice-form .contact-studio-extra summary:focus-visible{outline:2px solid #727e60;outline-offset:3px}
#vn-home-archive #contact .contact-choice-form .contact-studio-extra summary>span{font-size:20px;color:#586548}

/* Light writing lines, an image-sharing link and a slimmer submit action. */
#vn-home-archive #contact.home-contact-studio .contact-choice-form input:not([type=checkbox]):not([type=radio]){background:transparent;border:0;border-bottom:1px solid #d5d8ce;border-radius:0;padding:7px 0;box-shadow:none}
#vn-home-archive #contact.home-contact-studio .contact-choice-form input:not([type=checkbox]):not([type=radio]):focus{background:transparent;border-bottom-color:#667650;outline:0;box-shadow:0 1px 0 #667650}
#vn-home-archive #contact .contact-choice-form .contact-studio-attachment{background:transparent;border:0;padding:4px 0 8px;gap:10px;color:#555f49}
#vn-home-archive #contact .contact-choice-form .contact-studio-attachment svg{box-sizing:content-box;width:17px;height:17px;padding:9px;border:1px solid #dce0d3;border-radius:50%;stroke:currentColor;fill:none;stroke-width:1.2;flex-shrink:0}
#vn-home-archive #contact .contact-choice-form .contact-studio-attachment small{font-size:10px;color:#828b77}
#vn-home-archive #contact .contact-choice-form .contact-studio-attachment:hover{background:transparent;color:#344527}
#vn-home-archive #contact .contact-choice-form .contact-studio-attachment:hover>span{text-decoration:underline;text-underline-offset:4px}
#vn-home-archive #contact .contact-choice-form .contact-studio-attachment:focus-visible{outline:2px solid #727e60;outline-offset:4px;border-radius:3px}
#vn-home-archive #contact .contact-choice-form .contact-studio-submit{box-sizing:border-box;min-height:0;padding:10px 18px;line-height:20px}
#vn-home-archive #contact .contact-choice-form .contact-studio-submit svg{width:25px;height:20px}

/* Compact flag/calling-code picker shares the phone writing line. */
.contact-phone-field{min-width:0;margin-bottom:22px}
#vn-home-archive #contact .contact-choice-form .contact-phone-field>label{margin-bottom:0}
.contact-phone-row{display:flex;align-items:center;gap:8px;margin-top:7px;border-bottom:1px solid #d5d8ce;min-width:0}
#vn-home-archive #contact.home-contact-studio .contact-choice-form .contact-phone-row select{width:77px;min-width:77px;min-height:0;height:33px;margin:0;padding:6px 0;background:transparent;border:0;border-radius:0;font-size:12px;color:#566148;cursor:pointer}
#vn-home-archive #contact.home-contact-studio .contact-choice-form .contact-phone-row input{flex:1;width:0;min-width:0;border:0;margin:0;height:33px;padding:7px 0;box-shadow:none}
.contact-phone-row:focus-within{border-bottom-color:#667650;box-shadow:0 1px 0 #667650}
#vn-home-archive #contact.home-contact-studio .contact-choice-form .contact-phone-row select:focus{outline:0;background:transparent}
#vn-home-archive #contact.home-contact-studio .contact-choice-form .contact-phone-row select:focus-visible{outline:1px solid #667650;outline-offset:1px}
@media(max-width:520px){#vn-home-archive #contact .contact-choice-form .contact-studio-fields{grid-template-columns:1fr;gap:0}}

/* Flag-only region selector, lighter disclosure and underlined attachment link. */
#vn-home-archive #contact.home-contact-studio .contact-choice-form .contact-phone-row select{width:47px;min-width:47px;font-size:17px;padding:4px 0}
#vn-home-archive #contact .contact-choice-form .contact-studio-extra summary{background:#f6f7f2;border-color:#ebede4}
#vn-home-archive #contact .contact-choice-form .contact-studio-attachment{justify-content:flex-start;gap:10px;padding:9px 0 12px}
#vn-home-archive #contact .contact-choice-form .contact-studio-attachment>span{border-bottom:1px solid #9ca48f;padding-bottom:3px;line-height:1.5}
#vn-home-archive #contact .contact-choice-form .contact-studio-attachment:hover>span{text-decoration:none;border-bottom-color:#344527}
#vn-home-archive #contact .contact-choice-form .contact-studio-attachment small{margin-left:0;padding-bottom:3px}

/* Match the phone label and writing line to the neighbouring name field. */
#vn-home-archive #contact .contact-choice-form .contact-phone-field>label{line-height:1.6;letter-spacing:.01em}
#vn-home-archive #contact.home-contact-studio .contact-choice-form .contact-phone-row{box-sizing:border-box;height:34px;align-items:center}
#vn-home-archive #contact.home-contact-studio .contact-choice-form .contact-phone-row input,#vn-home-archive #contact.home-contact-studio .contact-choice-form .contact-phone-row select{height:33px;min-height:0;margin:0}

/* Compact extra details and balanced contact actions. */
#vn-home-archive #contact .contact-choice-form .contact-studio-extra summary{padding:8px 12px;font-size:11px;line-height:1.5}
#vn-home-archive #contact .contact-choice-form .contact-studio-extra summary>span{font-size:17px}
#vn-home-archive #contact .contact-choice-form .contact-studio-extra[open] summary{margin-bottom:14px}
#vn-home-archive #contact .contact-choice-form .contact-studio-extra label{margin-bottom:16px}
#vn-home-archive #contact.home-contact-studio .contact-choice-form .contact-studio-extra select{min-height:0;height:34px;padding:6px 10px;margin-top:6px;font-size:12px}
#vn-home-archive #contact.home-contact-studio .contact-choice-form .contact-studio-extra textarea{box-sizing:border-box;min-height:72px;height:72px;padding:8px 10px;margin-top:6px;font-size:12px;line-height:1.6}
#vn-home-archive #contact .contact-choice-form .contact-studio-attachment{gap:7px}
#vn-home-archive #contact .contact-choice-form .contact-studio-attachment>.contact-attachment-arrow{border:0;padding:0 0 3px;font-size:16px;line-height:1}
#vn-home-archive #contact .contact-choice-form .contact-studio-submit{padding:13px 18px;font-size:14px;line-height:20px}

/* The country picker and number share one underline, including during focus. */
#vn-home-archive #contact.home-contact-studio .contact-choice-form .contact-phone-row input:not([type=checkbox]):not([type=radio]),
#vn-home-archive #contact.home-contact-studio .contact-choice-form .contact-phone-row input:not([type=checkbox]):not([type=radio]):focus{border:0;border-radius:0;box-shadow:none;margin:0;outline:0}
#vn-home-archive #contact .contact-choice-form .contact-studio-submit{background:#a93232;color:#fff}
#vn-home-archive #contact .contact-choice-form .contact-studio-submit:hover{background:#8e2727;color:#fff}
