.contact-navigation{position:relative}
.site-nav .contact-toggle{display:flex;align-items:center;gap:8px;font:500 15px var(--font-sans);color:var(--white);background:var(--green);border:0;border-radius:6px;padding:10px 16px;cursor:pointer}
.contact-toggle:hover{background:#245f2e}
.contact-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.contact-menu{position:absolute;right:0;top:calc(100% + 12px);width:260px;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000012;z-index:30}
.contact-menu[hidden]{display:none}
.site-nav .contact-menu a,.contact-menu .contact-pending{display:block;padding:12px;font-size:15px;text-decoration:none;border:0;border-radius:4px}
.contact-menu>*+*{border-top:1px solid var(--border)!important}
.contact-menu small{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px}
.contact-menu a:hover{background:var(--green-light)}
.contact-pending{color:var(--text-secondary)}
.contact-toggle:focus-visible,.contact-menu a:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:860px){.site-nav .contact-toggle{background:transparent;color:var(--text);padding:16px 0 6px;cursor:default;font-weight:600}.contact-toggle svg{display:none}.contact-menu,.contact-menu[hidden]{display:block;position:static;width:auto;padding:0;background:transparent;border:0;box-shadow:none}.site-nav .contact-menu a,.contact-menu .contact-pending{padding:12px 0;font-size:17px}}

.contact-email-icon { vertical-align:-3px; margin-left:3px; }
@media(max-width:860px) {
  .site-nav .contact-toggle { font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-secondary); padding:18px 0 8px; }
  .site-nav .contact-menu a { font-size:15px; padding:12px 0; border-radius:0; }
  .contact-menu small { display:none; }
  .contact-menu > * + * { border-top:1px solid var(--border)!important; }
}