.contact-shell{padding:clamp(36px, 8vw, 100px) var(--gx) clamp(96px, 11vw, 140px);background:var(--cream)}.contact-shell .wrap{max-width:var(--maxw);margin-inline:auto}.contact-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;margin-top:16px;display:grid}@media (max-width:1080px){.contact-grid{grid-template-columns:1fr;gap:32px}}.desks{background:var(--line);border:1px solid var(--line);border-radius:6px;gap:1px;display:grid;overflow:hidden}.desk{background:var(--snow);transition:background .24s var(--e-out);grid-template-columns:140px 1fr;align-items:start;gap:24px;padding:28px;display:grid}.desk:hover{background:var(--paper)}.desk .l{font-family:var(--mono);letter-spacing:.22em;color:var(--stone);text-transform:uppercase;padding-top:4px;font-size:10.5px}.desk h3{letter-spacing:-.015em;font-size:22px;font-weight:500}.desk p{color:var(--graphite);max-width:50ch;margin-top:6px;font-size:13.5px;line-height:1.55}.desk .ways{font-family:var(--mono);flex-direction:column;gap:4px;margin-top:14px;font-size:13px;display:flex}.desk .ways a{color:var(--ink);border-bottom:1px solid;padding-bottom:1px}.desk .ways a:hover{color:var(--slate)}@media (max-width:700px){.desk{grid-template-columns:1fr;gap:12px}}.note-pane{background:var(--ink);color:var(--cream);top:calc(var(--nav-h) + 16px);border-radius:6px;flex-direction:column;gap:16px;padding:clamp(24px,4vw,36px) clamp(20px,4vw,32px);display:flex;position:sticky}@media (max-width:1080px){.note-pane{position:static}}.note-pane h3{letter-spacing:-.02em;max-width:18ch;font-size:28px;font-weight:500;line-height:1.1}.note-pane p{color:#efeadbb3;font-size:14px;line-height:1.6}.note-pane .field label{color:#efeadb80}.note-pane .field input,.note-pane .field textarea{color:var(--cream);background:#efeadb0f;border:1px solid #efeadb1f}.note-pane .field input:focus,.note-pane .field textarea:focus{border-color:var(--cream);background:#efeadb1a}.note-pane .btn.cream{justify-content:center}body.dark .contact-shell{background:var(--ink)}body.dark .contact-shell h1,body.dark .contact-shell h2{color:var(--cream)}body.dark .desks{background:var(--line-d);border-color:var(--line-d)}body.dark .desk{background:var(--char);color:var(--cream)}body.dark .desk:hover{background:var(--graphite)}body.dark .desk h3{color:var(--cream)}body.dark .desk p{color:#efeadbb8}body.dark .desk .ways a{color:var(--cream)}body.dark .desk .ways a:hover{color:#efeadb99}