/* ================= CONTACT PAGE ================= */
.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6)}
@media (min-width:768px){.contact-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.contact-grid{grid-template-columns:repeat(3,1fr)}}
.contact-card{padding:var(--sp-6);background:var(--white);border-radius:var(--radius);border-top:3px solid var(--accent);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--dur) var(--ease)}
.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.contact-card .icon{width:56px;height:56px;margin:0 auto var(--sp-4);display:grid;place-items:center;background:var(--primary);color:var(--accent);border-radius:50%}
.contact-card .icon svg{width:26px;height:26px}
.contact-card h3{font-size:1.05rem;margin-bottom:.5rem}
.contact-card a{color:var(--primary);font-weight:500;font-size:.95rem}
.contact-card a:hover{color:var(--accent-dark)}
.contact-card p{margin:.2rem 0 0;color:var(--gray-700);font-size:.9rem}

.map-frame{margin-top:var(--sp-8);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/9;background:var(--gray-100)}
.map-frame iframe{width:100%;height:100%;border:0;display:block}

.contact-form-wrap{max-width:720px;margin:var(--sp-8) auto 0;background:var(--white);padding:var(--sp-8);border-radius:var(--radius);box-shadow:var(--shadow)}
.contact-form-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}
@media (min-width:640px){.contact-form-grid{grid-template-columns:1fr 1fr}}
.contact-form-grid .full{grid-column:1/-1}
.contact-form-grid label{display:block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-500);margin-bottom:.3rem;font-weight:600}
.contact-form-grid input,.contact-form-grid select,.contact-form-grid textarea{
  width:100%;padding:.8rem 1rem;border:1px solid var(--gray-200);
  border-radius:var(--radius-sm);background:var(--off-white);font-size:.95rem;
}
.contact-form-grid textarea{min-height:120px;resize:vertical}