/* ===== NAVBAR (shared across all pages) ===== */
.site-header{--n-mid:#102542;--n-brass:#c79c5a;--n-champ:#d8c3a5;position:fixed;top:0;left:0;right:0;z-index:1200;transition:background-color .35s ease,backdrop-filter .35s ease}
.site-header *{box-sizing:border-box}
.site-container{max-width:1240px;margin:0 auto;padding:0 20px}
.site-nav{padding-block:22px;transition:padding .35s ease}
.site-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header.is-scrolled{background:rgba(16,37,66,.92);backdrop-filter:blur(14px)}
.site-header.is-scrolled .site-nav{padding-block:12px}

/* Brand / logo */
.site-nav__brand{font-family:"Instrument Serif",Georgia,serif;font-size:1.6rem;letter-spacing:.01em}
.site-nav__brand em{color:var(--brass,#c79c5a);font-style:italic}
.site-nav__brand img{display:block;height:48px;width:auto;transition:height .35s ease}
.site-header.is-scrolled .site-nav__brand img{height:50px}
@media(max-width:767.98px){.site-nav__brand img{height:70px}}

/* Desktop links */
.site-nav__desktop{display:flex;align-items:center;gap:30px}
.site-nav__links{display:flex;align-items:center;gap:30px}
.site-nav__links a{font-family:"Inter",Arial,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.82);text-decoration:none;transition:color .3s}
.site-nav__links a:hover,.site-nav__links a:focus-visible,.site-nav__links a[aria-current]{color:var(--n-brass)}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid var(--n-brass);outline-offset:4px}

.nav-btn{display:inline-block;padding:12px 24px;border:1px solid var(--n-brass);border-radius:999px;background:var(--n-brass);color:var(--n-mid);font:600 .7rem "Inter",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:background-color .3s,border-color .3s}
.nav-btn:hover,.nav-btn:focus-visible{background:var(--n-champ);border-color:var(--n-champ)}

/* Desktop dropdown */
.nav-dd{position:relative;display:flex;align-items:center;gap:6px;padding-block:10px}
.nav-dd__caret{width:18px;height:18px;padding:0;border:0;background:none;cursor:pointer;position:relative}
.nav-dd__caret::before{content:"";position:absolute;left:5px;top:4px;width:6px;height:6px;border-right:1.5px solid rgba(255,255,255,.82);border-bottom:1.5px solid rgba(255,255,255,.82);transform:rotate(45deg);transition:transform .3s,border-color .3s}
.nav-dd:hover .nav-dd__caret::before,.nav-dd.is-open .nav-dd__caret::before{border-color:var(--n-brass);transform:rotate(225deg) translate(-2px,-2px)}
.nav-dd__menu{list-style:none;margin:0;padding:10px 0;position:absolute;top:100%;left:-18px;min-width:210px;background:rgba(16,37,66,.97);backdrop-filter:blur(14px);border:1px solid rgba(199,156,90,.4);border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s}
.nav-dd:hover .nav-dd__menu,.nav-dd:focus-within .nav-dd__menu,.nav-dd.is-open .nav-dd__menu{opacity:1;visibility:visible;transform:none}
.nav-dd__menu a{display:block;padding:12px 24px;white-space:nowrap}
.nav-dd__menu a:hover,.nav-dd__menu a:focus-visible{background:rgba(199,156,90,.12)}

.nav-rule{position:absolute;left:0;right:0;bottom:0;height:1px;margin:0;border:0;background:linear-gradient(90deg,transparent,#c79c5a 20%,#c79c5a 80%,transparent);opacity:.85}

/* Toggler */
.site-nav__toggler{display:flex;flex-direction:column;gap:7px;padding:10px;border:0;background:none;cursor:pointer}
.site-nav__toggler span{width:28px;height:1px;background:#fff}
@media(max-width:991.98px){.site-nav__desktop{display:none}}
@media(min-width:992px){.site-nav__toggler{display:none}}

/* Mobile menu */
.mobile-menu{position:fixed;top:0;right:-100%;width:min(88vw,390px);height:100vh;height:100svh;overflow-y:auto;background:#102542;color:#fff;z-index:1300;padding:80px 32px 40px;transition:right .4s ease}
.mobile-menu.is-open{right:0}
.mobile-menu__overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1299;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.mobile-menu__overlay.is-open{opacity:1;visibility:visible}
.mobile-menu__close{position:absolute;top:24px;right:24px;padding:8px;border:0;background:none;color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.mobile-menu__links{list-style:none;margin:0;padding:0}
.mobile-menu__links>li>a,.mm-dd__row a{display:block;padding:20px 0;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.7rem,6vw,2.1rem);color:rgba(255,255,255,.86);text-decoration:none;transition:color .3s}
.mobile-menu__links>li{border-bottom:1px solid rgba(216,195,165,.16)}
.mobile-menu__links a:hover,.mobile-menu__links a:focus-visible,.mobile-menu__links a[aria-current]{color:#c79c5a}
.mm-dd__row{display:flex;align-items:center;justify-content:space-between}
.mm-dd__row a{flex:1}
.mm-dd__btn{width:44px;height:44px;border:0;background:none;cursor:pointer;position:relative}
.mm-dd__btn::before{content:"";position:absolute;left:16px;top:15px;width:9px;height:9px;border-right:1.5px solid #c79c5a;border-bottom:1.5px solid #c79c5a;transform:rotate(45deg);transition:transform .3s}
.mm-dd.is-open .mm-dd__btn::before{transform:rotate(225deg) translate(-3px,-3px)}
.mm-dd__list{list-style:none;margin:0;padding:0 0 12px 16px;display:none}
.mm-dd.is-open .mm-dd__list{display:block}
.mm-dd__list a{display:block;padding:12px 0;font-family:"Inter",Arial,sans-serif;font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75);text-decoration:none}