:root{--graphite: #353535;--midnight-violet: #310a24;--stormy-teal: #3c6e71;--white: #ffffff;--alabaster-grey: #d9d9d9;--yale-blue: #284b63}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--midnight-violet);color:var(--alabaster-grey);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:300;letter-spacing:.01em}#scene{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;padding:2.25rem 2.75rem;z-index:1}#overlay h1{margin:0;font-size:1.05rem;font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:var(--alabaster-grey);opacity:.85}#overlay .contact{position:fixed;right:2.25rem;bottom:2.25rem;pointer-events:auto;color:var(--alabaster-grey);text-decoration:none;font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;opacity:.4;writing-mode:sideways-lr;transition:opacity .2s ease,color .2s ease}#overlay .contact:hover{opacity:.9;color:var(--stormy-teal)}@media (max-width: 640px){#overlay{padding:1.25rem}#overlay .contact{right:1rem;bottom:1rem;font-size:.7rem}}