.contact-form{display:grid;gap:24px;min-width:0}
#liquid-glass-portfolio .contact-form h2{font:400 clamp(30px,3.4cqw,45px)/1.1 var(--serif);letter-spacing:-.025em}
#liquid-glass-portfolio .contact-form .form-intro{margin-top:-12px;color:var(--muted);font-size:16px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.form-field{display:grid;gap:8px;min-width:0}
.form-field label{font-size:15px;font-weight:500}
.form-field label span{color:var(--muted);font-size:13px;font-weight:400}
.form-field input,.form-field textarea{width:100%;min-width:0;padding:13px 14px;border:1px solid #58605780;border-radius:2px;background:#FFFFFF38;color:var(--ink);font:400 16px/1.5 var(--sans);transition:border-color 160ms ease,background 160ms ease}
.form-field input{min-height:52px}
.form-field textarea{min-height:180px;resize:vertical}
.form-field input:hover,.form-field textarea:hover{border-color:var(--muted)}
.form-field input:focus,.form-field textarea:focus{background:#FFFFFF70;border-color:var(--ink);outline:2px solid var(--ink);outline-offset:2px}
.form-field input[aria-invalid='true'],.form-field textarea[aria-invalid='true']{border-color:var(--accent)}
.form-field textarea::placeholder{color:#71786E;opacity:1}
.field-hint,.field-error{font-size:13px;line-height:1.5}
.field-hint{color:var(--muted)}
.field-error{color:var(--accent)}
.field-error:empty{display:none}
.form-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
#liquid-glass-portfolio .form-privacy{font-size:13px;line-height:1.6;color:var(--muted);max-width:460px}
.contact-submit{border:0;cursor:pointer;justify-self:start;min-width:200px;font:500 16px/1.5 var(--sans)}
.contact-submit:disabled{cursor:wait;opacity:.6}
.form-status{font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.form-status:empty{display:none}
.form-status[data-state='error']{color:var(--accent)}
.form-status[data-state='success']{padding:18px 20px;background:#DCE5D3;color:#203629;border-left:3px solid #416640}
#liquid-glass-portfolio .contact-primary .contact-email-fallback{margin-top:32px;font-size:14px;max-width:none}
.contact-email-fallback a{text-decoration:underline!important;overflow-wrap:anywhere}
@container(max-width:760px){.contact-grid{grid-template-columns:1fr;gap:48px}.contact-details{padding-top:30px;border-top:1px solid #11181333}}
@container(max-width:500px){.form-row{grid-template-columns:1fr;gap:24px}.contact-form{gap:22px}.contact-submit{width:100%}}