/* Fit the additional menu item using the existing menu appearance. */
@media(min-width:861px){#primaryNav:has([data-working-nav]){gap:clamp(12px,1.8vw,28px)}}
#primaryNav:has([data-working-nav])>.nav-item--sub{flex-shrink:0}
#primaryNav:has([data-working-nav])>.nav-item--sub>.nav-link{display:inline-flex;align-items:center;white-space:nowrap}
#primaryNav:has([data-working-nav]) .nav-caret{flex-shrink:0}
@media(min-width:861px) and (max-width:1100px){
.site-header:has([data-working-nav]) .nav{position:fixed;top:var(--header-total);left:0;right:0;flex-direction:column;align-items:stretch;gap:0!important;padding:8px 24px 26px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 34px rgba(26,54,93,.08);transform:translateY(-12px);opacity:0;visibility:hidden;max-height:calc(100dvh - var(--header-total));overflow-y:auto}
.site-header:has([data-working-nav]) .nav.is-open{transform:none;opacity:1;visibility:visible}
.site-header:has([data-working-nav]) .nav a.nav-link{padding:15px 0;border-bottom:1px solid var(--line-soft)}
.site-header:has([data-working-nav]) .nav .btn{margin-top:20px;width:100%}
.site-header:has([data-working-nav]) .nav-toggle{display:inline-flex}
.site-header:has([data-working-nav]) .nav>.nav-item--sub{display:block}
.site-header:has([data-working-nav]) .nav-caret{display:none}
.site-header:has([data-working-nav]) .nav-sub,.site-header:has([data-working-nav]) .nav-item--sub:hover .nav-sub,.site-header:has([data-working-nav]) .nav-item--sub:focus-within .nav-sub{position:static;left:auto;transform:none;opacity:1;visibility:visible;min-width:0;padding:0;background:transparent;border:0;box-shadow:none}
.site-header:has([data-working-nav]) .nav-sub::before{display:none}
.site-header:has([data-working-nav]) .nav-sub a{padding:12px 0 12px 18px;font-size:14px;white-space:normal;border-bottom:1px solid var(--line-soft)}
}
@media(max-width:860px){#primaryNav:has([data-working-nav]){max-height:calc(100dvh - var(--header-h));overflow-y:auto}}
/* Collapsed submenus must not remain clickable over the page on small screens. */
@media(max-width:1100px){
.site-header:has([data-working-nav]) #primaryNav:not(.is-open){pointer-events:none}
.site-header:has([data-working-nav]) #primaryNav:not(.is-open) .nav-sub{visibility:hidden;pointer-events:none}
.site-header:has([data-working-nav]) #primaryNav.is-open{pointer-events:auto}
}

/* Compact glass treatment for the shared site navigation. */
:root{--header-h:72px}
@media(max-width:1080px){:root{--header-h:64px}}
#siteHeader.site-header{
  background:rgba(250,252,254,.78);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  backdrop-filter:blur(18px) saturate(145%);
  border-bottom-color:rgba(26,54,93,.13);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  #siteHeader.site-header{background:#f7f9fb}
}
#siteHeader #primaryNav .btn--primary.btn--sm{background:#c0a062;border-color:#c0a062;color:#142a49}
#siteHeader #primaryNav .btn--primary.btn--sm:hover{transform:translateY(-2px)}
.hero .hero-meta:has(+.pup-hero-glass){margin-top:26px}
.hero .hero-meta+.pup-hero-glass{margin-top:22px}