/* Only the extra Blogs navigation item: use the existing menu at widths
   where seven desktop links would overlap the existing brand or enquiry CTA. */
@media (min-width:621px) and (max-width:1180px) {
 .site-header { grid-template-columns:1fr auto auto; }
 .site-header .main-nav { display:none; }
 .site-header .mobile-menu { display:block;justify-self:end;position:relative; }
 .site-header .mobile-menu-button { min-height:42px;padding:0 11px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.28);color:white;background:transparent;cursor:pointer;font:inherit;font-size:10px;font-weight:800;letter-spacing:.12em; }
 .site-header .mobile-menu-chevron { transition:transform .2s ease; }
 .site-header .mobile-menu.is-open .mobile-menu-chevron { transform:rotate(180deg); }
 .site-header .mobile-menu-panel { position:absolute;top:calc(100% + 14px);right:0;width:min(292px,calc(100vw - 32px));max-height:0;padding:0;display:grid;overflow:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;color:white;background:rgba(6,16,26,.98);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.35);transition:max-height .26s ease,padding .26s ease,opacity .2s ease,transform .26s ease; }
 .site-header .mobile-menu.is-open .mobile-menu-panel { max-height:360px;padding:10px 0;opacity:1;transform:translateY(0);pointer-events:auto; }
 .site-header .mobile-menu-panel a { padding:14px 20px;font-size:12px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.08); }
 .site-header .mobile-menu-panel a:last-child { border-bottom:0; }
}

/* Seven existing-style menu rows, including Blogs, must remain reachable. */
@media (max-width:620px) { .site-header .mobile-menu.is-open .mobile-menu-panel { max-height:360px; } }