.nav{
  position:fixed;
  top:0;left:0;right:0;
  z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.35rem var(--gutter);
  background:rgba(246,251,255,0.94);
  backdrop-filter:blur(24px) saturate(1.4);
  -webkit-backdrop-filter:blur(24px) saturate(1.4);
  transition:background 0.4s,backdrop-filter 0.4s,padding 0.4s,border-color 0.4s,box-shadow 0.4s;
  border-bottom:1px solid transparent;
}
.nav.scrolled{
  background:rgba(246,251,255,0.94);
  backdrop-filter:blur(24px) saturate(1.4);
  -webkit-backdrop-filter:blur(24px) saturate(1.4);
  border-bottom-color:rgba(28,24,18,0.08);
  padding:0.9rem var(--gutter);
  box-shadow:0 8px 30px -15px rgba(28,24,18,0.12);
}
.nav-logo{
  display:flex;
  flex-direction:column;
  gap:0.4rem;
  line-height:1;
  text-decoration:none;
  flex-shrink:0;
  transition:color 0.4s;
}
.nav-logo-name{
  font-family:'Manrope',sans-serif;
  font-size:2rem;
  font-weight:700;
  color:var(--ink);
  transition:color 0.4s;
  line-height:1;
}
.nav-logo-name .fam-or{color:var(--orange);font-weight:700;}
.nav-logo-sub{
  font-family:'Manrope',sans-serif;
  font-size:0.85rem;
  font-weight:600;
  text-transform:uppercase;
  color:var(--orange);
  line-height:1;
  letter-spacing:0.04em;
}
.nav.scrolled .nav-logo-name{color:var(--ink);}
.nav-links{
  display:flex;align-items:center;gap:2.6rem;
  list-style:none;
  margin:0;padding:0;
}
.nav-links > li{position:relative;}
.nav-links a,.nav-dd-trigger{
  font-family:'Manrope',sans-serif;
  font-size:0.95rem;
  font-weight:600;
  color:var(--ink);
  background:none;border:none;
  padding:0.5rem 0;
  cursor:pointer;
  transition:color 0.3s;
  display:inline-flex;align-items:center;gap:0.4rem;
  text-decoration:none;
}
.nav.scrolled .nav-links a,.nav.scrolled .nav-dd-trigger{color:var(--ink);}
.nav-links a:hover,.nav-dd-trigger:hover,.nav-dd:hover .nav-dd-trigger{color:var(--orange)!important;}
.nav-dd-trigger svg{transition:transform 0.25s;}
.nav-dd:hover .nav-dd-trigger svg{transform:rotate(180deg);}
.nav-dd-menu{
  position:absolute;
  top:calc(100% + 0.4rem);left:50%;
  transform:translateX(-50%) translateY(6px);
  min-width:260px;
  background:var(--paper);
  border:1px solid var(--rule);
  padding:0.7rem 0;
  box-shadow:0 30px 60px -20px rgba(28,24,18,0.25);
  opacity:0;visibility:hidden;
  transition:opacity 0.25s,visibility 0.25s,transform 0.25s;
}
.nav-dd:hover .nav-dd-menu,.nav-dd:focus-within .nav-dd-menu{
  opacity:1;visibility:visible;
  transform:translateX(-50%) translateY(0);
}
.nav-dd-menu a{
  display:block;
  padding:0.75rem 1.4rem;
  color:var(--ink)!important;
  font-size:0.92rem;
  font-weight:500;
  transition:background 0.2s,color 0.2s,padding-left 0.2s;
}
.nav-dd-menu a:hover{background:var(--paper-2);color:var(--orange)!important;padding-left:1.7rem;}
.nav-right{display:flex;align-items:center;gap:1.4rem;}
.nav-op{
  font-family:'Manrope',sans-serif;
  font-size:0.75rem;
  font-weight:600;
  text-transform:uppercase;
  color:var(--muted);
  transition:color 0.3s,border-color 0.3s,background 0.3s;
  padding:0.55rem 1rem;
  border:1px solid var(--rule);
}
.nav-op:hover{color:var(--ink);background:var(--paper);border-color:var(--paper);}
.nav.scrolled .nav-op{color:var(--muted);border-color:var(--rule);}
.nav.scrolled .nav-op:hover{color:var(--paper);background:var(--ink);border-color:var(--ink);}
.nav-cta-pill{
  display:inline-flex;align-items:center;gap:0.55rem;
  background:var(--orange-deep);
  color:var(--white);
  padding:0.85rem 1.6rem;
  font-family:'Manrope',sans-serif;
  font-size:0.85rem;font-weight:700;
  text-transform:uppercase;
  text-decoration:none;
  transition:background 0.25s,transform 0.25s;
}
.nav-cta-pill:hover{background:var(--orange-deep-hover);transform:translateY(-2px);}
.nav-burger{
  display:none;
  background:none;border:none;
  width:44px;height:44px;
  flex-direction:column;justify-content:center;align-items:center;gap:6px;
  cursor:pointer;
}
.nav-burger span{
  display:block;width:26px;height:2px;background:var(--ink);
  transition:background 0.3s,transform 0.3s,opacity 0.3s;
}
.nav.scrolled .nav-burger span{background:var(--ink);}
.nav-burger.open span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.nav-burger.open span:nth-child(2){opacity:0;}
.nav-burger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

.nav-mobile{
  position:fixed;
  top:0;left:0;right:0;bottom:0;
  background:var(--paper);
  z-index:199;
  padding:7rem var(--gutter) 3rem;
  display:flex;flex-direction:column;gap:0.4rem;
  transform:translateY(-100%);
  transition:transform 0.5s cubic-bezier(0.7,0,0.2,1);
  overflow-y:auto;
}
.nav-mobile.open{transform:translateY(0);}
.nav-mobile a{
  font-family:'Manrope',sans-serif;
  font-size:1.5rem;font-weight:700;
  color:var(--ink);
  padding:1rem 0;
  border-bottom:1px solid var(--rule);
  text-decoration:none;
  display:block;
}
.nav-mobile a:hover{color:var(--orange);}
.nav-mobile-section{
  font-family:'Manrope',sans-serif;
  font-size:0.78rem;font-weight:600;
  text-transform:uppercase;
  color:var(--orange);
  padding:1.6rem 0 0.4rem;
  border-bottom:none!important;
}
.nav-mobile-cta{
  background:var(--orange);
  color:var(--ink)!important;
  padding:1.3rem 1.6rem!important;
  text-align:center;
  border-bottom:none!important;
  margin-top:1.6rem;
  font-size:1rem!important;
}
.nav-mobile-op{
  font-family:'Manrope',sans-serif!important;
  font-size:0.85rem!important;
  font-weight:600!important;
  text-transform:uppercase;
  color:var(--muted)!important;
  border-bottom:none!important;
  padding:0.6rem 0!important;
}

@media(max-width:1080px){
  .nav-links,.nav-right .nav-op,.nav-right .nav-cta-pill{display:none;}
  .nav-burger{display:flex;}
  .nav{padding:1rem var(--gutter);}
  .nav.scrolled{padding:0.9rem var(--gutter);}
}