/* Shared styling for existing closing invitations only. */
#contact.contact{background:var(--ink);padding:60px 0;color:var(--paper)}
#contact.contact .contact-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:clamp(32px,5vw,64px);align-items:center}
#contact.contact h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,3.07vw,38px);line-height:1.2;letter-spacing:-.8px;max-width:520px;margin:0 0 18px}
#contact.contact .eyebrow{font-size:11px;line-height:1.6;letter-spacing:2px;color:#eaf0ea;margin:0 0 16px}
#contact.contact p:not(.eyebrow){font-size:15px;line-height:1.75;max-width:480px;margin:0;color:#eaf0ea}
#contact.contact .contact-actions{display:flex;flex-direction:column;gap:12px;min-width:0;width:100%;max-width:300px;justify-self:end;text-align:left;margin:0}
#contact.contact .contact-actions>.email-action,#contact.contact .contact-actions>.phone,#contact.contact .contact-actions>.button{display:flex;align-items:center;justify-content:center;width:100%;height:48px;min-height:48px;padding:9px 18px;border:1px solid var(--paper);border-radius:5px;margin:0;text-decoration:none;line-height:1.2}
#contact.contact .contact-actions>.email-action,#contact.contact .contact-actions>.button{background:var(--paper);color:var(--ink);font:15px/1.2 Arial,sans-serif}
#contact.contact .contact-actions>.phone{background:transparent;color:var(--paper);font:23px/1.2 Georgia,serif}
#contact.contact .contact-actions>.email-action:hover,#contact.contact .contact-actions>.button:hover{background:#eaf0ea;text-decoration:none}
#contact.contact .contact-actions>.phone:hover{background:#f8f5ef0d;text-decoration:none}
/* Preserve the existing secondary action where an email action is already present. */
#contact.contact .contact-actions>.email-action~.button{align-self:flex-start;justify-content:flex-start;width:auto;height:auto;min-height:44px;padding:3px 0;border:0;border-radius:0;background:transparent;color:var(--paper);font-size:13px;text-decoration:underline;text-underline-offset:5px}
#contact.contact .contact-actions>.email-action~.button:hover{background:transparent}
#contact.contact .contact-actions p.subnote{font-size:12px;line-height:1.7;margin:0!important}
@media(min-width:651px) and (max-width:900px){
#contact.contact .contact-inner{gap:30px}
#contact.contact h2{font-size:32px}
}
@media(max-width:650px){
#contact.contact{padding:44px 0}
#contact.contact .contact-inner{grid-template-columns:minmax(0,1fr);gap:23px}
#contact.contact h2{font-size:30px;line-height:1.2;letter-spacing:-.6px;margin-bottom:17px}
#contact.contact p:not(.eyebrow){font-size:14.5px;line-height:1.75}
#contact.contact .contact-actions{max-width:300px;justify-self:start}
#contact.contact .contact-actions p.subnote{font-size:12px}
}