.of-contact {
     display:grid; 
     gap:16px;
     max-width:480px;
     margin:24px auto;
     text-align:left;
     }
.of-contact label {
     display:grid;
     gap:4px;
     font-weight:600;
     }
.of-contact input, .of-contact textarea {
     box-sizing:border-box;
     width:100%;
     padding:10px 14px;
     border:1px solid var(--sage);
     border-radius:10px;
     font:inherit;
     background:var(--ivory);
     color:var(--ink);
     }
.of-contact textarea { resize:vertical; }
.of-contact button { justify-self:start; font:inherit; cursor:pointer; }

.contact-social { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.contact-social a { align-items: center; gap: 8px; }