/* ACE OF SELF landing — navigation */
.nav-unlock { display:inline-flex; align-items:center; justify-content:center; padding:10px 15px; border:1px solid #d4a25d; border-radius:999px; background:#d4a25d; color:#24211f !important; font-weight:700; letter-spacing:.13em; box-shadow:0 8px 22px rgba(212,162,93,.18); }
.nav-unlock:hover { background:#e6c77a; color:#24211f !important; transform:translateY(-1px); }

.actions .button { min-width: 190px; min-height: 48px; justify-content: center; align-items: center; border-radius: 999px; margin-top: 18px; }
.actions .button:not(.alt) { background: #d4a25d; border-color: #d4a25d; color: #24211f; font-weight: 700; }
.actions .button:not(.alt):hover { background: #e6c77a; border-color: #e6c77a; color: #24211f; }
.actions .button.alt { background: transparent; border-color: rgba(212,162,93,.72); color: #f3eee6; }
.actions .button.alt:hover { background: rgba(212,162,93,.12); border-color: #d4a25d; color: #fff; }

/* Mobile navigation */
.nav-toggle { display:none; }
@media (max-width: 800px) {
  header.top { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(14px); }
  .top .brand { position: relative; z-index: 52; }
  .nav-toggle { display:inline-flex; position:relative; z-index:52; width:42px; height:42px; align-items:center; justify-content:center; border:1px solid rgba(212,162,93,.55); border-radius:999px; background:rgba(36,33,31,.82); color:#f3eee6; cursor:pointer; }
  .nav-toggle span, .nav-toggle span::before, .nav-toggle span::after { display:block; width:18px; height:2px; background:currentColor; border-radius:2px; transition:transform .18s ease, opacity .18s ease; }
  .nav-toggle span::before, .nav-toggle span::after { content:''; position:absolute; }
  .nav-toggle span::before { transform:translateY(-6px); }
  .nav-toggle span::after { transform:translateY(6px); }
  .nav-toggle[aria-expanded="true"] span { background:transparent; }
  .nav-toggle[aria-expanded="true"] span::before { transform:rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span::after { transform:rotate(-45deg); }
  .top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
  .nav { position:absolute; left:0; right:0; top:100%; display:flex; flex-direction:column; align-items:stretch; gap:4px; padding:18px 6vw 22px; background:rgba(36,33,31,.97); border-bottom:1px solid rgba(212,162,93,.34); box-shadow:0 18px 40px rgba(10,7,5,.35); transform:translateY(-12px); opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease; }
  .nav.is-open { transform:translateY(0); opacity:1; pointer-events:auto; }
  .nav.is-open a { display:block; }
  .nav > a { padding:13px 10px; color:#f3eee6; }
  .nav .langs { display:flex; gap:8px; padding:12px 10px 0; }
  .nav .langs button { min-width:46px; min-height:38px; border:1px solid rgba(212,162,93,.42); border-radius:999px; background:transparent; color:#f3eee6; }
  .nav .langs button.active { background:#d4a25d; color:#24211f; }
  body.nav-open { overflow:hidden; }
}