.contact-page{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.05fr);gap:clamp(2rem,7vw,8rem);align-items:start;padding:clamp(7rem,13vw,12rem) var(--gutter,4vw) clamp(5rem,9vw,8rem)}
.contact-intro h1{max-width:10ch;margin:.7rem 0 1.2rem}.contact-intro .lede{max-width:34rem}.contact-note{margin-top:3.2rem;border-top:1px solid var(--line,#d4d2ca);padding-top:1.2rem;max-width:28rem}.contact-note span,.contact-form label,.form-help{color:var(--muted,#696969);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.contact-note p{font-size:1rem;line-height:1.55;letter-spacing:0;text-transform:none}
.contact-form{display:grid;gap:1.15rem;padding:clamp(1.35rem,3vw,2.6rem);background:var(--soft,#efefeb);border:1px solid var(--line,#d4d2ca)}.contact-form label{display:grid;gap:.5rem}.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;background:var(--paper,#fbfaf6);border:1px solid var(--line,#c9c7bf);border-radius:0;color:var(--ink,#202020);font:inherit;font-size:1rem;letter-spacing:0;padding:.8rem}.contact-form textarea{line-height:1.5;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent,#caff28);outline-offset:2px}.form-help{margin:0;line-height:1.5;text-transform:none;letter-spacing:0}.form-message{margin:0;padding:.85rem 1rem;border-left:3px solid var(--ink,#202020);background:var(--paper,#fff);font-size:.94rem}.form-message.error{border-left-color:#b32929}
.admin-badge{display:inline-grid;min-width:1.25rem;height:1.25rem;place-items:center;border-radius:999px;background:#caff28;color:#171717;font-size:.72rem}.admin-inbox-preview{margin-top:3rem;padding-top:2rem;border-top:1px solid #d4d2ca}.admin-inbox-preview h2{margin:0}.admin-inbox-preview small,table small{display:block;margin-top:.25rem}.message-status{display:inline-block;border-radius:999px;padding:.2rem .55rem;background:#e6e5df;font-size:.78rem;text-transform:capitalize}.message-status.new{background:#caff28}.message-status.archived{opacity:.65}.message-list{display:grid;gap:1rem;margin-top:2rem}.admin-message{border:1px solid #d4d2ca;background:#fff;padding:1.35rem}.admin-message header,.admin-message footer{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.admin-message h2{margin:0;font-size:1.3rem}.admin-message header p{margin:.35rem 0 0}.message-body{max-width:70ch;line-height:1.6}.admin-message footer{align-items:center;border-top:1px solid #e3e2dd;padding-top:1rem;color:#666;font-size:.88rem}.admin-message footer form{display:flex;gap:.55rem;align-items:center}.admin-message select{padding:.45rem;background:#fff;border:1px solid #c9c7bf}.admin-message .button{padding:.55rem .8rem}.secondary{background:transparent!important;color:inherit!important;border:1px solid currentColor}.empty-state{padding:2rem;border:1px dashed #c9c7bf}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:760px){.contact-page{grid-template-columns:1fr;padding-top:7rem}.contact-intro h1{max-width:12ch}.admin-message header,.admin-message footer{display:block}.admin-message footer form{margin-top:1rem;flex-wrap:wrap}.admin-inbox-preview{overflow-x:auto}}