@import url("mobile-interactions.css?v=20260825-2");

/* Unified mobile navigation. Keeps the drawer viewport-aligned across every public page. */
@media (max-width:1180px){
  .site-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .site-header .container{width:100%;box-sizing:border-box}
  .site-header .icon-btn,.site-header .search-btn{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .site-header .icon-btn svg{width:20px!important;height:20px!important}
  .site-header .search-btn .search-mark{width:16px;height:16px}
  .proto-mobile-menu{position:static!important}
  .proto-mobile-menu .mobile-drawer{position:fixed!important;top:88px!important;right:0!important;left:auto!important;width:min(420px,100vw)!important;max-width:100vw!important;height:calc(100dvh - 88px)!important;box-sizing:border-box!important;overflow-y:auto!important;overscroll-behavior:contain;background:var(--proto-bg,#fbfaf7)!important;border-left:1px solid var(--proto-line,#e4ded1)!important;box-shadow:-18px 20px 60px rgba(32,29,24,.10)!important;padding:0 28px 32px!important;z-index:1000!important}
  .drawer-top{height:78px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0!important;border-bottom:1px solid var(--proto-line,#e4ded1)!important}
  .drawer-home{display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;padding:0;border:0;font-size:.92rem!important;font-weight:650!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--proto-ink,#201d18)!important;text-decoration:none;background:transparent}
  .drawer-home:hover,.drawer-home:focus-visible{color:var(--proto-accent,#b9772f)!important}
  .drawer-close{appearance:none;border:0;background:transparent;color:var(--proto-muted,#857f73);width:44px;height:44px;padding:0;display:grid;place-items:center;cursor:pointer;font:300 2rem/1 var(--proto-sans,"Jost",sans-serif)}
  .drawer-close:hover,.drawer-close:focus-visible{color:var(--proto-ink,#201d18)}
  .drawer-home:focus-visible,.drawer-close:focus-visible{outline:2px solid var(--proto-accent,#b9772f);outline-offset:3px}
  .mobile-drawer nav{display:grid!important;width:100%;padding:16px 0 0!important}
  .mobile-drawer nav a{width:100%;min-height:68px;box-sizing:border-box;display:flex;align-items:center;padding:0!important;border-bottom:1px solid var(--proto-line,#e4ded1)!important;font-size:.92rem!important;font-weight:650!important;letter-spacing:.08em!important;text-transform:uppercase;text-align:left}
  .mobile-drawer nav a.active{color:var(--proto-accent,#b9772f)!important}
  html.mobile-menu-open,html.mobile-menu-open body{overflow-x:hidden!important;overflow-y:hidden!important}
}

@media (max-width:640px){
  .site-header .container{height:74px!important;padding-left:20px!important;padding-right:20px!important}
  .site-header .logo.logo-image{flex:0 1 auto;min-width:0}
  .brand-logo-header{width:190px!important;max-width:56vw!important;height:auto!important}
  .site-header .header-tools{margin-left:auto;gap:4px!important;flex:0 0 auto}
  .site-header .icon-btn,.site-header .search-btn{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .site-header .icon-btn svg{width:20px!important;height:20px!important}
  .site-header .search-btn .search-mark{width:18px;height:18px}
  .proto-mobile-menu .mobile-drawer{top:74px!important;left:0!important;right:0!important;width:100vw!important;height:calc(100dvh - 74px)!important;border-left:0!important;box-shadow:none!important;padding:0 20px 28px!important}
  .drawer-top{height:76px}
  .drawer-home{font-size:.94rem!important;letter-spacing:.075em!important}
  .mobile-drawer nav{padding-top:10px!important}
  .mobile-drawer nav a{min-height:66px;font-size:.94rem!important;letter-spacing:.075em!important}
}

@supports not (height:100dvh){
  @media (max-width:1180px){.proto-mobile-menu .mobile-drawer{height:calc(100vh - 88px)!important}}
  @media (max-width:640px){.proto-mobile-menu .mobile-drawer{height:calc(100vh - 74px)!important}}
}

/* final mobile home link override */
@media (max-width:1180px){.drawer-home{border:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important;background:transparent!important}}
