/* ── NAV BAR ── */
.site-nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 40px;height:64px;
  background:rgba(26,18,9,0.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(196,144,90,0.12);
}
.nav-logo img{
  height:150px;display:block;
  filter:invert(1) brightness(0.9);
  clip-path:circle(42% at 50% 50%);
}
.nav-links{display:flex;align-items:center;gap:28px;}
.nav-links a{
  font-family:'DM Mono',monospace;font-size:.75rem;
  letter-spacing:.18em;text-transform:uppercase;
  color:rgba(245,240,232,.7);text-decoration:none;
  transition:color .2s;
}
.nav-links a:hover,.nav-links a.active{color:var(--cream);}
.nav-links a.active{position:relative;}
.nav-links a.active::after{
  content:'';position:absolute;bottom:-2px;left:0;right:0;
  height:1px;background:var(--accent);
}
.nav-burger {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
}
.nav-burger span {
  display: block;
  width: 22px;
  height: 1px;
  background: var(--cream);
  transition: transform .3s, opacity .3s;
}

/* ── FOOTER ── */
.site-footer{
  background:var(--ink);padding:48px 40px 32px;
  border-top:1px solid rgba(212,201,176,.08);
}
.footer-inner{
  max-width:1000px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;
}
.footer-links{display:flex;gap:20px;}
.footer-links a{
  font-family:'DM Mono',monospace;font-size:.7rem;
  letter-spacing:.14em;text-transform:uppercase;
  color:rgba(245,240,232,.45);text-decoration:none;
  transition:color .2s;
}
.footer-links a:hover{color:rgba(245,240,232,.8);}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fadeDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.reveal{
  opacity:0;transform:translateY(24px);
  transition:opacity .7s ease,transform .7s ease;
}
.reveal.visible{opacity:1;transform:none;}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .container{padding:0 20px;}
  .section{padding:72px 0;}
  .about-grid,.contact-grid{grid-template-columns:1fr;gap:48px;}
  .process-grid{grid-template-columns:repeat(2,1fr);}
  .hero-headline{font-size:2.8rem;}
  .nav-burger { display: flex; }
  .nav-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    position: fixed;
    top: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: calc(100vh - 64px);
    background: rgba(26,18,9,0.97);
    backdrop-filter: blur(12px);
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
    z-index: 99; /* justo debajo del nav que es 100 */
  }
  .nav-links.open {
    opacity: 1;
    pointer-events: all;
  }
  .nav-links a {
    font-size: .8rem;
  }
  .nav-burger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .nav-burger.open span:nth-child(2) { opacity: 0; }
  .nav-burger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
}