/* Inquiry form dimensions follow the GLOWNOVA inline form at each viewport. */
#main #contact .consultation-form{box-sizing:border-box;grid-template-columns:minmax(0,1fr);border-radius:16px;font-family:"Pretendard Variable",Pretendard,sans-serif}
#main #contact .consultation-form label{line-height:1.5}
#main #contact .consultation-form label>span{line-height:1.4;font-weight:600}
#main #contact .consultation-form input,#main #contact .consultation-form textarea{line-height:1.5;background:rgba(0,0,0,.035);border:1px solid rgba(0,0,0,.16);border-radius:15px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
#main #contact .consultation-form input:focus,#main #contact .consultation-form textarea:focus{background:var(--white);border:var(--consultation-focus-width,2px) solid rgba(134,182,92,.5);outline:none;box-shadow:none}
#main #contact .consultation-form .primary-button{border:1px solid var(--brand);border-radius:15px;background:var(--brand);color:var(--white);font-weight:700;letter-spacing:-.04em}
#main #contact .consultation-form .primary-button:hover{background:var(--white);color:var(--brand);box-shadow:none}
#main #contact .consultation-form .primary-button>span:last-child{font-family:"futura-pt",Pretendard,sans-serif;font-size:25px;font-weight:400;line-height:1}
#main #contact .consultation-form .primary-button:disabled{opacity:.6;cursor:wait}
#main #contact .consultation-complete{--consultation-accent:var(--brand);--consultation-spark-color:var(--brand);--consultation-spark-secondary:#b8d991;--consultation-spark-tertiary:#a0c878}
@media(min-width:1025px){
  #main #contact .consultation-form{zoom:.8;--consultation-focus-width:2.5px;width:80%;margin-left:auto;padding:32px;gap:24px}
  #main #contact .consultation-form label{gap:11px}
  #main #contact .consultation-form label,#main #contact .consultation-form input,#main #contact .consultation-form textarea,#main #contact .consultation-form .primary-button{font-size:18px}
  #main #contact .consultation-form input,#main #contact .consultation-form textarea{padding:18px 20px}
  #main #contact .consultation-form input{min-height:64px}
  #main #contact .consultation-form textarea{min-height:120px}
  #main #contact .consultation-form .primary-button{min-height:74px;padding:0 28px}
}
@media(min-width:768px) and (max-width:1024px){
  #main #contact .consultation-form{padding:24px;gap:16px}
  #main #contact .consultation-form label{gap:8px}
  #main #contact .consultation-form label,#main #contact .consultation-form input,#main #contact .consultation-form textarea,#main #contact .consultation-form .primary-button{font-size:14px}
  #main #contact .consultation-form input,#main #contact .consultation-form textarea{padding:12px 14px}
  #main #contact .consultation-form input{min-height:44px}
  #main #contact .consultation-form textarea{min-height:120px}
  #main #contact .consultation-form .primary-button{min-height:44px;padding:12px 18px}
}
@media(max-width:767px){
  #main #contact .consultation-form{padding:20px;gap:10px}
  #main #contact .consultation-form label{gap:5px}
  #main #contact .consultation-form label,#main #contact .consultation-form input,#main #contact .consultation-form textarea,#main #contact .consultation-form .primary-button{font-size:12px}
  #main #contact .consultation-form input,#main #contact .consultation-form textarea{padding:8px 10px}
  #main #contact .consultation-form input{min-height:36px}
  #main #contact .consultation-form input::placeholder{font-size:14px}
  #main #contact .consultation-form textarea{min-height:84px;height:84px}
  #main #contact .consultation-form .primary-button{min-height:40px;padding:8px 12px}
  #main #contact .consultation-form input,#main #contact .consultation-form textarea,#main #contact .consultation-form .primary-button{border-radius:8px}
  #main #contact .consultation-form .primary-button>span:last-child{font-size:18px}
}

/* Prevent mobile Safari from zooming the page when a field receives focus. */
@media(max-width:1024px){
  #main #contact .consultation-form input,#main #contact .consultation-form textarea{font-size:16px}
}
/* The desktop form uses .8 zoom: 20px renders at the same 16px minimum. */
@media(min-width:1025px) and (hover:none) and (pointer:coarse){
  #main #contact .consultation-form input,#main #contact .consultation-form textarea{font-size:20px}
}