.contact{padding-block:56px 0}.contact__header{max-width:34em;margin-bottom:40px}.contact__header h1{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,5vw,2.75rem);font-weight:700}.contact__header p{font-size:1.05rem}.contact__body{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:48px;display:grid}.field{margin-bottom:20px}.fields-row{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}label{margin-bottom:6px;font-size:.95rem;font-weight:500;display:block}label span[aria-hidden]{color:var(--color-primary)}.field__note{color:var(--color-text-secondary);font-size:.85rem;font-weight:400}p.field__note{margin-top:6px}input[type=text],input[type=email],input[type=tel],textarea{width:100%;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px 14px;transition:border-color .15s}input:hover,textarea:hover{border-color:var(--color-text-secondary)}input:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:#0000}textarea{resize:vertical;min-height:9em}::placeholder{color:var(--color-text-secondary);opacity:.65}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.button{font:inherit;color:var(--paper);background:var(--ink);border-radius:var(--radius);cursor:pointer;border:0;padding:14px 28px;font-weight:600;transition:background-color .15s;display:inline-block}.button:hover{background:var(--color-primary)}.contact__notice{max-width:38em;margin-top:20px;font-size:.85rem}.message{border-radius:0 var(--radius) var(--radius) 0;background:var(--color-surface);border-left:3px solid;margin-bottom:28px;padding:16px 18px}.message p{color:var(--color-text)}.message--success{background:#e8f3ec;border-color:#1c6b37}.message--error{border-color:var(--color-primary);background:#fdede8}.message ul{list-style:none}.message li{color:var(--color-text)}.message li+li{margin-top:4px}.contact__aside{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px}.contact__aside h2{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:8px;font-size:.78rem;font-weight:700}.contact__aside h2+p,.contact__aside h2+p+a{margin-bottom:24px}.contact__aside>:last-child{margin-bottom:0}.contact__mail{color:var(--color-primary);border-bottom:1px solid;font-weight:600;display:inline-block}@media (width<=860px){.contact__body{grid-template-columns:1fr;gap:32px}.contact__aside{order:-1}}@media (width<=560px){.fields-row{grid-template-columns:1fr}.button{width:100%}}