/* ═══════════════════════════════════════════════════════════════
   Heavy Metal Fonts — contact.css
   Contact page: hero, form + info cards, enterprise CTA banner.
   Relies on variables + shared components from homepage.css.
   ═══════════════════════════════════════════════════════════════ */

/* ── Contact grid ────────────────────────────────────────────────── */
.hmf-contact-main { padding-top:20px; }
.hmf-contact-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:32px; align-items:start; }

.hmf-contact-form-card {
  padding:36px; border-radius:var(--hmf-radius); border:1px solid var(--hmf-glass-border);
  background:var(--hmf-glass);
  -webkit-backdrop-filter:blur(var(--hmf-blur)) saturate(150%);
  backdrop-filter:blur(var(--hmf-blur)) saturate(150%);
  box-shadow:0 8px 32px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
}
.hmf-contact-form-h { font-size:clamp(22px,2.4vw,28px); margin:0 0 8px; text-shadow:0 0 24px rgba(200,31,60,.25); }
.hmf-contact-form-sub { font-size:14px; color:var(--hmf-text-mute); margin:0 0 28px; }

.hmf-contact-form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }

.hmf-contact-submit { width:100%; justify-content:center; font-size:15px; padding:15px; }
.hmf-contact-form-status { margin:14px 0 0; font-size:13px; text-align:center; padding:10px; border-radius:var(--hmf-radius-sm); }
.hmf-contact-form-status[data-state="success"] { color:#8ff0b0; background:rgba(46,204,113,.1); border:1px solid rgba(46,204,113,.3); }
.hmf-contact-form-status[data-state="error"] { color:#ff9d9d; background:rgba(200,31,60,.1); border:1px solid var(--hmf-red-border); }

/* Info cards */
.hmf-contact-info { display:flex; flex-direction:column; gap:16px; }
.hmf-contact-info-card {
  padding:22px 24px; border-radius:var(--hmf-radius); border:1px solid var(--hmf-glass-border);
  background:var(--hmf-glass);
  -webkit-backdrop-filter:blur(var(--hmf-blur)) saturate(150%);
  backdrop-filter:blur(var(--hmf-blur)) saturate(150%);
  box-shadow:0 8px 28px rgba(0,0,0,.3);
}
.hmf-contact-info-ic {
  width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center;
  color:var(--hmf-red-bright); margin-bottom:14px;
  background:linear-gradient(135deg, rgba(200,31,60,.22), rgba(110,14,33,.12));
  border:1px solid var(--hmf-red-border);
}
.hmf-contact-info-card h3 { font-size:14px; font-weight:700; color:var(--hmf-white); margin:0 0 6px; }
.hmf-contact-info-card p { font-size:13.5px; line-height:1.6; color:var(--hmf-text-dim); margin:0; }
.hmf-contact-info-card a { color:var(--hmf-red-bright); text-decoration:none; }
.hmf-contact-info-card a:hover { text-decoration:underline; }
.hmf-contact-social { display:flex; gap:10px; margin-top:4px; }
.hmf-contact-social a {
  width:32px; height:32px; border-radius:50%; border:1px solid var(--hmf-glass-border); color:var(--hmf-text-dim);
  display:flex; align-items:center; justify-content:center; transition:all .15s;
}
.hmf-contact-social a:hover { color:var(--hmf-white); border-color:var(--hmf-red-border); }

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 1080px) {
  .hmf-contact-grid { grid-template-columns:1fr; }
}
@media (max-width: 640px) {
  .hmf-contact-form-row { grid-template-columns:1fr; }
  .hmf-contact-form-card { padding:24px; }
}