.contact__grid { display: grid; gap: 3rem; }
.contact h2 { margin-block: 1rem 1.5rem; }
.contact p { max-width: 35rem; }
.contact__panel { align-self: center; }
.contact__form { display: grid; gap: .6rem; padding: 1.5rem; border: 1px solid var(--color-border); border-radius: var(--radius); }
.contact__form input { min-width: 0; width: 100%; min-height: 2.8rem; border: 1px solid var(--color-primary-border); border-radius: .3rem; background: var(--color-surface); padding: .6rem; }
.contact__form .button { margin-top: .8rem; }
.contact__note { font-size: .9rem; margin-bottom: 1rem; }
@media (min-width: 48rem) { .contact__grid { grid-template-columns: 1.3fr 1fr; gap: 5rem; } }

.contact__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; margin-top: 2rem; }
.contact__email { font-weight: 600; font-size: 1.1rem; overflow-wrap: anywhere; }
.contact__person { font-size: .85rem; }

.contact__outcome { margin-top:1.2rem; padding-left:1rem; border-left:3px solid var(--color-accent); font-weight:600; color:var(--color-primary); }
.contact__invitation { margin-top:1rem; font-size:.9rem; color:var(--color-muted); }
.contact__actions .button { max-width:100%; white-space:normal; }