/* Shared site navigation for phones and narrow tablets. */
.site-menu-button{display:none}
@media(max-width:980px){
  header{position:relative;z-index:20;align-items:center!important;padding:15px 20px!important;min-height:70px}
  header .brand{min-width:0}
  header .brand span:last-child{font-size:11px}
  body.menu-ready .site-menu-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;min-width:92px;min-height:44px;padding:8px 12px;background:transparent;border:1px solid var(--wine,#302b27);border-radius:4px;color:var(--wine,#302b27);font:700 14px/1 'DM Sans',Arial,sans-serif;cursor:pointer}
  .site-menu-button:focus-visible{outline:3px solid var(--wine,#302b27);outline-offset:3px}
  .site-menu-icon{display:grid;gap:4px;width:17px}
  .site-menu-icon span{display:block;height:2px;background:currentColor;border-radius:2px}
  body.menu-ready header nav#site-navigation{display:none;position:absolute;left:0;right:0;top:100%;width:100%;padding:8px 20px 20px;background:var(--paper,#ffffff);border-bottom:1px solid var(--line,#d8d0c9);box-shadow:0 16px 25px rgba(23,23,23,.15);flex-direction:column;align-items:stretch;gap:0;font-size:16px;max-height:calc(100dvh - 70px);overflow-y:auto}
  body.menu-ready header nav#site-navigation.is-open{display:flex}
  body.menu-ready header nav#site-navigation a{display:flex;align-items:center;min-height:48px;padding:11px 8px;border-bottom:1px solid var(--line,#d8d0c9);text-decoration:none;line-height:1.35}
  body.menu-ready header nav#site-navigation a:last-child{border-bottom:0}
  body.menu-ready header nav#site-navigation a:hover,body.menu-ready header nav#site-navigation a[aria-current="page"]{color:var(--wine,#302b27);background:#f2f0ed}
}