/* Shared header and navigation styles for Castora site */
:root{
  --bg: #E9E6E8;
  --ink: #363C4C;
  --accent: #B69F56;
  --muted: #7E90A0;
  --radius: 16px;
  --shadow: 0 10px 30px rgba(54,60,76,.15);
}

/* Container parity: match index layout across pages */
.container{width:min(1120px, 92%); margin-inline:auto}

/* Header / Nav (shared) */
header{
  position:sticky; top:0; z-index:50; backdrop-filter:saturate(180%) blur(8px);
  background: color-mix(in oklab, var(--bg), white 40% / 70%);
  border-bottom:1px solid color-mix(in oklab, var(--muted), white 75%);
}
.nav{display:flex; align-items:center; justify-content:space-between; padding:14px 0}
.brand{display:flex; gap:12px; align-items:center}
.brand img{height:41.4px; width:auto; filter:drop-shadow(0 1px 0 rgba(0,0,0,.05))}
.brand .wordmark{font-family: Unbounded, Inter, sans-serif; font-weight:700; letter-spacing:.2px; font-size:1.15em}
.nav a.cta{padding:.65rem 1rem; border-radius:999px; background:var(--accent); color:#111; font-weight:600; box-shadow:var(--shadow)}
.nav a.cta:hover{transform:translateY(-1px)}

/* Mobile Navigation - overlay */
.nav-toggle{display:none; background:none; border:none; padding:8px; cursor:pointer; z-index:60}
.nav-toggle{font-size:1.2rem; color:var(--ink)}
.nav-menu{display:flex; gap:18px; align-items:center}

@media (max-width: 768px){
  .nav{padding:12px 0}
  .nav-toggle{display:block}
  .nav-menu{
    display:none; 
    position:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    height:100vh; 
    background:rgba(233, 230, 232, 0.98); 
    backdrop-filter:blur(10px);
    flex-direction:column; 
    justify-content:center; 
    align-items:center;
    gap:24px; 
    z-index:55;
    transition:opacity 0.3s ease, visibility 0.3s ease;
    opacity:0;
    visibility:hidden;
  }
  .nav-menu.active{display:flex; opacity:1; visibility:visible}
  .nav-menu a{padding:12px 24px; font-size:1.1rem; font-weight:500; text-align:center; border-radius:8px}
  .nav-menu a:hover{background:rgba(255,255,255,0.7)}
}