/* Legible navigation and a prominent, high-contrast brand. */
.top-bar{height:42px;background:#101f2b;color:#eee9dd;font-size:12px;letter-spacing:.025em}
.top-bar .container{width:calc(100% - 80px);max-width:1360px}
.top-location,.top-mail{display:inline-flex;align-items:center;gap:10px;line-height:1.3}
.top-location{font-size:12px;letter-spacing:.04em}
.top-location svg{width:15px;height:15px;color:#d9bb86}
.top-mail svg{width:16px;height:16px;color:#d9bb86}
.top-meta{display:flex;align-items:center;gap:26px;height:100%}
.top-meta .top-mail{display:inline-flex;font-size:12px;opacity:1}
.top-socials{height:100%;display:flex;align-items:center;gap:10px;border-left:1px solid #ffffff26;padding-left:18px}
.top-socials .social{min-width:32px;height:36px;padding:6px;color:#eee9dd}
.top-socials .social svg{width:18px;height:18px}
.top-socials .social:hover{color:#e0bf86}
.top-socials .social[aria-disabled=true]{color:#a6b0b2}
.site-header{background:rgba(250,249,246,.98);border-bottom:1px solid #b79b66;box-shadow:0 3px 16px #10202b08}
.site-header .header-inner{width:calc(100% - 80px);max-width:1360px;height:118px;gap:30px;position:relative}
.site-header .header-brand{gap:17px;line-height:1}
.header-emblem{width:66px;height:76px;display:flex;align-items:center;justify-content:center;background:#142633;box-shadow:inset 0 0 0 1px #b9a072;flex-shrink:0}
.site-header .brand-symbol{width:48px;height:57px;color:#e4c791}
.header-emblem .brand-symbol path:first-child{stroke-width:1.05}
.header-emblem .brand-symbol path:last-child{stroke-width:1.85}
.header-wordmark{display:block}
.site-header .brand-name{color:#132432;font-size:31px;line-height:1.25;letter-spacing:-.025em;white-space:nowrap}
.site-header .brand-sub{font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.20em;color:#73603f;margin-top:8px;white-space:nowrap}
.site-header .nav{display:flex;gap:29px;align-items:center;margin-left:auto}
.site-header .nav>a{font:600 18px/1.5 var(--sans);color:#1c303d;white-space:nowrap;padding:19px 0;letter-spacing:-.015em;border:0}
.site-header .nav>a:after{display:block;height:2px;bottom:9px;background:#a68244}
.site-header .nav>a:hover,.site-header .nav>a[aria-current=page]{color:#8a682e}
.site-header .nav>a[aria-current=page]:after{width:100%}
.site-header .header-actions{margin-left:10px;gap:0;flex-shrink:0}
.site-header .header-cta{display:inline-flex;min-height:52px;padding:14px 20px;gap:19px;font-size:13px;border:1px solid #b79b66;background:#bca06d;color:#10202b}
.site-header .header-cta:hover{background:#cfb588;border-color:#cfb588}
.site-header .header-cta .arrow{height:20px;width:20px}
.site-header .menu-toggle{display:none}
.menu-label{font-size:8px;letter-spacing:.09em;font-weight:600;line-height:1;margin-top:7px}
@media(min-width:1400px){
  .site-header .nav{gap:35px}
  .site-header .nav>a{font-size:18px}
  .site-header .brand-name{font-size:33px}
  .site-header .header-cta{font-size:14px;padding-inline:23px}
}
@media(min-width:1101px) and (max-width:1240px){
  .site-header .header-inner{width:calc(100% - 60px);gap:24px}
  .site-header .header-brand{gap:13px}
  .site-header .brand-name{font-size:29px}
  .site-header .brand-sub{font-size:9px}
  .header-emblem{width:59px;height:70px}
  .site-header .nav{gap:23px}
  .site-header .nav>a{font-size:17px}
  .site-header .header-actions{margin-left:0}
  .site-header .header-cta{font-size:12px;padding:14px 16px;gap:14px}
}
@media(max-width:1100px){
  html{scroll-padding-top:112px}
  .site-header .header-inner{height:104px;position:static}
  .site-header .header-actions{margin-left:auto;gap:22px}
  .site-header .header-cta{display:inline-flex;font-size:14px}
  .site-header .header-brand{gap:15px}
  .site-header .brand-name{font-size:30px}
  .site-header .brand-sub{font-size:10px}
  .header-emblem{width:60px;height:70px}
  .site-header .brand-symbol{width:44px;height:53px}
  .site-header .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:53px;height:57px;background:#f6f4ee;border:1px solid #b9ac94;color:#172c39}
  .site-header .menu-icon{width:21px;height:12px}
  .site-header .nav{position:absolute;top:100%;left:0;right:0;margin:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:13px 40px 28px;max-height:calc(100dvh - 146px);overflow:auto;background:#faf9f6;border-top:1px solid #ded7c9;border-bottom:2px solid #b79b66;box-shadow:0 18px 30px #10202b1c}
  .menu-open .site-header .nav{display:flex}
  .site-header .nav>a{padding:18px 0;font:400 29px/1.35 var(--serif);letter-spacing:-.015em;border-bottom:1px solid #e1dfd7;white-space:normal}
  .site-header .nav>a:after{display:none}
  .site-header .nav .mobile-nav-extra{display:flex!important;gap:12px;align-items:center;font:600 15px/1.5 var(--sans);border:0;margin:15px 0 0;padding:10px 0;color:#78613b}
  .site-header .nav .mobile-nav-extra svg{width:20px;height:20px}
  .menu-open .site-header .menu-icon{border:0;height:18px}
  .menu-open .site-header .menu-icon:before{transform:rotate(45deg);top:8px}
  .menu-open .site-header .menu-icon:after{content:'';width:100%;height:1px;background:currentColor;position:absolute;top:8px;transform:rotate(-45deg)}
  .menu-open .site-header .menu-label{display:none}
}
@media(max-width:720px){
  html{scroll-padding-top:102px}
  .top-bar{height:38px}
  .top-bar .container,.site-header .header-inner{width:calc(100% - 36px)}
  .top-location{font-size:11px;gap:7px}
  .top-location svg{height:14px;width:14px}
  .top-meta .top-mail{display:none}
  .top-meta{gap:0}
  .top-socials{gap:7px;padding-left:0;border-left:0}
  .top-socials .social{height:36px;width:32px}
  .site-header .header-inner{height:98px;gap:12px}
  .site-header .header-brand{gap:12px}
  .header-emblem{width:52px;height:64px}
  .site-header .brand-symbol{width:39px;height:48px}
  .site-header .brand-name{font-size:26px;letter-spacing:-.035em}
  .site-header .brand-sub{font-size:8px;letter-spacing:.16em;margin-top:6px}
  .site-header .header-actions{gap:0;margin-left:auto}
  .site-header .header-cta{display:none}
  .site-header .menu-toggle{width:46px;height:52px}
  .site-header .nav{padding:12px 25px 24px;max-height:calc(100dvh - 136px)}
  .site-header .nav>a{font-size:28px;padding:17px 0}
}
@media(max-width:360px){
  .top-bar .container,.site-header .header-inner{width:calc(100% - 28px)}
  .site-header .header-brand{gap:9px}
  .site-header .brand-name{font-size:23px}
  .site-header .brand-sub{font-size:7px;letter-spacing:.15em}
  .header-emblem{width:46px;height:58px}
  .site-header .brand-symbol{width:35px;height:44px}
  .site-header .menu-toggle{width:42px;height:50px}
}