/* Mobile contact: keep the form readable without changing the desktop layout. */
.contact-values .contact-value-text{display:inline;font:inherit;color:inherit;line-height:inherit}

@media(max-width:600px){
  .contact .container{width:calc(100% - 24px)}
  .contact-grid{gap:26px}
  .contact-copy h2{font-size:clamp(30px,8vw,43px);line-height:1.08}
  .contact-copy>p:not(.eyebrow):not(.handwriting){font-size:15px;line-height:1.5;margin-top:22px}
  .contact-values{margin:25px 0 18px;gap:12px}
  .contact-copy .handwriting{margin-top:20px}
  .form-card{width:100%;max-width:none;padding:22px 16px 24px;border-radius:18px}
  .form-card h3{font-size:clamp(24px,6.2vw,30px);line-height:1.12}
  .form-card .form-caption{font-size:14px;line-height:1.45;margin:8px 0 22px}
  .form-row{grid-template-columns:minmax(0,1fr);gap:0}
  .field{gap:8px;margin-bottom:18px}
  .field label{font-size:14px;line-height:1.3}
  .field input,.field select{min-height:52px;font-size:16px;line-height:1.3;padding:12px 14px;border-radius:8px}
  .input-shell>svg{display:none}
  .input-shell input,.input-shell select{padding-left:14px}
  .form-submit{min-height:54px;padding:12px 14px;font-size:14px;line-height:1.3;gap:10px}
  .form-submit span{flex:none}
  .form-microcopy{font-size:12px;line-height:1.45}
}

@media(max-width:420px){
  .contact-values{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  .contact-values>span{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.3}
  .contact-values svg{width:25px;height:25px;flex:none;margin:0}
  .contact-values .contact-value-text{font-size:13px;line-height:1.3}
  .contact-values br{display:none}
}

@media(max-width:320px){
  .form-card{padding-inline:14px}
  .form-card h3{font-size:24px}
}