.contact-page { margin: 0 !important; display: flow-root; background: #ecefeb; color: #1b251f; }
.contact-page .wp-block-post-content { margin: 0; }
.contact-wrap { width: calc(100% - var(--ateam-gutter) * 2); max-width: 1320px; margin-inline: auto; }
.contact-opening { padding-block: 100px 112px; margin: 0; }
.contact-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 80px; }
.contact-layout > * { min-width: 0; margin: 0; }
.contact-page .eyebrow { margin: 0 0 36px; color: #52675a; }
.contact-intro h1 { margin: 0; font: 400 64px/1.08 "Space Grotesk", sans-serif; letter-spacing: 0; }
.contact-page .contact-lead { margin: 28px 0 44px; max-width: 390px; font-size: 17px; line-height: 1.75; color: #4e5c53; }
.contact-direct { border-top: 1px solid #b8c4bb; }
.contact-direct > a { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-block: 22px; border-bottom: 1px solid #b8c4bb; text-decoration: none; }
.contact-direct > a > span { display: grid; gap: 6px; min-width: 0; }
.contact-page .contact-label { font: 400 12px/1.6 Manrope, sans-serif; color: #52675a; }
.contact-value { font: 400 25px/1.3 "Space Grotesk", sans-serif; }
.contact-page .lucide { width: 18px; height: 18px; flex-shrink: 0; }
.contact-support { margin-top: 40px; }
.contact-support p { margin: 0 0 8px; }
.contact-support h2 { font: 400 19px/1.4 "Space Grotesk", sans-serif; margin: 0 0 12px; }
.contact-support > p:not(.contact-label) { color:#536157; font-size:13px; line-height:1.8; margin-top:16px; }
.contact-support a { display: inline-flex; align-items: center; justify-content: space-between; gap: 36px; min-height: 44px; border-bottom: 1px solid #738679; text-decoration: none; font-size: 14px; }
.contact-form-column { padding-left: 48px; border-left: 1px solid #c5cec7; }
.contact-form-column > .eyebrow { margin-bottom: 36px; }
.contact-form-column h2 { margin: 0 0 40px; font: 400 34px/1.2 "Space Grotesk", sans-serif; }
.contact-form { margin: 0; }
.contact-fieldset { margin:0; padding:0; min-width:0; border:0; }
.contact-fieldset + .contact-fieldset { margin-top:40px; }
.contact-fieldset legend { display:flex; gap:12px; align-items:center; width:100%; padding:0 0 28px; margin:0; font:500 14px/1.5 'Space Grotesk',sans-serif; }
.contact-fieldset legend::after { content:""; flex:1; height:1px; margin-left:8px; background:#c5cec7; }
.contact-fieldset legend span { font:11px/1.5 ui-monospace,monospace; color:#52675a; }
.contact-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 28px; }
.contact-field { display: grid; gap: 4px; min-width: 0; align-content: start; }
.contact-field--wide { grid-column: 1 / -1; }
.contact-field label { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 12px; font-size:12px; line-height:1.6; font-weight:600; }
.contact-field .contact-optional { color:#65736a; font-size:11px; font-weight:400; }
.contact-field .contact-required { color:#52675a; margin-left:2px; }
.contact-field input, .contact-field select, .contact-field textarea { box-sizing: border-box; width: 100%; min-width: 0; border:0; border-bottom:1px solid #81958a; border-radius:0; background:transparent; color:#1b251f; padding:14px 0; font:400 16px/1.5 Manrope,sans-serif; transition:background 180ms ease,border-color 180ms ease,box-shadow 180ms ease; }
.contact-field input, .contact-field select { min-height:56px; }
.contact-field textarea { min-height:144px; resize:vertical; padding:16px; border:1px solid #a3b1a8; margin-top:10px; }
.contact-field :is(input,textarea)::placeholder { color:#69786e; opacity:1; }
.contact-field :is(input,select,textarea):focus { background:#f7f9f5; border-color:#375743; box-shadow:0 1px 0 #375743; }
.contact-field input:hover, .contact-field select:hover, .contact-field textarea:hover { border-color: #4b6855; }
.contact-field :is(input, select, textarea):focus-visible { outline: 2px solid #375743; outline-offset: 4px; }
.contact-field:focus-within .contact-field-label { color:#375743; }
.contact-field [aria-invalid="true"] { border-color: #9e332d; }
.contact-page .contact-field-error { color: #912d27; font-size: 12px; margin: 0; }
.contact-consent { display: flex; align-items: flex-start; gap: 12px; margin-block: 24px; padding-block:4px; min-height:44px; box-sizing:border-box; font-size: 12px; line-height: 1.7; color: #46594c; cursor:pointer; }
.contact-consent input { width: 20px; height: 20px; flex-shrink: 0; margin: 1px 0 0; accent-color: #375743; }
.contact-consent input:focus-visible { outline:2px solid #375743; outline-offset:4px; }
.contact-consent a { text-underline-offset: 3px; }
.contact-submit { display: inline-flex; position: relative; gap: 36px; align-items: center; justify-content: space-between; padding: 17px 24px; border: 0; background: transparent; color: #f3f4f1; font: 500 14px/1.5 "Space Grotesk", sans-serif; min-height: 56px; cursor: pointer; isolation: isolate; }
.contact-submit:focus-visible { outline: 2px solid #375743; outline-offset: 4px; }
.contact-submit:disabled { cursor:default; opacity:.65; }
.contact-form[aria-busy="true"] .contact-submit { cursor:wait; }
.contact-form-footer { display:flex; flex-direction:column; gap:16px; align-items:flex-start; }
.contact-form-footer .contact-submit { flex-shrink:0; min-width:240px; }
.contact-page .contact-form-footer .contact-form-note { margin:0; max-width:none; font-size:11px; }
.contact-form-note a { white-space:nowrap; text-underline-offset:3px; }
.contact-select { position:relative; min-width:0; }
.contact-select select { padding-right:36px; cursor:pointer; }
.contact-select > .lucide { position:absolute; right:0; top:19px; pointer-events:none; color:#52675a; transition:transform 180ms ease; }
.contact-select:has(select:open) > .lucide { transform:rotate(180deg); }
@supports not (appearance:base-select) {
 .contact-select:has(>svg.lucide) select { appearance:none; }
}
@supports (appearance:base-select) {
 .contact-field select,.contact-field select::picker(select) { appearance:base-select; }
 .contact-field select { display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:pointer; }
 .contact-select:has(>svg.lucide) select::picker-icon { display:none; }
 .contact-field select::picker(select) { background:#18211c; color:#f3f4f1; border:1px solid #52685a; border-radius:0; margin-top:8px; padding:8px; box-shadow:0 16px 40px #10201826; max-height:340px; overflow-y:scroll; overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:var(--ateam-scroll-thumb) var(--ateam-scroll-track); }
 .contact-field select option { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 16px; min-height:50px; font:400 14px/1.5 'Space Grotesk',sans-serif; border-bottom:1px solid #34473a; white-space:normal; overflow-wrap:break-word; }
 .contact-field select option:last-child { border-bottom:0; }
 .contact-field select option:hover,.contact-field select option:focus-visible { background:#2c4033; color:#fff; }
 .contact-field select option:checked { background:#b7c9bd; color:#18211c; }
 .contact-field select option::checkmark { order:2; color:inherit; }
}
@supports selector(select::picker(select)::-webkit-scrollbar) {
 .contact-field select::picker(select) { scrollbar-width:auto; scrollbar-color:auto; }
}
.contact-page .contact-form-note { margin: 16px 0 0; font-size: 12px; color: #5a675e; line-height: 1.65; }
.contact-page .contact-form-status { font-size: 14px; line-height: 1.65; margin: 20px 0 0; padding: 16px 0; border-block: 1px solid #9eaea2; color: #375743; }
.contact-form-status:empty { display: none; }
.contact-page .contact-form-status[data-state="error"] { color: #912d27; border-color: #be8d87; }
.contact-honey { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.contact-location { margin: 0 !important; padding-block: 88px; background: #151b17; color: #f3f4f1; }
.contact-location__layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 100px; }
.contact-location figure { margin: 0; }
.contact-location img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; }
.contact-location__copy { margin: 0; min-width: 0; }
.contact-location .eyebrow { color: #a4b5aa; margin-bottom: 28px; }
.contact-location h2 { margin: 0 0 24px; font: 400 46px/1.1 "Space Grotesk", sans-serif; }
.contact-location__copy > p:not(.eyebrow), .contact-location address { color: #bcc7bf; font: 400 14px/1.8 Manrope, sans-serif; }
.contact-location address { margin-block: 28px; }
.contact-location address strong { font-weight: 500; color: #f3f4f1; }
.contact-location__links { display: flex; flex-wrap: wrap; gap: 16px 32px; }
.contact-location__links a { display: inline-flex; gap: 24px; align-items: center; min-height: 44px; text-decoration: none; border-bottom: 1px solid #788e7f; font-size: 13px; }
@media (max-width: 1100px) { .contact-layout { gap: 40px; } .contact-form-column { padding-left: 32px; } .contact-intro h1 { font-size: 52px; } .contact-location__layout { gap: 56px; } }
@media (max-width: 800px) { .contact-opening { padding-block: 64px 72px; } .contact-layout { grid-template-columns: 1fr; gap: 64px; } .contact-intro h1 { font-size: 52px; } .contact-lead { max-width: 480px; } .contact-form-column { padding: 48px 0 0; border-left: 0; border-top: 1px solid #b8c4bb; } .contact-location__layout { grid-template-columns: 1fr; gap: 40px; } .contact-location { padding-block: 64px; } .contact-location img { max-height: 500px; } }
@media (min-width:801px) and (max-width:1000px) { .contact-fields { column-gap:20px; } .contact-field label { display:block; } .contact-optional { margin-left:6px; } }
@media (max-width: 480px) { .contact-intro h1 { font-size: 44px; } .contact-page .eyebrow { margin-bottom: 28px; } .contact-value { font-size: 23px; } .contact-fields { grid-template-columns: 1fr; gap: 24px; } .contact-form-column h2 { font-size: 28px; margin-bottom:32px; } .contact-location h2 { font-size: 38px; } .contact-submit { width: 100%; } .contact-form-footer { align-items:stretch; } }
@media (prefers-reduced-motion: reduce) { .contact-submit::before,.contact-field :is(input,select,textarea),.contact-select > .lucide { transition: none; } }
