/* ── CONTACT LAYOUT ───────────────────────────────────────────── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}

/* ── FORM ─────────────────────────────────────────────────────── */
.contact-form{background:var(--surface);border:1px solid var(--border);padding:2.5rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.form-group{display:flex;flex-direction:column;gap:0.4rem;margin-bottom:1rem}
.form-group:last-of-type{margin-bottom:0}
label{font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-2);font-weight:500}
input,select,textarea{width:100%;padding:0.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:2px;color:var(--text);font-size:0.9375rem;font-family:inherit;transition:border-color 0.18s,box-shadow 0.18s;outline:none;appearance:none;-webkit-appearance:none}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-fade)}
textarea{resize:vertical;min-height:130px;line-height:1.6}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23717171' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}
.form-submit{margin-top:1.75rem}
.contact-form .btn-primary{width:100%}
.form-note{margin-top:0.875rem;font-size:0.78rem;color:var(--text-2);text-align:center;line-height:1.5}

/* ── CONTACT INFO ─────────────────────────────────────────────── */
.contact-info .section-eyebrow{margin-bottom:1.5rem}
.contact-info-title{font-family:Georgia,'Times New Roman',serif;font-size:1.75rem;font-weight:400;line-height:1.2;letter-spacing:-0.02em;color:var(--text);margin-bottom:1rem;text-wrap:balance}
.contact-info > p{font-size:0.9375rem;color:var(--text-2);line-height:1.72;margin-bottom:2rem}
.contact-detail{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}
.contact-detail-icon{width:38px;height:38px;min-width:38px;border-radius:2px;background:var(--accent-fade);display:flex;align-items:center;justify-content:center;margin-top:2px}
.contact-detail-icon svg{width:16px;height:16px;stroke:var(--accent);fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.contact-detail-label{font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-2);margin-bottom:0.2rem}
.contact-detail-value{font-size:0.9375rem;color:var(--text)}
.contact-detail-value a{color:var(--accent);transition:opacity 0.18s}
.contact-detail-value a:hover{opacity:0.75}

/* ── WHAT TO EXPECT ───────────────────────────────────────────── */
.expect-list{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}
.expect-title{font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-2);margin-bottom:1.25rem}
.expect-item{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:0.875rem}
.expect-dot{width:6px;height:6px;min-width:6px;border-radius:50%;background:var(--accent);margin-top:0.45rem}
.expect-item p{font-size:0.875rem;color:var(--text-2);line-height:1.6}

/* ── FAQ ──────────────────────────────────────────────────────── */
.faq-bg{background:var(--bg-alt);border-top:1px solid var(--border)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}
.faq-item{padding-top:1.5rem;border-top:1px solid var(--border)}
.faq-q{font-size:0.9375rem;font-weight:600;color:var(--text);margin-bottom:0.5rem;letter-spacing:-0.01em}
.faq-a{font-size:0.875rem;color:var(--text-2);line-height:1.65}

/* ── RESPONSIVE ───────────────────────────────────────────────── */
@media(max-width:900px){
  .contact-grid{grid-template-columns:1fr;gap:3rem}
  .faq-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
}
@media(max-width:640px){.contact-form{padding:1.75rem}}
