/* ========== INQUIRY SECTION ========== */
.inquiry{padding:100px 36px 60px;}
.inquiry .bg-text{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  font-size:clamp(80px,16vw,280px);font-weight:500;letter-spacing:-.06em;
  color:#060608;line-height:.85;white-space:nowrap;pointer-events:none;z-index:0;
}
.inquiry-wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;max-width:1600px;margin:80px auto 0}
@media(max-width:1100px){.inquiry-wrap{grid-template-columns:1fr;gap:60px}}

.inquiry-left .inq-headline{font-size:clamp(40px,6vw,100px);font-weight:500;letter-spacing:-.05em;line-height:.95;margin-bottom:32px}
.inquiry-left .inq-headline em{font-family:'Instrument Serif',serif;font-style:italic;color:var(--accent-2)}
.inquiry-left .inq-headline .yell{color:var(--accent)}
.inquiry-left .inq-desc{font-size:clamp(15px,1.4vw,18px);color:#888;line-height:1.6;max-width:40ch;margin-bottom:40px}
.inquiry-left .inq-meta{display:flex;flex-direction:column;gap:0}
.inq-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;color:#666;text-transform:uppercase}
.inq-row:last-child{border-bottom:1px solid var(--line)}
.inq-row .lbl{color:#444;min-width:90px}
.inq-row .val{color:#ccc;letter-spacing:.06em;text-transform:none;font-size:13px}
.inq-row a.val:hover{color:var(--accent)}

/* form */
.inquiry-form{display:flex;flex-direction:column;gap:0}
.inq-field{position:relative;border-bottom:1px solid var(--line);transition:border-color .4s}
.inq-field:focus-within{border-color:rgba(212,255,0,.5)}
.inq-field label{
  display:block;font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.3em;color:#555;text-transform:uppercase;
  padding:20px 0 6px;transition:color .3s;
}
.inq-field:focus-within label{color:var(--accent)}
.inq-field input,.inq-field textarea,.inq-field select{
  width:100%;background:none;border:0;outline:none;
  font-family:'Space Grotesk',sans-serif;font-size:16px;color:#fff;
  padding:0 0 16px;letter-spacing:-.01em;
  -webkit-appearance:none;
  user-select:text;-webkit-user-select:text;
}
.inq-field select{cursor:pointer;color:#aaa}
.inq-field select option{background:#0a0a0c;color:#fff}
.inq-field textarea{resize:none;height:100px;line-height:1.5}
.inq-field .bar{position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent);transition:width .5s cubic-bezier(.7,0,.2,1)}
.inq-field:focus-within .bar{width:100%}

.inq-row-2{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(max-width:600px){.inq-row-2{grid-template-columns:1fr}}
.inq-row-2 .inq-field:first-child{padding-right:24px}

.inq-types{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0}
.inq-type-label{
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.3em;color:#555;text-transform:uppercase;
  display:block;margin-bottom:8px;padding-top:16px;
  border-top:1px solid var(--line);
}
.inq-chip{
  padding:8px 14px;border:1px solid var(--line);
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.2em;text-transform:uppercase;color:#666;
  cursor:pointer;background:none;transition:all .3s;
  position:relative;overflow:hidden;
}
.inq-chip::before{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.7,0,.2,1);z-index:0}
.inq-chip span{position:relative;z-index:1;transition:color .3s}
.inq-chip:hover{border-color:var(--accent)}
.inq-chip:hover::before{transform:scaleX(1)}
.inq-chip:hover span{color:#000}
.inq-chip.sel{border-color:var(--accent);background:var(--accent);color:#000}
.inq-chip.sel span{color:#000}

.inq-submit{
  margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.inq-submit .btn-send{
  display:inline-flex;align-items:center;gap:16px;
  padding:20px 36px;background:var(--accent);color:#000;
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.25em;text-transform:uppercase;
  border:0;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s;
}
.inq-submit .btn-send::after{
  content:"";position:absolute;inset:0;background:#fff;
  transform:translateX(-101%);transition:transform .5s cubic-bezier(.7,0,.2,1);
}
.inq-submit .btn-send:hover::after{transform:translateX(0)}
.inq-submit .btn-send:hover{transform:translateY(-2px)}
.inq-submit .btn-send span{position:relative;z-index:1}
.inq-submit .note{font-family:'JetBrains Mono',monospace;font-size:10px;color:#444;letter-spacing:.2em;text-transform:uppercase;text-align:right;line-height:1.8}

/* form success state */
.inq-success{
  display:none;flex-direction:column;align-items:center;justify-content:center;
  min-height:400px;text-align:center;gap:16px;
}
.inq-success .check{
  width:64px;height:64px;border:1px solid var(--accent);border-radius:50%;
  display:grid;place-items:center;font-size:28px;color:var(--accent);
  animation:popIn .4s cubic-bezier(.2,.7,.2,1);
}
@keyframes popIn{from{transform:scale(0)}to{transform:scale(1)}}
.inq-success h3{font-size:32px;font-weight:500;letter-spacing:-.03em}
.inq-success p{font-family:'JetBrains Mono',monospace;font-size:11px;color:#666;letter-spacing:.2em;text-transform:uppercase}

/* ── themed select dropdown ── */
.inq-field select{
  color:#ccc;
  background:#0a0a0c;
  border:0;
  outline:none;
  font-family:'Space Grotesk',sans-serif;
  font-size:16px;
  width:100%;
  padding:0 0 16px;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  /* down-arrow using site accent */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23D4FF00' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 4px center;
}
.inq-field select option{
  background:#0e0e12;
  color:#fff;
  padding:8px;
}
.inq-field select:focus{ color:#fff }

/* ── validation toast ── */
#inq-toast{
  position:fixed;
  bottom:32px;left:50%;
  transform:translateX(-50%) translateY(20px);
  z-index:9000;
  background:#0e0e12;
  border:1px solid var(--accent);
  color:var(--accent);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  padding:14px 28px;
  white-space:nowrap;
  opacity:0;pointer-events:none;
  transition:opacity .35s, transform .35s cubic-bezier(.16,1,.3,1);
  box-shadow:0 0 30px rgba(212,255,0,.15);
}
#inq-toast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
