.contact-channel{position:relative;overflow:hidden}.contact-channel:before{content:"";inset-inline:0;background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0}.contact-channel.group:hover:before,.contact-channel.group:focus-visible:before{opacity:1}.contact-channel__icon{transition:transform .2s,background-color .2s}.contact-channel.group:hover .contact-channel__icon{background:#c4a0152e;transform:scale(1.05)}
.contact-field__head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.375rem;display:flex}.contact-field label{color:var(--muted);font-size:.8125rem;font-weight:600}.contact-field__optional{background:var(--mist);letter-spacing:.02em;color:var(--muted);border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.contact-field__hint{color:color-mix(in srgb, var(--muted) 92%, transparent);margin-top:.375rem;font-size:.75rem;line-height:1.5}.contact-input-group{border:1px solid var(--line);background:var(--paper);align-items:stretch;transition:border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.contact-input-group--email{background:linear-gradient(180deg, #fffdf7 0%, var(--paper) 100%)}.contact-input-group:hover{border-color:color-mix(in srgb, var(--gold) 35%, var(--line))}.contact-input-group:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #c4a01524}.contact-input-group__icon{shrink:0;border-inline-end:1px solid var(--line);background:var(--mist);width:2.75rem;color:var(--gold-deep);place-items:center;display:grid}.contact-input-group--email .contact-input-group__icon{color:var(--gold-deep);background:#c4a0151a}.contact-input{border:1px solid var(--line);background:var(--paper);width:100%;height:3rem;color:var(--ink);padding-inline:1rem;font-size:.9375rem;transition:border-color .16s,box-shadow .16s,background-color .16s}.contact-input--grouped{height:3rem;box-shadow:none;background:0 0;border:0}.contact-input--grouped:hover,.contact-input--grouped:focus{box-shadow:none;border:0}.contact-input-group:focus-within .contact-input--email:invalid:not(:placeholder-shown){color:#8b2e2e}.contact-input::placeholder{color:color-mix(in srgb, var(--muted) 78%, transparent)}.contact-input--email::placeholder{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.01em;font-size:.875rem}.contact-input:not(.contact-input--grouped):hover{border-color:color-mix(in srgb, var(--gold) 35%, var(--line))}.contact-input:not(.contact-input--grouped):focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c4a01524}.contact-textarea{resize:vertical;min-height:9rem;padding-block:.75rem;line-height:1.65}.contact-submit:disabled{opacity:.65;cursor:wait}