/* The site's menu: a slimmer top bar on every page (html.nav-slim). Over a dark top (a service page's header
   image, or the homepage film) it floats transparent with light text (html.nav-float); on a service page it
   settles onto a soft linen band once the image has scrolled past (html.nav-solid). The header script sets these. */
html.nav-slim body{margin:0}
html.nav-slim header.site .wrap{padding-block:8px}
html.nav-slim header.site .logo img{height:34px}
html.nav-slim nav.main{font-size:14px;gap:20px}
html.nav-slim nav.main .btn{padding:9px 16px;font-size:13.5px}

html.nav-float header.site{position:fixed;inset:0 0 auto 0;background:transparent;border-bottom:1px solid transparent;transition:background .35s,border-color .35s;transform:none!important;opacity:1!important;pointer-events:auto!important}
html.nav-float header.site::before{content:"";position:absolute;inset:0 0 -26px 0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,5,.55),rgba(5,5,5,0));transition:opacity .35s}
html.nav-float header.site .logo img{content:url(/assets/logo-white.png)}
html.nav-float nav.main a,html.nav-float nav.main .drop>button,html.nav-float .menu-btn{color:#F6F1E7;text-shadow:0 1px 10px rgba(0,0,0,.45)}
html.nav-float .menu-btn{border-color:rgba(246,241,231,.8)}
html.nav-float nav.main .btn{text-shadow:none}
html.nav-float nav.main .btn-gold{color:var(--black)}
html.nav-float .drop-menu a{color:var(--black)!important;text-shadow:none!important}
html.nav-float .hdr-dock{display:none!important}
html.nav-float .fm-view .fm-bar.t{display:none}

html.nav-float.nav-solid header.site{background:rgba(239,233,222,.94);border-bottom-color:var(--line)}
html.nav-float.nav-solid header.site::before{opacity:0}
html.nav-float.nav-solid header.site .logo img{content:url(/assets/logo2x.png)}
html.nav-float.nav-solid nav.main a:not(.btn),html.nav-float.nav-solid nav.main .drop>button,html.nav-float.nav-solid .menu-btn{color:var(--black);text-shadow:none}
html.nav-float.nav-solid .menu-btn{border-color:var(--black)}
/* phones: the open menu panel stays linen with dark text */
@media (max-width:1000px){html.nav-float nav.main.open a,html.nav-float nav.main.open .drop>button{color:var(--black);text-shadow:none}html.nav-float nav.main.open .btn-gold{color:var(--black)}}