#contact{--ink:#11120f;--yellow:#F2C230;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;padding:90px 0;scroll-margin-top:90px}
#contact,#contact *{box-sizing:border-box}
#contact a{color:inherit;text-decoration:none}
#contact button,#contact input,#contact textarea,#contact select{font:inherit}
#contact .wrap{width:min(1240px,calc(100% - 40px));margin:auto}
#contact .eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
#contact .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-weight:800;cursor:pointer}
#contact .btn-primary{background:var(--yellow);color:var(--ink)}
#contact{
      background:var(--ink);
      color:#fff;
    }
#contact .contact-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:72px;
    }
#contact h2{
      font-size:clamp(46px,6vw,74px);
      font-family:inherit;
      font-weight:700;
      color:#fff;
      line-height:.96;
      letter-spacing:-.055em;
      margin:12px 0 22px;
    }
#contact p{font-size:16px;font-weight:400;color:#b8bbb3;line-height:1.65;margin:1em 0}
#contact .contact-methods{display:grid;gap:10px;margin-top:24px}
#contact .contact-methods a{
      color:#fff;
      font-weight:750;
    }
#contact .contact-methods b{color:var(--yellow);margin-right:8px}
#contact .form{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
    }
#contact .field{display:grid;gap:7px}
#contact .form > .full{grid-column:1/-1}
#contact .field label{font-size:12px;color:#c7cac2;font-weight:750}
#contact .form input,#contact .form textarea,#contact .form select{
      width:100%;
      border:1px solid #3b3d36;
      background:#1a1b18;
      color:#fff;
      padding:15px 16px;
      border-radius:11px;
      outline:none;
    }
#contact .form textarea{min-height:125px;resize:vertical}
#contact .form input:focus,#contact .form textarea:focus,#contact .form select:focus{border-color:var(--yellow)}
#contact .upload{
      border:1px dashed #666960;
      border-radius:11px;
      padding:16px;
      background:#161714;
      color:#c5c8c0;
      font-size:13px;
    }
#contact .file-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#contact .file-trigger{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #666960;border-radius:8px;background:#292b25;color:#fff;cursor:pointer;overflow:hidden}
#contact .upload .file-trigger input{position:absolute;inset:0;width:100%;height:100%;opacity:0;padding:0;cursor:pointer}
#contact .file-trigger:focus-within{outline:2px solid var(--yellow);outline-offset:3px}
#contact .file-name{overflow-wrap:anywhere;min-width:0}
#contact .form-status{font-size:14px;margin:0;color:var(--yellow)}
#contact .form-message{font-size:12px;color:#9da098;margin:0}
@media(max-width:1000px){#contact .contact-grid{grid-template-columns:1fr;gap:42px}}
@media(max-width:850px){#contact{padding:68px 0}}
@media(max-width:560px){#contact .wrap{width:calc(100% - 24px)}#contact .form{grid-template-columns:1fr}#contact .form > .full{grid-column:1/-1}}
/* Inquiry form typography */
#contact .form .field label{font-size:15px;line-height:1.5}
#contact .form input,#contact .form textarea,#contact .form select{font-size:17px;line-height:1.5}
#contact .form .file-trigger,#contact .form .file-name{font-size:16px;line-height:1.5}
#contact .form .btn{font-size:18px;line-height:1.4;min-height:56px}
#contact .form .form-message,#contact .form .form-status{font-size:14px;line-height:1.65}
@media(max-width:560px){
  #contact .form input,#contact .form textarea,#contact .form select{font-size:16px}
  #contact .form .btn{font-size:17px}
}