/* Contact Us page — additive stylesheet, loaded alongside style.css.
   Does not redefine or override any homepage selector. */

.contact-hero{margin-top:26px;text-align:center;max-width:640px;margin-left:auto;margin-right:auto}
.contact-crumb{font-size:12.5px;color:var(--muted);margin-bottom:14px}
.contact-crumb a{color:var(--muted);text-decoration:none}
.contact-crumb a:hover{color:var(--orange)}
.contact-crumb span{margin:0 4px}
.contact-hero h1{font-size:32px;font-weight:800;color:var(--ink);letter-spacing:-.5px;margin-bottom:10px}
.contact-hero p{font-size:14.5px;color:var(--body);line-height:1.6}

.contact-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.contact-quick-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;display:flex;align-items:center;gap:10px;transition:box-shadow .15s,border-color .15s}
.contact-quick-card:hover{box-shadow:var(--shadow);border-color:transparent}
.contact-quick-icon{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--orange-light);color:var(--orange);display:flex;align-items:center;justify-content:center}
.contact-quick-icon svg{width:16px;height:16px}
.contact-quick-card strong{display:block;font-size:12px;color:var(--ink);margin-bottom:2px}
.contact-quick-card a{color:var(--body);font-size:12px;text-decoration:none;word-break:break-word}
.contact-quick-card a:hover{color:var(--orange)}
.contact-quick-addr{color:var(--body);font-size:12px;line-height:1.4;display:block}
.contact-quick-empty{color:var(--muted);font-size:12px}

.contact-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:28px;margin-bottom:50px;align-items:stretch}
.contact-map{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);min-height:420px}
.contact-map iframe{width:100%;height:100%;min-height:420px;border:0;display:block}

.contact-form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.contact-form-card h2{font-size:20px;font-weight:800;color:var(--ink);margin-bottom:6px}
.contact-form-card > p{font-size:13.5px;color:var(--body);margin-bottom:20px}

.contact-field{margin-bottom:16px}
.contact-field label{display:block;font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:6px}
.contact-field input,.contact-field textarea{width:100%;border:1.5px solid var(--line);border-radius:9px;padding:11px 14px;font-size:13.5px;font-family:'Inter',sans-serif;color:var(--ink);outline:none;transition:border-color .15s;resize:none}
.contact-field input:focus,.contact-field textarea:focus{border-color:var(--orange)}
.contact-field textarea{height:120px}

.contact-submit{width:100%;justify-content:center}

@media(max-width:980px){
  .contact-quick-grid{grid-template-columns:1fr}
  .contact-wrap{grid-template-columns:1fr}
  .contact-map{min-height:300px}
  .contact-map iframe{min-height:300px}
}

@media(max-width:760px){
  .contact-hero{margin-top:20px}
  .contact-hero h1{font-size:24px}
  .contact-quick-grid{grid-template-columns:repeat(3,1fr);margin-top:16px;gap:6px;align-items:start}
  .contact-quick-card{flex-direction:column;align-items:center;text-align:center;padding:8px 4px;gap:4px}
  .contact-quick-icon{width:26px;height:26px}
  .contact-quick-icon svg{width:12px;height:12px}
  .contact-quick-card strong{font-size:9.5px;margin-bottom:0;line-height:1.2}
  .contact-quick-card a,.contact-quick-addr,.contact-quick-empty{font-size:8.5px;line-height:1.25;word-break:break-word}
  .contact-wrap{margin-top:20px;margin-bottom:36px;gap:14px}
  .contact-form-card{padding:20px}
}