/* Explicit header alignment keeps the menu beside the official logo. */
.hero>nav{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:normal;gap:24px;position:relative;z-index:20;width:100%;box-sizing:border-box}
.hero>nav>.logo{grid-column:1;grid-row:1;justify-self:start;max-width:150px}
.hero>nav>.navlinks{grid-column:2;grid-row:1;justify-self:end}
.hero>nav>.menu-toggle{display:none;grid-column:2;grid-row:1;justify-self:end;margin:0;position:static;transform:none;min-height:46px;min-width:94px;color:#17354a;border:1px solid #9f8559;font:12px/1.3 Arial,sans-serif;letter-spacing:.04em;padding:12px 16px}
@media(max-width:850px){
 .hero>nav{padding-inline:7%;gap:18px}
 .hero>nav>.menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px}
 .hero>nav>.navlinks{display:none;position:absolute;top:100%;left:7%;right:7%;width:auto;max-height:70vh;overflow:auto;grid-column:auto;grid-row:auto;justify-self:auto;margin:0;padding:12px;background:#fcfaf4;box-shadow:0 16px 35px #17354a20}
 .hero>nav>.navlinks.is-open{display:flex;flex-direction:column;align-items:stretch}
 .hero>nav>.navlinks a{display:block;min-height:48px;padding:16px;text-align:left}
}