:root{--void:#050200;--ember:#ff4400;--gold:#ffcc00;--smoke:#1a0a00;--paprika:#cc2200}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--void);color:var(--gold);font-family:'Courier New',monospace;text-transform:lowercase}
h1,h2,h3{font-family:'Georgia',serif;text-transform:none;line-height:0.9}
a{color:var(--ember);text-decoration:none;border-bottom:1px solid var(--gold)}
a:hover{color:var(--gold);border-color:var(--ember)}
.page-frame{min-height:100vh;padding:8vmin;display:grid;place-items:center;background:radial-gradient(ellipse at center,var(--smoke),var(--void))}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:4vmin;width:90vw;margin-top:8vmin}
.vault-card{border:2px solid var(--gold);background:rgba(var(--smoke),0.15);padding:3vmin;border-radius:24px;transition:all 0.9s cubic-bezier(.1,.9,.2,1)}
.vault-card:hover{transform:translateZ(180px) rotateX(8deg);box-shadow:0 0 128px var(--ember)}
.type-set{font-size:clamp(1.4rem,4vw,9rem);letter-spacing:-0.15em;line-height:0.85;text-align:center;margin:6vmin auto}