/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:500;transition:all .4s;}
nav.solid{background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);}
.nav-in{max-width:var(--col);margin:0 auto;padding:1.3rem 5%;display:flex;justify-content:space-between;align-items:center;transition:padding .4s;}
nav.solid .nav-in{padding:.9rem 5%;}
.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;}
.logo img{width:36px;height:36px;object-fit:contain;}
.logo-name{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:700;color:#fff;line-height:1.15;transition:color .4s;}
nav.solid .logo-name{color:var(--ink);}
.nav-right{display:flex;align-items:center;gap:.3rem;}
.nav-links{list-style:none;display:flex;align-items:center;}
.nav-links li{position:relative;}
.nav-links a{color:rgba(255,255,255,.75);font-size:.8rem;font-weight:500;padding:.45rem .85rem;border-radius:3px;transition:all .3s;display:block;}
.nav-links a:hover,.nav-links a.on{color:#fff;background:rgba(255,255,255,.1);}
nav.solid .nav-links a{color:var(--muted);}
nav.solid .nav-links a:hover,nav.solid .nav-links a.on{color:var(--ink);background:var(--cream);}
.nav-links .nav-trigger{display:flex;align-items:center;gap:.3rem;}
.nav-chevron{font-size:.68rem;line-height:1;transition:transform .25s ease;}
.nav-dropdown{list-style:none;position:absolute;top:100%;left:0;min-width:190px;background:rgba(255,255,255,.97);border:1px solid var(--border);border-radius:4px;padding:.45rem;box-shadow:0 16px 38px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:520;}
.has-dropdown:hover .nav-dropdown,.has-dropdown:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.has-dropdown:hover .nav-chevron,.has-dropdown:focus-within .nav-chevron{transform:rotate(180deg);}
.nav-links .nav-dropdown a{color:var(--muted);padding:.55rem .65rem;white-space:nowrap;background:none;}
.nav-links .nav-dropdown a:hover,.nav-links .nav-dropdown a:focus{color:var(--ink);background:var(--cream);}
.nav-cta{background:var(--forest);color:#fff;padding:.5rem 1.3rem;border-radius:3px;font-size:.8rem;font-weight:600;margin-left:.5rem;transition:all .3s;}
.nav-cta:hover{background:var(--forest-mid);transform:translateY(-1px);}
.nav-donate{background:var(--gold);color:var(--ink);padding:.5rem 1.2rem;border-radius:3px;font-size:.8rem;font-weight:700;margin-left:.4rem;transition:all .3s;}
.nav-donate:hover{background:var(--gold-lt);}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}
.burger span{width:22px;height:1.5px;background:#fff;display:block;transition:all .3s;}
nav.solid .burger span{background:var(--ink);}
.burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

@media(max-width:960px){
.nav-right{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--border);padding:1.5rem 5%;gap:1.2rem;box-shadow:0 10px 30px rgba(0,0,0,.08);}
.nav-right.open{display:flex;}
.nav-links{flex-direction:column;align-items:flex-start;gap:0;width:100%;}
.nav-links li{width:100%;}
.nav-links a{color:var(--muted);padding:.55rem 0;}
.nav-links a:hover,.nav-links a.on{color:var(--ink);background:none;}
.nav-links .nav-trigger{justify-content:space-between;width:100%;}
.nav-dropdown{position:static;min-width:0;width:100%;display:none;background:transparent;border:0;border-left:1px solid var(--border);border-radius:0;box-shadow:none;margin:.1rem 0 .4rem;padding:0 0 0 .85rem;opacity:1;visibility:visible;transform:none;transition:none;}
.has-dropdown.open .nav-dropdown{display:block;}
.has-dropdown:hover .nav-chevron,.has-dropdown:focus-within .nav-chevron{transform:none;}
.has-dropdown.open .nav-chevron{transform:rotate(180deg);}
.nav-links .nav-dropdown a{color:var(--muted);font-size:.78rem;padding:.45rem 0;background:none;white-space:normal;}
.nav-links .nav-dropdown a:hover,.nav-links .nav-dropdown a:focus{color:var(--ink);background:none;}
.burger{display:flex;}
}