/* START: Wells Depot Museum navigation. */
.header-slot{height:0;position:relative;z-index:1000}
.header-slot.header-enhanced{height:0}
.site-header{--header-top:0px;position:fixed;inset:var(--header-top) 0 auto;z-index:1000;width:100%;max-width:1170px;margin-inline:auto;background:#2d353d;color:#fff;box-shadow:0 6px 20px rgb(0 0 0 / .13)}
.site-header.menu-enhanced{position:fixed;inset:var(--header-top) 0 auto}
.admin-bar .site-header{--header-top:32px}
.header-brand-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:98px;padding:10px 25px;box-sizing:border-box}
.site-header .site-branding{display:block;flex:0 1 527px;min-width:0;line-height:0}
.site-header .site-branding a{display:block;line-height:0}
.site-header .site-branding img{display:block;width:527px;max-width:100%;height:auto;aspect-ratio:527 / 79}
.site-header .membership-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;padding:8px 12px;border:2px solid #c08e39;color:#fff;font-family:Philosopher,Georgia,serif;font-size:18px;font-weight:400;line-height:1.3;text-decoration:none}
.site-header .membership-link svg{width:18px;height:18px;flex-shrink:0}
.site-header .membership-link:hover{background:#c08e39;color:#10151b}
.site-header .nav-toggle{display:none}
.site-header :is(a,button):focus-visible{outline:3px solid #fff;outline-offset:4px}
/* Keep the desktop menu usable while noticeably reducing the logo row. */
.site-header.is-scrolled .header-brand-row{min-height:56px;padding-block:6px}
.site-header.is-scrolled .site-branding{flex-basis:280px}
.site-header.is-scrolled .site-branding img{width:280px}
.site-nav{background:#c08e39;color:#10151b}
.site-nav ul{list-style:none;margin:0;padding:0}
.site-nav li{position:relative;margin:0;padding:0}
.site-nav a{color:#10151b;text-decoration:none}
.site-nav :is(a,button):focus-visible{outline:3px solid #10151b;outline-offset:-4px}
.site-nav #primary-menu{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:0;min-height:45px;margin:0;padding:0 8px;list-style:none}
.site-nav #primary-menu>li{display:flex;align-items:stretch}
.site-nav #primary-menu>li>a{display:flex;align-items:center;min-height:45px;padding:10px 9px;box-sizing:border-box;font-family:Comfortaa,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.45;text-transform:uppercase;white-space:nowrap}
.site-nav #primary-menu>li>a:hover,.site-nav #primary-menu>.current-menu-item>a,.site-nav #primary-menu>.current-menu-ancestor>a{background:#2d353d;color:#fff}
.site-nav #primary-menu>li>a:hover:focus-visible,.site-nav #primary-menu>.current-menu-item>a:focus-visible{outline-color:#fff}
.site-nav .submenu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;min-height:44px;margin:0;padding:8px;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer}
.site-nav .submenu-toggle svg{display:block;width:20px;height:20px}
.site-nav .menu-item-open>.submenu-toggle svg{transform:rotate(180deg)}
.site-nav .submenu-toggle:hover{background:#2d353d;color:#fff}
.site-nav .sub-menu{min-width:230px;padding:8px;background:#2d353d;box-shadow:0 10px 22px rgb(0 0 0 / .18)}
.site-nav .sub-menu li{display:flex;flex-wrap:wrap}
.site-nav .sub-menu a{display:flex;align-items:center;flex:1;min-width:0;min-height:44px;padding:10px 12px;box-sizing:border-box;color:#fff;font-family:Comfortaa,Arial,sans-serif;font-size:14px;line-height:1.5}
.site-nav .sub-menu .submenu-toggle{color:#fff}
.site-nav .sub-menu a:hover,.site-nav .sub-menu .submenu-toggle:hover{background:#c08e39;color:#10151b}
.site-nav .sub-menu :is(a,button):focus-visible{outline-color:#fff}
.site-nav .sub-menu a:hover:focus-visible,.site-nav .sub-menu .submenu-toggle:hover:focus-visible{outline-color:#10151b}
.site-nav .sub-menu .sub-menu{flex-basis:100%;margin-left:12px;box-shadow:none}
.site-header.menu-enhanced .site-nav .sub-menu{display:none}
.site-header.menu-enhanced .site-nav .menu-item-open>.sub-menu{display:block}
@media (width>1200px){
  .site-nav #primary-menu{flex-wrap:nowrap}
  .site-nav #primary-menu>li>.sub-menu{position:absolute;top:100%;left:0;z-index:5;width:max-content;max-width:320px}
  .site-nav #primary-menu>li:nth-last-child(-n+3)>.sub-menu{right:0;left:auto}
  .site-nav #primary-menu>li.menu-item-has-children>a{padding-right:2px}
  .site-nav #primary-menu>li>.submenu-toggle{width:28px;padding-inline:4px}
}
@media (max-width:1200px){
  .header-brand-row{min-height:102px;gap:18px;padding:12px 22px}
  .site-header .site-branding{flex:0 1 470px}
  .site-header .site-branding img{width:470px}
  .site-header .membership-link{font-size:16px;padding:8px 10px}
  .site-header.menu-enhanced .nav-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;margin:0;padding:10px;border:1px solid #c08e39;border-radius:0;background:transparent;color:#fff;cursor:pointer}
  .site-header .nav-toggle svg{display:block;width:24px;height:24px}
  .site-header .nav-toggle:hover,.site-header .nav-toggle[aria-expanded=true]{background:#c08e39;color:#10151b}
  .site-header.is-scrolled .header-brand-row{min-height:64px;padding-block:8px}
  .site-header.is-scrolled .site-branding{flex-basis:300px}
  .site-header.is-scrolled .site-branding img{width:300px}
  .site-nav{border-top:2px solid #c08e39;background:#2d353d}
  .site-nav #primary-menu{display:block;min-height:0;margin:0;padding:8px 18px calc(16px + env(safe-area-inset-bottom));background:#2d353d}
  .site-header.menu-enhanced .site-nav{display:none;position:fixed;top:var(--menu-panel-top,102px);right:0;left:0;max-height:var(--menu-panel-height,calc(100dvh - 102px));overflow:auto;overscroll-behavior:contain;box-shadow:0 18px 26px rgb(0 0 0 / .22)}
  .site-header.menu-enhanced .site-nav.is-open{display:block}
  .site-nav #primary-menu>li{display:flex;flex-wrap:wrap;align-items:stretch;width:100%}
  .site-nav #primary-menu>li+li{border-top:1px solid rgb(255 255 255 / .15)}
  .site-nav #primary-menu>li>a{flex:1;min-width:0;min-height:50px;padding:14px 12px;color:#fff;font-size:14px;line-height:1.55;white-space:normal}
  .site-nav #primary-menu>li>a:hover,.site-nav #primary-menu>.current-menu-item>a,.site-nav #primary-menu>.current-menu-ancestor>a{background:#c08e39;color:#10151b}
  .site-nav .submenu-toggle{width:48px;min-height:48px;color:#fff}
  .site-nav .submenu-toggle:hover{background:#c08e39;color:#10151b}
  .site-nav .sub-menu{flex-basis:100%;min-width:0;width:100%;max-width:none;margin:0 0 8px;padding:4px 8px 4px 12px;border-left:2px solid #c08e39;background:rgb(0 0 0 / .12);box-shadow:none}
  .site-nav .sub-menu .sub-menu{margin-left:8px}
  .site-nav :is(a,button):focus-visible{outline-color:#fff}
  .site-nav #primary-menu>li>a:hover:focus-visible,.site-nav #primary-menu>.current-menu-item>a:focus-visible,.site-nav #primary-menu>.current-menu-ancestor>a:focus-visible{outline-color:#10151b}
}
@media (max-width:782px){
  .admin-bar .site-header{--header-top:46px}
}
@media (max-width:700px){
  .header-brand-row{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px 16px;min-height:124px;padding:10px 18px}
  .site-header .site-branding{grid-column:1 / -1;justify-self:center;width:min(100%,400px)}
  .site-header .site-branding img{width:400px}
  .site-header .membership-link{grid-column:1;justify-self:start;font-size:16px;min-height:42px;box-sizing:border-box}
  .site-header .nav-toggle{grid-column:2;grid-row:2}
  /* Keep both controls available in the compact single-row phone header. */
  .site-header.is-scrolled .header-brand-row{grid-template-columns:minmax(0,1fr) 44px 46px;min-height:64px;gap:0 8px;padding-block:8px}
  .site-header.is-scrolled .site-branding{grid-column:1;grid-row:1;justify-self:start;width:min(100%,310px)}
  .site-header.is-scrolled .site-branding img{width:310px}
  .site-header.is-scrolled .header-brand-row>.membership-link{position:relative;grid-column:2;grid-row:1;width:44px;min-height:44px;padding:0}
  .site-header.is-scrolled .header-brand-row>.membership-link>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
  .site-header.is-scrolled .nav-toggle{grid-column:3;grid-row:1}
}
@media (prefers-reduced-motion:no-preference){
  .site-header .membership-link,.site-header .nav-toggle,.site-nav a,.site-nav .submenu-toggle{transition:background-color .15s ease,color .15s ease}
}
/* STOP: Wells Depot Museum navigation. */