/* The mobile menu uses the native disclosure element, without custom JavaScript. */
.menu-disclosure{display:contents}
.menu-disclosure>summary{display:none}
.menu-disclosure nav{display:flex;align-items:stretch;height:100%}
.menu-disclosure nav>a{display:flex;align-items:center;gap:9px;padding:0 20px;border-left:1px solid var(--line);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.menu-disclosure nav>a span{font:500 9px var(--mono);color:var(--muted);align-self:flex-start;margin-top:34px}
.menu-disclosure nav>a[aria-current=page]{background:var(--ink);color:var(--paper)}
.menu-disclosure nav>a[aria-current=page] span{color:var(--signal)}
.menu-disclosure nav .nav-enquiry{padding-inline:28px;background:var(--signal);border-color:var(--ink)}
.nav-enquiry b{font-size:18px}
.site-header .header-enquiry{display:flex;flex:0 0 auto;align-items:center;gap:12px;padding:12px 18px;border:1px solid var(--ink);background:var(--signal);font:500 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:background .2s ease,color .2s ease}
.site-header .header-enquiry:hover{background:var(--ink);color:var(--signal)}
.site-header .header-enquiry:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.site-header .header-enquiry b{font-size:18px}
@media(max-width:1000px){
  .site-header{gap:12px}
  .site-header .header-enquiry{gap:6px;padding:10px 12px;font-size:9px}
  .menu-disclosure{flex:0 0 auto}
  .menu-disclosure{display:block}
  .menu-disclosure>summary{display:flex;align-items:center;gap:5px;flex-wrap:wrap;width:60px;justify-content:flex-end;list-style:none;cursor:pointer}
  .menu-disclosure>summary::-webkit-details-marker{display:none}
  .menu-disclosure>summary>span{width:24px;height:1px;background:var(--ink)}
  .menu-disclosure>summary>b{width:100%;text-align:right;font:500 9px var(--mono);text-transform:uppercase}
  .menu-disclosure nav{position:fixed;inset:82px 0 0;display:none;flex-direction:column;height:auto;background:var(--paper)}
  .menu-disclosure[open] nav{display:flex}
  .menu-disclosure nav>a{min-height:80px;border:0;border-bottom:1px solid var(--line);font-size:25px}
  .menu-disclosure nav>a span{margin:0}
}
@media(max-width:720px){
  .site-header .brand{width:auto;min-width:0;flex:1 1 auto}
  .site-header .header-enquiry{gap:5px;padding:9px 10px;font-size:8px}
  .site-header .header-enquiry b{font-size:15px}
  .menu-disclosure>summary{width:44px}
}