/* ONE site header for every page (homepage markup and CSS). Fixed at the top, 90px, 64px on phones.
   Pages other than the homepage add class "ki-has-nav" to <body> to reserve the space the fixed bar covers.
   Self-contained: no dependency on page variables. Edit here, never per page. */
nav[role="navigation"]{position:fixed;top:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:200px 1fr;align-items:center;padding:0 max(5%,calc((100% - 1240px) / 2));height:90px;background:rgba(16,17,41,1);border-bottom:2px solid rgba(29,186,160,.35);margin:0;box-sizing:border-box;}
nav[role="navigation"] *{box-sizing:border-box;}
nav[role="navigation"] .nav-logo{display:flex;align-items:center;text-decoration:none;gap:.5rem;}
nav[role="navigation"] .nav-logo img{height:44px;width:auto;display:block;max-width:none;}
nav[role="navigation"] .nav-links{display:flex;gap:1.8rem;list-style:none;justify-content:flex-end;align-items:center;margin:0;padding:0;}
nav[role="navigation"] .nav-links li{margin:0;padding:0;}
nav[role="navigation"] .nav-links a{color:#fff;text-decoration:none;font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:800;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;transition:color .2s,border-color .2s;white-space:nowrap;padding-bottom:4px;border-bottom:2px solid transparent;}
nav[role="navigation"] .nav-links a:not(.nav-cta):hover{color:#1DBAA0;border-bottom-color:#1DBAA0;}
nav[role="navigation"] .nav-cta{background:#1DBAA0;color:#fff !important;padding:.5rem 1.25rem;border-radius:2px;font-weight:600 !important;}
nav[role="navigation"] .nav-cta:hover{background:#68C6B4 !important;color:#fff !important;}
nav[role="navigation"] .nav-cta--book{background:#E3B026 !important;color:#101129 !important;padding:.65rem 1.75rem;font-size:1rem !important;font-weight:800 !important;letter-spacing:.06em !important;border-radius:2px;}
nav[role="navigation"] .nav-cta--book:hover{background:#EBD861 !important;color:#101129 !important;}
nav[role="navigation"] .nav-hamburger{display:none;background:none;border:none;color:#1DBAA0;font-size:1.6rem;cursor:pointer;padding:.25rem .5rem;line-height:1;flex-shrink:0;}
body.ki-has-nav{padding-top:90px;}
@media (max-width:1279px){
  nav[role="navigation"]{grid-template-columns:1fr auto;height:64px;padding:0 1.25rem;}
  nav[role="navigation"] .nav-hamburger{display:flex;align-items:center;}
  nav[role="navigation"] .nav-links{display:none;position:fixed;top:64px;left:0;right:0;background:rgba(16,17,41,.98);flex-direction:column;padding:1.5rem 1.25rem;gap:0;z-index:99;border-bottom:2px solid #1DBAA0;}
  nav[role="navigation"] .nav-links li{border-bottom:1px solid rgba(255,255,255,.07);}
  nav[role="navigation"] .nav-links a{display:block;padding:.9rem 0;font-size:1rem;}
  nav[role="navigation"].nav-open .nav-links{display:flex;}
  body.ki-has-nav{padding-top:64px;}
}