/* Compact mobile navigation shared by the landing and About pages. */
.mobile-icon-nav,.mobile-brand-symbol{display:none}
@media(max-width:700px){
  .site-header .brand-lockup,header>.brand,.site-nav,.about-nav{display:none}
  .site-header,header{justify-content:flex-end}
  .mobile-icon-nav{position:static;display:flex;align-items:center;gap:14px;padding:0;font:inherit}
  .mobile-icon-nav a,.mobile-icon-nav button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;min-height:44px;padding:0 4px;border:0;background:none;color:inherit;cursor:pointer;text-decoration:none}
  .mobile-icon-nav{font:400 14px/1.5 Switzer,Arial,sans-serif;letter-spacing:0;text-transform:none}
  .mobile-icon-nav [aria-current=page]{text-decoration:underline;text-underline-offset:5px}
  .mobile-icon-nav button:disabled{opacity:.35;cursor:default}
  .mobile-icon-nav :focus-visible{outline:2px solid currentColor;outline-offset:3px}
}

@media(max-width:700px){
  .site-header{justify-content:space-between;gap:8px}
  .mobile-brand-symbol{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0}
  .mobile-brand-symbol img{width:32px;height:32px;object-fit:contain}
  .site-header .mobile-icon-nav{gap:8px}
}

/* Two line disclosure and shallow navigation panel, scoped to the landing header. */
@media(max-width:700px){
  .site-header .mobile-menu{position:static}
  .mobile-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;list-style:none;touch-action:manipulation;border-radius:50%}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}
  .mobile-menu-icon{position:relative;display:block;width:20px;height:14px}
  .mobile-menu-icon span{position:absolute;left:0;top:3px;width:20px;height:1.5px;border-radius:1px;background:currentColor;transition:transform .18s ease,top .18s ease}
  .mobile-menu-icon span+span{top:10px}
  .mobile-menu[open] .mobile-menu-icon span{top:6.5px;transform:rotate(45deg)}
  .mobile-menu[open] .mobile-menu-icon span+span{transform:rotate(-45deg)}
  .mobile-menu-panel{position:absolute;z-index:10;top:calc(100% + 12px);left:max(var(--edge,24px),env(safe-area-inset-left,0px));right:max(var(--edge,24px),env(safe-area-inset-right,0px));display:grid;padding:10px 20px;background:#f6f3ed;color:#292c26;border:1px solid #292c2612;border-radius:12px;box-shadow:0 12px 32px #0000001f}
  .mobile-menu:not([open]) .mobile-menu-panel{display:none}
  .site-header .mobile-menu-panel a{justify-content:flex-start;width:100%;min-height:54px;height:auto;padding:10px 2px;font:400 18px/1.4 Switzer,Arial,sans-serif}
  .mobile-menu-panel a+a{border-top:1px solid #292c2612}
  .mobile-menu-panel a:hover{color:#62675d}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-icon span{transition:none}}