.contact{padding:110px 0 60px;}
.contact-card{
  background:linear-gradient(150deg, var(--surface), var(--surface-2)); border:1px solid var(--border-strong); border-radius:var(--radius-lg);
  padding:56px clamp(24px,5vw,64px); position:relative; overflow:hidden;
}
.contact-inner{display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:start;}
.contact-card h2{font-family:var(--font-display); font-size:clamp(1.7rem,4vw,2.4rem); margin-bottom:16px;}
body[data-theme="artist"] .contact-card h2{font-style:italic; font-weight:900;}
.contact-card p.lead{color:var(--text-dim); margin-bottom:30px; max-width:420px;}
.contact-links{display:flex; flex-direction:column; gap:14px; align-items:flex-start;}
.clink{
  display:flex; align-items:center; gap:10px; padding:13px 20px; border:1px solid var(--border-strong); border-radius:100px;
  font-family:var(--font-mono); font-size:.82rem; transition:all .3s var(--ease);
}
body[data-theme="artist"] .clink{font-family:var(--font-display); font-style:italic; font-size:.95rem;}
.clink:hover{background:var(--accent); color:#0A0A0A; border-color:var(--accent);}
.clink i{color:var(--accent); transition:color .3s;}
.clink:hover i{color:#0A0A0A;}

.contact-form{display:flex; flex-direction:column; gap:16px;}
.field{display:flex; flex-direction:column; gap:8px;}
.field label{font-family:var(--font-mono); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-faint);}
body[data-theme="artist"] .field label{font-family:var(--font-display); font-style:italic; text-transform:none; font-size:.85rem;}
.field input, .field textarea{
  background:var(--bg-2); border:1px solid var(--border-strong); border-radius:var(--radius-sm); padding:13px 15px;
  color:var(--text); font-family:var(--font-body); font-size:.95rem; resize:vertical; transition:border-color .3s;
}
.field input:focus, .field textarea:focus{outline:none; border-color:var(--accent);}
.contact-form button{align-self:flex-start; border:1px solid var(--accent); background:var(--accent); color:#0A0A0A; margin-top:4px;}
.form-status{font-family:var(--font-mono); font-size:.8rem; padding:12px 14px; border-radius:var(--radius-sm); display:none;}
.form-status.show{display:block;}
.form-status.ok{background:rgba(87,230,201,0.12); color:var(--accent); border:1px solid var(--accent);}
.form-status.err{background:rgba(255,107,107,0.12); color:#FF6B6B; border:1px solid #FF6B6B;}

@media (max-width:800px){ .contact-inner{grid-template-columns:1fr;} }
