.contact{display:grid;grid-template-columns:.82fr 1fr;gap:clamp(40px,7vw,108px);padding-block:70px 90px;border-top:1px solid var(--ink);scroll-margin-top:28px}
.contact-intro h2{font:400 clamp(76px,8vw,112px)/.92 var(--display);margin-top:22px;letter-spacing:-.015em}
.contact-intro h2 span{color:#cf3b12}
.contact-description{font-size:15px;line-height:1.8;max-width:345px;margin-top:24px}
.contact-note{display:flex;gap:17px;align-items:flex-start;border-top:1px solid var(--rule);padding-top:20px;margin-top:38px;max-width:350px}
.contact-note>span{font:34px/.9 var(--sans);color:#bd3107}
.contact-note p{font-size:12px;line-height:1.7;color:var(--muted);max-width:265px}
.contact-form{min-width:0;padding-top:2px}
.contact-fields{min-width:0;padding:0;margin:0;border:0;display:grid;gap:23px}
.contact-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}
.contact-field{min-width:0;display:grid;gap:9px}
.contact-field label{font-size:12px;font-weight:700}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-width:0;max-width:100%;border:1px solid #8d8f83;background:#f7f6f0;color:var(--ink);border-radius:0;padding:12px 13px;font:14px/1.55 var(--sans);outline-offset:3px}
.contact-field input,.contact-field select{min-height:47px}
.contact-field textarea{min-height:153px;resize:vertical}
.contact-field textarea::placeholder{color:#65675e;opacity:1}
.contact-field :is(input,select,textarea):focus-visible{outline:2px solid #bd3107;border-color:#bd3107}
.contact-field-note{color:var(--muted);font:9px/1.5 var(--mono);text-align:right}
.contact-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;pointer-events:none}
.contact-security:not([hidden]){margin-top:22px;min-height:65px}
.contact-actions{display:flex;align-items:center;gap:22px;margin-top:25px}
.contact-submit{display:inline-flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:28px;min-height:49px;padding:13px 18px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:12px;font-weight:700;transition:background .18s,color .18s}
.contact-submit>span:last-child{color:var(--orange);font-size:21px;line-height:1}
.contact-submit:hover:enabled{background:var(--orange);color:var(--ink)}
.contact-submit:hover:enabled>span:last-child{color:var(--ink)}
.contact-submit:disabled{opacity:.65;cursor:wait}
.contact-actions p{font-size:11px;line-height:1.65;max-width:190px;color:var(--muted)}
.contact-status{font-size:12px;line-height:1.7;min-height:41px;margin-top:17px;overflow-wrap:anywhere}
.contact-form[data-state="error"] .contact-status{color:#a82a0c}
.contact-form[data-state="success"] .contact-status{color:#325d30}
.contact-noscript{font-size:12px;line-height:1.7;margin-top:15px;color:#a82a0c}
.contact-fields:disabled{opacity:.7}
@media(max-width:1100px){.site-header nav{gap:22px}}
@media(max-width:740px){.site-header nav>a.nav-contact{display:block}.site-header nav>a.nav-about{display:none}.site-header nav{gap:14px}.contact{grid-template-columns:1fr;gap:35px;padding-block:45px 48px}.contact-intro h2{font-size:78px;margin-top:17px}.contact-intro h2 br{display:none}.contact-intro h2 span{display:block}.contact-description{font-size:14px;margin-top:18px;max-width:420px}.contact-note{margin-top:23px;max-width:none}.contact-note p{max-width:310px}.contact-note>span{font-size:28px}.contact-actions{gap:17px}.contact-actions p{font-size:10px}.contact-pair{gap:15px}}
@media(max-width:520px){.site-header{height:auto;min-height:110px;flex-wrap:wrap;padding-block:17px 4px;row-gap:3px}.site-header nav{flex-basis:100%;justify-content:space-between;gap:14px}.site-header nav>a.nav-experiments{display:block}.site-header nav a{padding-block:10px}.contact-pair{grid-template-columns:1fr;gap:23px}.contact-actions{align-items:flex-start;flex-direction:column;gap:13px}.contact-actions p{max-width:none;font-size:11px}.contact-submit{width:100%}.contact-status{min-height:0;margin-top:15px}}