:root{--navy:#1c2e3a}
nav { position: fixed; top: 0; left: 0; right: 0; z-index: 500; display: flex; align-items: center; justify-content: space-between; padding: 1rem 3rem; background: rgba(255,255,255,0.97); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgba(28,46,58,0.09); transition: all 0.3s; }
nav.scrolled { box-shadow: 0 2px 24px rgba(0,0,0,0.09); }
.nav-logo { font-family: 'Raleway', sans-serif; font-size: 1rem; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; color: var(--navy); text-decoration: none; cursor: pointer; }
.nav-links { display: flex; align-items: center; gap: 1.8rem; list-style: none; }
.nav-links a { color: rgba(28,46,58,0.68); text-decoration: none; font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; transition: color 0.2s; cursor: pointer; }
.nav-links a:hover { color: var(--navy); }
.nav-book { background: #416f8e; color: #fff !important; padding: 0.48rem 1.2rem; font-weight: 500 !important; border-radius: 0; }
.nav-book:hover { background: #3a6582 !important; color: #fff !important; }
/* Hamburger */
.nav-toggle { display: none; min-width:44px; min-height:44px; align-items:center; justify-content:center; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 4px; }
.nav-toggle span { display: block; width: 22px; height: 1.5px; background: var(--navy); transition: all 0.3s; }
.nav-toggle.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity: 0; }
.nav-toggle.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

@media(max-width:860px){nav{padding:.85rem 1.4rem}
  .nav-toggle { display: flex; }
  .nav-links {
    display: none; flex-direction: column; gap: 0;
    position: absolute; top: 100%; left: 0; right: 0;
    background: rgba(255,255,255,0.99); backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(28,46,58,0.09);
    padding: 0.5rem 0 1rem;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
  }
  .nav-links.open { display: flex; }
  .nav-links li { width: 100%; }
  .nav-links a { display: block; padding: 0.75rem 1.6rem; font-size: 0.72rem; }
  .nav-book { margin: 0.5rem 1.6rem 0; padding: 0.6rem 1.2rem !important; display: inline-block !important; }

}
.nav-links{margin:0;padding-left:0}.nav-links li{margin:0}.skip-link{position:fixed;top:-80px;left:1rem;z-index:10000;padding:12px;background:white;color:#10212c}.skip-link:focus{top:1rem}.statement-banner{position:relative;margin-top:76px;min-height:260px;display:grid;place-items:center;text-align:center;padding:3rem 1.5rem;color:white;background:#1c2e3a}.statement-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88}.statement-banner>div{position:relative;max-width:100%}.statement-banner h1{font:400 clamp(1.7rem,5vw,2.7rem)/1.3 Raleway,sans-serif}.statement-banner p{font-size:.85rem;letter-spacing:.1em}.statement-banner+main{margin-top:1rem}@media(max-width:480px){.nav-logo{font-size:.8rem}.statement-banner{min-height:220px}}

/* Remove the page scrollbar gutter without disabling scrolling. */
html { scrollbar-width:none; }
html::-webkit-scrollbar { display:none; width:0; height:0; }
