/* ==========================================================================
   ABORNTECH — contact.css (contact.html only)
   ========================================================================== */
.contact-grid{display:grid; grid-template-columns:.85fr 1.15fr; gap:4rem; align-items:start;}

.contact-info{display:flex; flex-direction:column; gap:2rem; position:sticky; top:calc(var(--header-h) + 2rem);}
.ci-item{display:flex; gap:1.1rem; align-items:flex-start;}
.ci-item .icon-lg{color:var(--accent); flex-shrink:0; margin-top:.15rem;}
.ci-label{font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--accent); margin-bottom:.3rem;}
.ci-value{font-size:.98rem; color:var(--text); line-height:1.6;}
.ci-value a:hover{color:var(--accent);}

.contact-form-wrap{padding:2.5rem;}

.hp-field{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}

@media (max-width:900px){
  .contact-grid{grid-template-columns:1fr; gap:3rem;}
  .contact-info{position:static; flex-direction:row; flex-wrap:wrap; gap:2rem;}
  .ci-item{flex:1 1 220px;}
}
@media (max-width:560px){
  .contact-form-wrap{padding:1.6rem;}
}