/* A dedicated, quiet space for starting a conversation. */
.contact-main{padding:56px var(--page-gutter) 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:start}
.contact-eyebrow{font:10px var(--mono);letter-spacing:1.5px;color:var(--accent);margin-bottom:30px}
.contact-intro h1{font-size:clamp(40px,4.2vw,64px);line-height:1.1;letter-spacing:-.045em;margin:0 0 28px}
.contact-intro>p:not(.contact-eyebrow){font-size:16px;line-height:1.8;color:var(--muted)}
.contact-email{display:inline-flex;align-items:center;gap:20px;font-size:clamp(14px,1.4vw,20px);margin-top:38px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.contact-email:hover{color:var(--accent)}
.contact-form-panel{min-width:0}
.contact-form-panel .inquiry{display:flex;flex-direction:column;gap:14px;margin:0}
.contact-field{position:relative;min-width:0;background:#f3f4f6;border-radius:8px;transition:box-shadow .2s}
.contact-field:focus-within{box-shadow:none}
.contact-form-panel .contact-field label{position:absolute;top:10px;left:18px;font-size:12px;line-height:1.4;color:var(--muted);margin:0;z-index:1;cursor:text}
.contact-form-panel .contact-field input,.contact-form-panel .contact-field select,.contact-form-panel .contact-field textarea{display:block;width:100%;margin:0;border:0;border-radius:8px;background:transparent;color:var(--ink);font:16px var(--sans);padding:30px 18px 12px;outline:none;box-shadow:none}
.contact-form-panel .contact-field input{height:58px;padding:26px 18px 8px}
.contact-form-panel .contact-field select{cursor:pointer;padding-right:38px}
.contact-form-panel .contact-field textarea{min-height:180px;resize:none;line-height:1.7}
.contact-form-panel .inquiry .primary{margin:0;width:100%;min-height:56px;border-radius:5px;font-size:14px}
.contact-form-panel .form-hint{font-size:12px;line-height:1.8;margin-top:12px;color:var(--muted)}
.contact-form-panel .form-hint a{text-decoration:underline;text-underline-offset:3px}
.contact-form-panel .form-status{font-size:13px;line-height:1.7}
.contact-form-panel .form-status:empty{display:none}
.contact-page .footer{border-top:1px solid var(--line)}
@media(max-width:760px){.contact-main{grid-template-columns:1fr;padding-block:48px 64px;gap:40px}.contact-intro h1{font-size:clamp(36px,8vw,54px)}.contact-email{margin-top:22px}}

/* The empty option serves as the prompt; retain the label for assistive tools. */
.contact-form-panel label[for="interest"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.contact-form-panel .contact-field select{height:58px;padding:16px 38px 16px 18px}
.contact-form-panel .contact-field select:invalid{color:var(--muted)}

/* Inset a consistent arrow instead of using the browser's edge-aligned control. */
.contact-form-panel .contact-field select{appearance:none;-webkit-appearance:none;padding-right:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230c1e3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;background-size:14px}

/* Match the dropdown typography to the other field labels. */
.contact-form-panel .contact-field select{font-family:var(--sans);font-size:12px;font-weight:400;line-height:1.4}

/* A menu anchored directly below the field, with quiet click states. */
.contact-form-panel .interest-trigger{width:100%;height:58px;padding:16px 48px 16px 18px;text-align:left;font:400 12px/1.4 var(--sans);color:var(--muted);border:0;border-radius:8px;outline:none;box-shadow:none;position:relative}
.interest-trigger.has-selection{color:var(--ink)}
.interest-trigger::after{content:'';position:absolute;right:22px;top:24px;width:7px;height:7px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);transform:rotate(45deg)}
.interest-options{position:absolute;top:calc(100% + 6px);left:0;right:0;padding:6px;background:#f3f4f6;border-radius:8px;box-shadow:0 8px 24px #0c1e3c12;z-index:5}
.interest-options[hidden]{display:none}
.interest-options [role=option]{display:block;width:100%;padding:13px 12px;text-align:left;font:400 12px/1.4 var(--sans);border:0;border-radius:4px;outline:none;box-shadow:none}
.interest-options [role=option]:hover,.interest-options [role=option]:focus{background:#e6e8ed}
.contact-form-panel .contact-field input:focus,.contact-form-panel .contact-field textarea:focus,.contact-form-panel .interest-trigger:focus{outline:none;box-shadow:none}
.contact-field:has(input:focus-visible),.contact-field:has(textarea:focus-visible),.interest-trigger:focus-visible{background:#e9ebef}
.contact-form-panel select[hidden]{display:none}