/* ═══════════════════════════════════════════
   07 — CONTACT
═══════════════════════════════════════════ */
#contact {
  padding:120px 72px 0;
}
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; margin-bottom:0; }
.contact-left { display:flex; flex-direction:column; gap:32px; }
.contact-big {
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(56px,8vw,100px); line-height:.9;
  letter-spacing:1px;
}
.contact-big span { color:var(--amber); }
.contact-desc { font-family:'DM Mono',monospace; font-size:13px; color:var(--muted); line-height:1.8; max-width:400px; }
.social-links { display:flex; flex-direction:column; gap:0; border:1px solid var(--border); }
.social-item {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px; border-bottom:1px solid var(--border);
  text-decoration:none; cursor:none; transition:background .2s;
}
.social-item:last-child { border-bottom:none; }
.social-item:hover { background:var(--bg2); }
.social-item:hover .si-arrow { transform:translate(4px,-4px); color:var(--amber); }
.si-left { display:flex; align-items:center; gap:14px; }
.si-icon {
  width:38px; height:38px; border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0; transition:border-color .2s, background .2s;
}
.social-item:hover .si-icon { border-color:var(--amber-dim); background:var(--amber-glow); }
.social-item:hover .si-icon svg path,
.social-item:hover .si-icon svg rect,
.social-item:hover .si-icon svg circle { fill:var(--amber); }
.si-platform { font-family:'DM Mono',monospace; font-size:9px; letter-spacing:2px; color:var(--muted); text-transform:uppercase; }
.si-handle { font-family:'DM Mono',monospace; font-size:13px; color:var(--text); }
.si-arrow { color:var(--muted); font-size:18px; transition:transform .2s,color .2s; }

.contact-form { display:flex; flex-direction:column; gap:0; border:1px solid var(--border2); background:var(--bg2); }
.form-row {
  display:flex; flex-direction:column; gap:8px;
  padding:20px 24px; border-bottom:1px solid var(--border2);
  transition:background .2s;
  position:relative;
}
.form-row::after {
  content:''; position:absolute; bottom:-1px; left:0;
  width:0; height:1px; background:var(--amber);
  transition:width .3s ease;
}
.form-row:focus-within::after { width:100%; }
.form-row:focus-within { background:var(--bg3); }
.form-row:last-child { border-bottom:none; }
.form-label {
  font-family:'DM Mono',monospace; font-size:9px; letter-spacing:3px;
  color:var(--amber); text-transform:uppercase; opacity:.7;
  transition:opacity .2s;
}
.form-row:focus-within .form-label { opacity:1; }
.form-input, .form-textarea {
  background:transparent; border:none; outline:none;
  font-family:'DM Mono',monospace; font-size:14px; color:var(--text);
  resize:none; width:100%; letter-spacing:.5px; line-height:1.5;
}
.form-input::placeholder, .form-textarea::placeholder { color:var(--muted); opacity:.6; }
.form-textarea { min-height:110px; line-height:1.7; }
.form-submit {
  padding:22px 24px; background:var(--bg3);
  display:flex; align-items:center; justify-content:space-between;
  border-top:1px solid var(--border2);
}
.submit-btn {
  font-family:'DM Mono',monospace; font-size:11px; letter-spacing:2px; text-transform:uppercase;
  color:var(--bg); background:var(--amber); border:none; cursor:none;
  padding:13px 28px;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
  transition:background .2s,transform .15s;
}
.submit-btn:hover { background:var(--amber-lt); transform:translateY(-2px); }
.submit-note { font-family:'DM Mono',monospace; font-size:10px; color:var(--muted); letter-spacing:1px; }

/* ═══════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════ */
footer {
  margin-top:80px; padding:24px 48px;
  border-top:1px solid var(--border);
  display:flex; align-items:center; justify-content:space-between;
  position:relative; z-index:2;
}
.footer-logo { font-family:'Bebas Neue',sans-serif; font-size:18px; letter-spacing:3px; color:var(--muted); }
.footer-logo span { color:var(--amber); }
.footer-copy { font-family:'DM Mono',monospace; font-size:10px; color:var(--muted2); letter-spacing:2px; }
.footer-back {
  font-family:'DM Mono',monospace; font-size:10px; letter-spacing:2px; text-transform:uppercase;
  color:var(--muted); text-decoration:none; transition:color .2s;
  display:flex; align-items:center; gap:6px;
}
.footer-back:hover { color:var(--amber); }

/* ═══════════════════════════════════════════
   DIVIDER
═══════════════════════════════════════════ */
.section-divider {
  display:flex; align-items:center; gap:0;
  position:relative; z-index:2;
}
.sd-fill { flex:1; height:1px; background:var(--border); }
.sd-label {
  font-family:'DM Mono',monospace; font-size:9px; letter-spacing:3px;
  color:var(--muted2); padding:0 16px; text-transform:uppercase;
}
