/* ════════════════════════════════════════════
   CONTACT PAGE — FORM & INFO
   ════════════════════════════════════════════ */
.contact-grid-inline {
  display:grid; grid-template-columns:1fr 1.2fr;
  gap:60px; max-width:1200px; margin:0 auto; align-items:start;
}
.contact-info h2 {
  font-family:var(--font-display); font-size:clamp(2rem,3vw,2.8rem);
  font-weight:300; color:var(--white); line-height:1.15; margin-bottom:16px;
}
.contact-info h2 em {
  font-style:italic; font-weight:400;
  background:linear-gradient(135deg,var(--gold),var(--gold-bright));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.contact-info>p { font-size:0.9rem; color:var(--muted); line-height:1.85; margin-bottom:28px; }
.cd-item {
  display:flex; align-items:flex-start; gap:14px;
  margin-bottom:18px; font-size:0.85rem; color:var(--text);
}
.cd-item i { color:var(--gold); font-size:0.85rem; margin-top:3px; }
.cd-item a { color:var(--text); transition:color 0.3s; }
.cd-item a:hover { color:var(--gold); }

.form-card {
  background:var(--card); border:1px solid var(--border);
  padding:44px 36px;
}
.form-card h3 {
  font-family:var(--font-display); font-size:1.4rem; font-weight:400;
  color:var(--white); margin-bottom:24px;
}
.form-card h3 em {
  font-style:italic;
  background:linear-gradient(135deg,var(--gold),var(--gold-bright));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.fg { position:relative; margin-bottom:16px; }
.fg input,.fg textarea {
  width:100%; background:transparent;
  border:1px solid var(--border); color:var(--white);
  font-family:var(--font-body); font-size:0.85rem;
  padding:14px 16px; outline:none;
  transition:border-color 0.3s;
}
.fg input:focus,.fg textarea:focus { border-color:var(--gold); }
.fg label {
  position:absolute; left:16px; top:14px;
  font-size:0.8rem; color:var(--muted);
  pointer-events:none;
  transition:all 0.3s var(--ease-expo);
}
.fg input:focus~label,.fg input:not(:placeholder-shown)~label,
.fg textarea:focus~label,.fg textarea:not(:placeholder-shown)~label {
  top:-8px; left:12px; font-size:0.6rem;
  color:var(--gold); background:var(--card); padding:0 4px;
}
.fg textarea { resize:vertical; min-height:100px; }

/* ════════════════════════════════════════════
   RESPONSIVE — CONTACT
   ════════════════════════════════════════════ */
@media(max-width:1024px) {
  .contact-grid-inline { grid-template-columns:1fr; gap:40px; }
}
@media(max-width:768px) {
  .form-row { grid-template-columns:1fr; }
}