.contact_wrapper{width:min(100% - (var(--gutter)*2),var(--page-max));gap:clamp(2rem,5vw,4rem);margin-inline:auto;padding-block:0 clamp(3rem,8vw,6rem);display:grid}.contact_left{max-width:48ch}.contact_left h1{font-size:var(--fs-h2);margin-bottom:.75rem}.contact_left p{color:var(--muted);margin-bottom:2rem}.social_box{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.social_item{border:1px solid var(--line);border-radius:var(--radius-pill);min-height:48px;color:var(--ink);background:var(--bg);transition:color var(--dur-fast)ease,border-color var(--dur-fast)ease,transform var(--dur-fast)ease;align-items:center;gap:.75rem;padding:.7rem 1.2rem;display:inline-flex}.social_item:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.social_icon{font-size:1.1rem}.contact_form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;width:100%;max-width:520px;padding:clamp(1.25rem,3vw,2rem);display:flex}.contact_form input,.contact_form textarea{width:100%;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color var(--dur-fast)ease,box-shadow var(--dur-fast)ease;padding:.9rem 1rem}.contact_form input::placeholder,.contact_form textarea::placeholder{color:var(--muted-soft)}.contact_form input:focus,.contact_form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.contact_form textarea{resize:vertical;min-height:160px}.contact_form button{color:#fff;letter-spacing:var(--tracking-label);background:var(--ink);border-radius:var(--radius-sm);transition:background-color var(--dur-fast)ease,transform var(--dur-fast)ease;padding:.95rem 1.25rem}.contact_form button:hover{background:var(--accent);transform:translateY(-1px)}.contact_form button:disabled{opacity:.65;cursor:progress;transform:none}.contact_form button[data-state=sent],.contact_form button[data-state=sent]:hover{background:var(--ink);cursor:default;transform:none}.contact_form__note{font-size:var(--fs-small);color:var(--accent);margin:0}@media (min-width:900px){.contact_wrapper{grid-template-columns:1fr 1fr;align-items:start}.contact_left h1{font-size:var(--fs-h1)}.contact_form{justify-self:end}}