:root{--forge:#ff4400;--ash:#ccaa88;--void:#000;--iron:#333;}
@font-face{font-family:"FORGE";src:url("fonts/forge.woff2") format("woff2");}
html{font-family:"FORGE",system-ui,sans-serif;background:radial-gradient(circle at center,var(--void),#0a0a0a);color:var(--ash);margin:0;}
body{margin:0;overflow-x:hidden;}
h1,h2,h3{font-weight:900;letter-spacing:0.2em;text-transform:uppercase;margin:0;}
a{color:var(--forge);text-decoration:none;border-bottom:2px solid var(--forge);}
a:hover{background:var(--forge);color:var(--void);border-radius:50%;padding:1rem 3rem;}
img{border:1px solid var(--forge);border-radius:50%;box-shadow:0 0 40rem var(--forge);}
.nav-spine{display:flex;gap:8rem;list-style:none;margin-top:8rem;padding:0;justify-content:center;}
.nav-spine li a{font-size:clamp(2rem,6vw,18rem);padding:2rem 6rem;border:2px solid var(--forge);border-radius:50%;transition:all 4s ease;}
.nav-spine li a:hover{background:var(--forge);color:var(--void);}
.scene{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.load-lock{writing-mode:vertical-rl;text-orientation:mixed;font-size:12rem;color:var(--forge);transform:rotate(90deg);}