.contact{background:var(--black)}.contact-grid{gap:clamp(3rem,6vw,6rem);display:grid}.contact-intro{grid-template-columns:minmax(0,1fr);align-content:start;gap:clamp(1.25rem,2.5vw,2rem);display:grid;container-type:inline-size}.contact-kicker{color:var(--gray);align-items:center;gap:.9em;display:flex}.contact-kicker:before{content:"";background:currentColor;width:2.5em;height:1px}.contact-title{font-size:clamp(3rem,23cqi,13rem)}.contact-channels{justify-items:start;gap:1.1rem;margin-top:.5rem;display:grid}.contact-channels li:not(:first-child){gap:.15rem;display:grid}.contact-channels .mono{color:var(--gray)}.contact-channels li:not(:first-child) a{font-size:var(--text-lg);transition:color var(--fast);font-weight:700}.contact-channels li:not(:first-child) a:hover{color:var(--neon)}.contact-form{background:var(--coal);background-image:linear-gradient(var(--neon), var(--neon)), linear-gradient(var(--neon), var(--neon)), linear-gradient(var(--neon), var(--neon)), linear-gradient(var(--neon), var(--neon));background-position:0 0,0 0,100% 100%,100% 100%;background-repeat:no-repeat;background-size:2rem 2px,2px 2rem,2rem 2px,2px 2rem;align-content:start;gap:1.5rem;padding:clamp(1.5rem,3.5vw,3.25rem);display:grid}.contact-form fieldset{border:0;gap:1.5rem;min-width:0;margin:0;padding:0;display:grid}.contact-form fieldset:disabled{opacity:.6}.form-row{gap:1.5rem;display:grid}.contact-form label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;gap:.45rem;font-weight:500;display:grid}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--white);font-family:var(--font-sans);letter-spacing:0;text-transform:none;transition:border-color var(--fast);background:0 0;border:0;border-bottom:1.5px solid #ffffff4d;border-radius:0;padding:.7rem 0;font-size:1.0625rem;font-weight:500}.contact-form select{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ccff00' stroke-width='1.6'/%3E%3C/svg%3E") 100%/.75rem no-repeat;padding-right:1.5rem}.contact-form select option{background:var(--coal);color:var(--white)}.contact-form textarea{resize:vertical;min-height:7rem;line-height:1.45}.contact-form ::placeholder{color:#ffffff61}.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{border-bottom-color:var(--neon);outline:0}:is(.contact-form input:user-invalid,.contact-form textarea:user-invalid){border-bottom-color:#ff5a4f}.form-trap{width:1px;height:1px;position:absolute;left:-200vw;overflow:hidden}.form-note{font-size:var(--text-sm);color:#fff9;line-height:1.5}.form-submit{justify-self:start;padding:1.25em 1.9em}.contact-result{justify-items:start;gap:.9rem;display:grid}.contact-result-title{font-size:var(--text-2xl);color:var(--neon)}.contact-result-links{flex-wrap:wrap;gap:.75rem 1.75rem;display:flex}@media (min-width:40rem){.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.contact-intro{top:calc(var(--header-h) + 2rem);position:sticky}}
