/* Contact page additions to the shared homepage design. */
.contact-hero { padding:64px 0; }
.home-page .contact-hero h1 { font-size:clamp(36px,4vw,52px); max-width:780px; }
.home-page .contact-hero .hero-description { max-width:640px; margin-bottom:0; }
.home-page .contact-hero .hero-location { margin-top:24px; }
.contact-content { background:#f5f8f8; }
.contact-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr); gap:28px; align-items:start; }
.contact-sidebar { display:grid; gap:24px; }
.contact-card,.message-card { padding:32px; background:#fff; border:1px solid var(--border); border-radius:14px; }
.message-card { border-top:3px solid #f58a00; box-shadow:0 12px 32px #00244a08; }
.contact-card .icon-tile { margin-bottom:20px; }
.contact-card h2 { font-size:25px; margin-bottom:14px; }
.contact-card p { font-size:14px; }
.contact-email { display:block; margin-top:18px; color:var(--blue); font-size:14px; font-weight:700; overflow-wrap:anywhere; }
.contact-email:hover { color:var(--navy); text-decoration:underline; }
.contact-email span { display:inline-block; }
.contact-map { margin-top:22px; overflow:hidden; border:1px solid var(--border); border-radius:10px; background:#eef7f7; }
.contact-map iframe { display:block; width:100%; height:240px; border:0; }
.form-intro { margin-top:16px; margin-bottom:28px; font-size:15px; }
.form-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px; }
.full-width { grid-column:1 / -1; }
.field label { display:block; margin-bottom:8px; color:var(--navy); font-size:13px; font-weight:700; line-height:1.6; }
.field label span { color:var(--muted); font-size:11px; font-weight:400; }
.field input,.field textarea { display:block; width:100%; min-width:0; padding:13px 14px; color:var(--ink); background:#fbfcfd; border:1px solid #cbd8df; border-radius:8px; font:inherit; font-size:14px; line-height:1.6; }
.field textarea { resize:vertical; min-height:170px; }
.field input::placeholder,.field textarea::placeholder { color:#6b7888; }
.field input:focus,.field textarea:focus { outline:2px solid var(--blue); outline-offset:2px; background:#fff; }
.home-page .email-note { margin:22px 0 18px; color:var(--muted); font-size:12px; }
.home-page .draft-status { margin-top:16px; font-size:13px; color:var(--blue); }
.draft-status:empty { display:none; }
@media(max-width:991px) {
  .contact-layout { grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr); gap:22px; }
  .contact-card,.message-card { padding:24px; }
  .form-fields { grid-template-columns:1fr; }
}
@media(max-width:767px) {
  .contact-hero { padding:48px 0; }
  .contact-layout { grid-template-columns:1fr; }
  .message-card { grid-row:1; }
  .contact-card,.message-card { padding:25px 22px; }
}