:root{--bg: #100f12;--ink: #ece7df;--muted: #7c766e;--amber: #e8a24d;--line: rgba(236, 231, 223, .14)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:DM Mono,ui-monospace,SF Mono,Cascadia Code,Roboto Mono,Consolas,monospace;background-color:var(--bg);color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased}#canvas{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;display:block}nav{position:fixed;top:0;left:0;width:100%;padding:1.9rem 2.25rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;z-index:2;pointer-events:none}nav a,footer a{pointer-events:auto;color:inherit;text-decoration:none}.brand{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.6rem;row-gap:.35rem;align-items:center}.brand__dot{grid-row:1 / 2;width:.62rem;height:.62rem;border-radius:50%;background:var(--amber);box-shadow:0 0 14px 1px #e8a24da6;align-self:center}.brand__name{grid-row:1 / 2;font-size:1.02rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.brand__tag{grid-column:2 / 3;grid-row:2 / 3;font-size:.62rem;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.menu{list-style:none;display:flex;align-items:center;gap:1.85rem}.menu a{font-size:.7rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);padding-bottom:.35rem;border-bottom:1px solid transparent;transition:border-color .25s ease,color .25s ease}.menu a:hover{border-color:var(--amber);color:var(--amber)}.menu li:last-child a{color:var(--amber)}footer{position:fixed;bottom:0;left:0;width:100%;padding:1.9rem 2.25rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;z-index:2;pointer-events:none}.hint{font-size:.72rem;font-weight:400;letter-spacing:.12em;color:var(--ink);position:relative;padding-left:1.4rem}.hint:before{content:"";position:absolute;left:0;top:50%;width:.85rem;height:1px;background:var(--amber)}.index{font-size:.64rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);text-align:right}.index span{color:var(--ink);margin-right:.6rem}@media(max-width:768px){nav{padding:1.25rem;flex-direction:column;align-items:flex-start;gap:1.1rem}.menu{gap:1.35rem}.menu a{font-size:.66rem;letter-spacing:.16em}.brand__name{font-size:.95rem}.brand__tag{font-size:.58rem;letter-spacing:.2em}footer{padding:1.25rem 1.25rem 1.4rem;flex-direction:column;align-items:flex-start;gap:.7rem}.hint{font-size:.7rem}.index{text-align:left;font-size:.6rem}}