#contact {scroll-margin-top:100px}.contact-form{display:flex;flex-direction:column;gap:12px;max-width:650px;margin:24px 0}.contact-form label{font-size:16px}.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;padding:14px;border:1px solid #888;border-radius:8px;font:inherit;background:white;color:#141414}.contact-form textarea{min-height:140px}.contact-form button{align-self:flex-start;border:0;cursor:pointer;font-size:14px}.contact-form button:disabled{opacity:.6;cursor:wait}.contact-form :focus-visible{outline:3px solid #a63b0a;outline-offset:3px}.form-trap{position:absolute;left:-10000px}.form-note{font-size:14px}.form-note a,#contact>p a{text-decoration:underline}[data-form-status]{font-size:16px;color:#333}.contact-form [data-form-status]:empty{display:none}
header .brand,header .btn{white-space:nowrap}
@media (max-width:420px){
  header{padding:10px 12px}
  header .brand{font-size:13px;letter-spacing:0.01em}
  header .nav-wrap{gap:6px}
  header .btn{padding:8px 12px;font-size:10px}
  .menu-btn{padding:4px}
}