:root{--vault-gold:#c8a66a;--vault-black:#0b0b0b;--vault-ink:#151515;--vault-cream:#f1ece2;}
.vault-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 28px;background:rgba(8,8,8,.82);backdrop-filter:blur(10px);border-bottom:1px solid rgba(200,166,106,.18)}
.vault-brand{font-family:"Cormorant Garamond",Georgia,serif;letter-spacing:.13em;font-size:1.05rem;color:#fff;text-decoration:none;white-space:nowrap}
.vault-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.vault-links a{font-family:Inter,Arial,sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#ddd;text-decoration:none;transition:.2s ease}
.vault-links a:hover,.vault-links a:focus{color:var(--vault-gold)}
body{padding-top:54px}
.directory-link{display:block;color:inherit;text-decoration:none;height:100%}
.directory-link article{height:100%;transition:transform .2s ease,border-color .2s ease}
.directory-link:hover article{transform:translateY(-3px)}
@media(max-width:760px){.vault-nav{position:sticky;padding:12px 16px;align-items:flex-start;flex-direction:column;gap:10px}.vault-links{gap:12px}.vault-links a{font-size:.66rem}body{padding-top:0}}