@charset "utf-8";
/* Naireen · contact.css — #contact */

/* ---------- contact ---------- */
#cta{align-items:flex-end; padding-top:calc(var(--nav) + 34vh)}
.form{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:32px}
.field{display:flex; flex-direction:column; gap:7px}
.field.full{grid-column:1/-1}
.field label{font-family:var(--f-ui); font-size:11px; letter-spacing:.11em; text-transform:uppercase; color:var(--mist)}
.field input,.field select,.field textarea{
  font-family:var(--f-ar); font-size:15px; color:var(--ivory); background:rgba(20,20,26,.74); border:1px solid var(--line);
  border-radius:12px; padding:13px 15px; width:100%; transition:border-color .3s;
}
.field textarea{resize:vertical; min-height:88px; line-height:1.75}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold); outline:none}
.out{margin-top:18px; border:1px solid rgba(214,174,91,.4); background:rgba(214,174,91,.07); border-radius:16px; padding:18px}
.out h4{margin:0 0 10px; font-family:var(--f-ui); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); font-weight:500}
.out pre{margin:0 0 14px; white-space:pre-wrap; font-family:var(--f-ar); font-size:14.5px; line-height:1.85; color:#CFCABE}
.copyrow{display:flex; flex-wrap:wrap; gap:10px; align-items:center}
.contact-side{display:grid; gap:14px; align-content:start}
.cbit{border:1px solid var(--line); background:var(--card); border-radius:16px; padding:17px 19px; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px)}
.cbit span{display:block; font-family:var(--f-ui); font-size:10.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--mist); margin-bottom:6px}
.cbit b{font-weight:500; font-size:15.5px; color:var(--ivory); user-select:all}
a.cbit{display:block; transition:border-color .25s}
a.cbit:hover{border-color:rgba(214,174,91,.55)}
a.cbit b{color:var(--flash)}