/* Shared desktop navigation for the public interior pages. */
/* Keep the compact header attached to the viewport on every interior page. */
@media (max-width:1024px){
  body .nav.interior-floating-nav{position:fixed;top:0;right:0;left:0;z-index:200;transform:translateY(0);transition:transform .45s cubic-bezier(.2,.8,.2,1),padding .35s ease,background .35s ease,color .35s ease}
  body .nav.interior-floating-nav.is-hidden:not(.is-menu-open){transform:translateY(-110%)}
  body .nav.interior-floating-nav.is-menu-open{transform:translateY(0)}
}
@media (min-width:1025px){
  body .nav.interior-floating-nav{position:sticky;top:0;z-index:150;background:#07182b;color:#fff;border-bottom:1px solid rgba(199,164,109,.3);padding:12px 0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .22s ease,box-shadow .22s ease}
  body .nav.interior-floating-nav .brand{color:#fff}
  body .nav.interior-floating-nav .brand-mark{color:#d6b27b;border-color:#d6b27b}
  body .nav.interior-floating-nav .brand-name{color:#fff}
  body .nav.interior-floating-nav .brand-name small{color:#d6b27b}
  body .nav.interior-floating-nav .nav-link{color:#f1f4f6}
  body .nav.interior-floating-nav .nav-cta{color:#07182b;background:#c7a46d;border-color:#c7a46d}
  body .nav.interior-floating-nav .nav-link:hover{color:#e7bf83}
  body .nav.interior-floating-nav.is-scrolled{background:transparent;border-bottom-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  body .nav.interior-floating-nav.is-scrolled .brand{background:rgba(7,24,43,.9);padding:6px 10px;margin:-6px -10px;border-radius:2px;box-shadow:0 2px 18px rgba(1,12,25,.2)}
  body .nav.interior-floating-nav.is-scrolled .nav-actions{opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,visibility .18s ease,transform .18s ease}
  body .nav.interior-floating-nav.is-scrolled:hover,
  body .nav.interior-floating-nav.is-scrolled:focus-within{background:rgba(7,24,43,.96);border-bottom-color:rgba(199,164,109,.3);box-shadow:0 10px 30px rgba(0,0,0,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  body .nav.interior-floating-nav.is-scrolled:hover .brand,
  body .nav.interior-floating-nav.is-scrolled:focus-within .brand{background:transparent;box-shadow:none}
  body .nav.interior-floating-nav.is-scrolled:hover .nav-actions,
  body .nav.interior-floating-nav.is-scrolled:focus-within .nav-actions{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  body .nav.interior-floating-nav .brand:focus-visible,
  body .nav.interior-floating-nav .nav-actions a:focus-visible{outline:2px solid #e7bf83;outline-offset:4px}
  body .nav.interior-floating-nav + main [id]{scroll-margin-top:88px}
}

/* The floating mark adopts the contrast of the section beneath it. */
@media (min-width:1025px){
  body .nav.interior-floating-nav.is-scrolled .brand{background:transparent;padding:0;margin:0;border-radius:0;box-shadow:none;text-shadow:0 1px 9px rgba(1,12,25,.5)}
  body .nav.interior-floating-nav.is-scrolled.is-on-light .brand,
  body .nav.interior-floating-nav.is-scrolled.is-on-light .brand-name,
  body .nav.interior-floating-nav.is-scrolled.is-on-light .brand-mark{color:#07182b;text-shadow:none}
  body .nav.interior-floating-nav.is-scrolled.is-on-light .brand-name small{color:#765328;text-shadow:none}
  body .nav.interior-floating-nav.is-scrolled.is-on-light .brand-mark{border-color:#9a723e}
  body .nav.interior-floating-nav.is-scrolled.is-on-light:hover .brand,
  body .nav.interior-floating-nav.is-scrolled.is-on-light:hover .brand-name,
  body .nav.interior-floating-nav.is-scrolled.is-on-light:hover .brand-mark,
  body .nav.interior-floating-nav.is-scrolled.is-on-light:focus-within .brand,
  body .nav.interior-floating-nav.is-scrolled.is-on-light:focus-within .brand-name,
  body .nav.interior-floating-nav.is-scrolled.is-on-light:focus-within .brand-mark{color:#fff}
  body .nav.interior-floating-nav.is-scrolled.is-on-light:hover .brand-name small,
  body .nav.interior-floating-nav.is-scrolled.is-on-light:focus-within .brand-name small{color:#d6b27b}
  body .nav.interior-floating-nav.is-scrolled.is-on-light:hover .brand-mark,
  body .nav.interior-floating-nav.is-scrolled.is-on-light:focus-within .brand-mark{border-color:#d6b27b;color:#d6b27b}
}