/* One established menu presentation on every public page. */
header.site-header{position:relative;height:94px;padding:0 4%;background:#455148;color:#eee9db;display:flex;align-items:center;justify-content:center;z-index:100}
.site-home-link{display:block;line-height:0;cursor:pointer}
header.site-header .site-home-link img,.mast .site-home-link img{height:59px;width:auto;max-width:100%;margin:0;object-fit:contain}
.ladder-button{position:absolute;right:4%;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:49px;height:60px;min-width:44px;padding:4px 10px;background:none;border:0;color:#eee9db;cursor:pointer;z-index:101}
.ladder-svg{height:47px;width:25px;overflow:visible;transform:rotate(19deg);color:#eee9db;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.ladder-button[aria-expanded=true] .ladder-svg{transform:rotate(0deg);color:#eee9db}
.ladder-button:focus-visible{outline:2px solid #c6a76b;outline-offset:3px}
body.navigation-open{overflow:hidden}
.navigation-open header.site-header{position:fixed;inset:0 0 auto;background:transparent}
#menuOverlay{position:fixed;inset:0;z-index:90;background:#455148;overflow-x:clip;overflow-y:auto;opacity:1;pointer-events:auto}
#menuOverlay[hidden]{display:none!important}
#menuOverlay .menu-hero{position:fixed;inset:0;pointer-events:none}
#menuOverlay .menu-hero img{width:70%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,#000 0%,#000 42%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 42%,transparent 100%)}
#menuOverlay .menu-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 8%,#45514822 30%,#455148d9 57%,#455148 76%)}
#menuOverlay .menu-list{position:absolute;top:max(310px,52%);right:0;transform:translateY(-50%);width:35%;max-height:none;overflow:visible;padding:0;display:flex;flex-direction:column;gap:28px;letter-spacing:normal}
#menuOverlay .menu-list>a{display:flex;align-items:flex-end;min-height:48px;padding:0 0 8px 3px;border-bottom:1px solid #fff9;color:#fff;text-decoration:none;text-transform:uppercase;font:normal clamp(22px,2.3vw,38px)/1.2 Georgia,serif;transition:margin-left .45s cubic-bezier(.2,.8,.2,1)}
#menuOverlay .menu-list>a:hover,#menuOverlay .menu-list>a:focus-visible{margin-left:-9vw;padding-left:3px;color:#fff}
#menuOverlay .get-saints-plus{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:4px 16px;min-height:80px;margin:10px 0 0;padding:12px 18px;border:1px solid #c6a76b66;border-radius:4px;background:linear-gradient(110deg,#000,#202020);box-shadow:none;color:#eee9db;cursor:default}
#menuOverlay .get-saints-plus:hover{margin-left:0;padding:12px 18px;background:linear-gradient(110deg,#000,#202020);border-color:#c6a76b66}
#menuOverlay .get-saints-plus .plus-band-logo{grid-column:1;grid-row:1/3;position:relative;display:block;width:132px;height:40px;overflow:hidden}
#menuOverlay .get-saints-plus .plus-band-logo img{position:absolute;width:146.5px;max-width:none;height:auto;left:-6.3px;top:-21.6px}
#menuOverlay .menu-plus-status{grid-column:2;grid-row:1;align-self:end;font:10px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#e4c58b}
#menuOverlay .menu-plus-description{grid-column:2;grid-row:2;align-self:start;font:12px/1.4 Georgia,serif;color:#eee9db;letter-spacing:normal}
#searchResults .search-result{display:block;padding:16px 0;color:#eee9db;text-decoration:none;font:22px/1.4 Georgia,serif}
#searchResults .search-result small{display:block;font:11px/1.5 Arial,sans-serif;color:#d9c395;margin-top:4px}
#searchResults .search-result:hover span{text-decoration:underline}
@media(max-width:700px){header.site-header{height:78px}header.site-header .site-home-link img,.mast .site-home-link img{height:44px;max-width:55vw}.ladder-svg{height:42px}#menuOverlay .menu-list{width:64%;gap:25px;top:max(280px,52%)}#menuOverlay .menu-list>a{font-size:25px}#menuOverlay .menu-hero img{width:100%;object-position:40% center;mask-image:linear-gradient(90deg,#000,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 100%)}#menuOverlay .menu-hero::after{background:linear-gradient(90deg,transparent 8%,#455148ed 85%,#455148)}#menuOverlay .get-saints-plus,#menuOverlay .get-saints-plus:hover{grid-template-columns:110px minmax(0,1fr);gap:4px 12px;padding:12px}#menuOverlay .menu-plus-description{font-size:11px}#menuOverlay .plus-band-logo{width:110px;height:34px}#menuOverlay .plus-band-logo img{width:122px;left:-5.2px;top:-18px}}
@media(prefers-reduced-motion:reduce){.ladder-svg,#menuOverlay .menu-list>a{transition:none}}
.mast{z-index:100}
/* The invitation is the resting state; category images appear on hover/focus. */
#menuOverlay .menu-hero img[src="/assets/menu-wall.jpg"]{object-position:right center}
#menuOverlay{background:radial-gradient(ellipse at 18% 30%,#292929 0%,transparent 58%),radial-gradient(ellipse at 38% 90%,#191919 0%,transparent 64%),#000}
#menuOverlay .menu-invitation{position:absolute;z-index:1;left:8%;top:50%;transform:translateY(-50%);max-width:48%;margin:0;color:#fcf9f5;font:normal clamp(42px,6vw,96px)/1.12 Georgia,serif;letter-spacing:-.035em;transition:opacity .35s ease}
#menuOverlay.has-menu-image .menu-invitation{opacity:0}
@media(max-width:700px){#menuOverlay .menu-invitation{left:7%;top:126px;max-width:85%;transform:none;font-size:38px}#menuOverlay .menu-list{top:max(335px,57%);gap:20px}}
@media(prefers-reduced-motion:reduce){#menuOverlay .menu-invitation{transition:none}}

#menuOverlay .menu-invitation > span {
  animation: menu-invitation-in .45s ease .5s backwards;
}
@keyframes menu-invitation-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  #menuOverlay .menu-invitation > span { animation: none; }
}