@charset "UTF-8";
  /* ── NAV ── */
  nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 900;
    display: flex; align-items: center; justify-content: space-between;
    padding: 1.8rem 4rem;
    transition: background .5s, padding .4s, box-shadow .5s;
  }
  nav.scrolled {
    background: var(--off-white);
    backdrop-filter: blur(14px);
    padding: 1.1rem 4rem;
    box-shadow: 0 1px 0 var(--line);
  }
  .nav-logo { display: flex; align-items: center; gap: .8rem; text-decoration: none; }
  .nav-logo-text {
    font-weight: 200;
    font-size: .82rem; letter-spacing: .38em;
    color: var(--paper); transition: color .4s;
  }
  .logo_img_01 {
      display:block;
  }
  .logo_img_02 {
      display:none;
  }
  nav.scrolled .nav-logo-text { color: var(--green-deep); }
  .nav-links { display: flex; gap: 2.5rem; list-style: none; }
  .nav-links a {
    font-weight: 200;
    font-size: .68rem; letter-spacing: .28em;
    color: rgba(249,247,242,.75); text-decoration: none; transition: color .3s;
  }
  nav.scrolled .logo_img_01 {
      display:none;
  }
  nav.scrolled .logo_img_02 {
      display:block;
  }
  nav.scrolled .nav-links a { color: var(--ink-soft); }
  .nav-links a:hover { color: var(--gold) !important; }
  .nav-cta {
    font-weight: 300;
    font-size: .62rem; letter-spacing: .28em;
    color: var(--paper); border: 1px solid rgba(249,247,242,.45);
    padding: .7rem 1.6rem; text-decoration: none; transition: all .3s;
  }
  nav.scrolled .nav-cta { color: var(--green-deep); border-color: var(--green-deep); }
  .nav-cta:hover { background: var(--gold) !important; border-color: var(--gold) !important; color: var(--ink) !important; }
  .hamburger {
    display: none; flex-direction: column; gap: 5px;
    cursor: none; background: none; border: none; padding: .4rem;
  }
  .hamburger span { display: block; width: 22px; height: 1px; background: var(--paper); transition: background .3s; }
  nav.scrolled .hamburger span { background: var(--green-deep); }


  /* ── MOBILE MENU ── */
  #mmenu {
    display: none; position: fixed; inset: 0; z-index: 850;
    background: rgba(8,18,7,.97); backdrop-filter: blur(8px);
    flex-direction: column; align-items: center; justify-content: center;
    gap: 2.4rem;
  }
  #mmenu.open { display: flex; }
  .mm-link {
    font-weight: 200;
    font-size: 1rem; 
    letter-spacing: .4em; 
    text-transform: uppercase;
    color: rgba(249,247,242,.78); 
    text-decoration: none; 
    transition: color .3s;
  }
  .mm-link:hover { color: var(--gold); }
  .mm-cta {
    margin-top: .8rem; 
    font-weight: 300;
    font-size: .68rem; 
    letter-spacing: .35em; 
    text-transform: uppercase;
    color: var(--ink); 
    background: var(--gold); 
    padding: 1rem 2.4rem; 
    text-decoration: none;
  }
  
  /* ── RESPONSIVE ── */
  @media (max-width: 960px) {
    nav { padding: 1.2rem 1.6rem; }
    nav.scrolled { padding: .9rem 1.6rem; }
    .nav-links, .nav-cta { display: none; }
    .hamburger { display: flex; }
  }